線上文件是一種顛覆本機工作的產物，哈！今天來玩玩GitBook的文件產出ＸＤ
這篇不是新手文章，是新手的請確認你己會使用gitbook
直接進主題:

確定己經安裝了gitbook-cli還沒裝的快去裝XD, 這個套件可以讓我們的gitbook文件產出
HTML 文件
ePub 電子書
Kindle 電子書
製作 PDF 電子書

今天的例子是HTML文件
先切換像到你的gitbook目錄位置, 執行終端指令
開啟.gitignore檔查看

# Node rules:
## Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt

## Dependency directory
## Commenting this out is preferred by some people, see
## https://docs.npmjs.com/misc/faq#should-i-check-my-node_modules-folder-into-git
node_modules

# Book build output
_book

# eBook build output
*.epub
*.mobi
*.pdf

如果沒有上面這段就自己打吧XD

若在本地看gitbook命令列輸入:
gitbook serve
它預設會開啟 localhost:4000


若要產生html靜態檔案, 命令列輸入:
gitbook fulid --output=/site/mybook


然後...

登登 success
來去目錄查看一下吧

有了之後, 直接去打開index.html吧GO~~

YA~有嘍~大功告成, 美觀又漂亮XD

收工! (握拳

Read More

不廢話, 在hello-react之前, 先去把環境設定好吧
什麼環境? 就是可以run react的環境啦...
比如安裝nodejs, live-server, gulp, gulp-livereload, 等等的,  請看這裡...好吧, 我真的很懶XD

Read More

React component lifecycle chart

Read More

資訊雖然有點久的了，但，好東西一定要下記錄，線上轉換才是王道阿～
將你的unicode字元，轉換成 NCR字碼，只要你有字碼轉換的需求，不多說，直看結果


網址滴佳
http://www.endmemo.com/unicode/unicodeconverter.php

Read More

好用的jsbin，http://jsbin.com是一套前端的編輯工具線上，可在撰寫前端程式碼，然後可即時反應，也不用自己F5，XD

開始玩一下吧


在JavaScript區塊中來個JSON如下，完成JSON後，再按CTRL+S，進行存檔

{ 
  
  "name": "jsbin",
  "age": 99,
  "birthday": "1988/02/02",
  "mails": {"home": "hotmail@mail.com", "work": "yahoo@mail.com"},
  "phones": {"mobile": "0923456789", "home": "048353868" }
            
}

將網址列的URL記下來，等一下會用到


再開一個新的jsbin，在JavaScript區塊中來個一段如下

$.ajax({
  url: 'http://jsbin.com/dijeyodote/2/edit?js',
  dataType: 'json',
  success: function(data) {

    var json_str=JSON.stringify(data);
    var json = JSON.parse(json_str);
    alert(json.phones.mobile);   
    
  }
    
});

完成，顯示JSON的mobile值


好，收工 XD

Read More

常用的表格欄位新增異動語法 MS SQL

--加欄位ADD column
ALTER TABLE my_table_name ADD my_column_name nvarchar(50)

--異動資料類型ALTER COLUMN
ALTER TABLE my_table_name ALTER COLUMN my_column_name nvarchar(50)

--移除欄位DROP COLUMN
ALTER TABLE my_table_name DROP COLUMN my_column_name

Read More

JSON.parse(), 將字串JSON物件

//JSON string 
var json_str = '{"name":"jsbin","age":99,"birthday":"1988/02/02"';
json_str.concat(',"mails":{"home":"hotmail@mail.com","work":"yahoo@mail.com"}');
json_str.concat(',"phones":{"mobile":"0923456789","home":"048353868"}}');

//轉JSON物件
var json = JSON.parse(json_str);
alert(json.mails.home);

收工

Read More

JSON.stringify(), JSON資料轉字串

//JSON資料
var data = { 
  "name": "jsbin",
  "age": 99,
  "birthday": "1988/02/02",
  "mails": {"home": "hotmail@mail.com", "work": "yahoo@mail.com"},
  "phones": {"mobile": "0923456789", "home": "048353868" }
}

//轉字串
var json_str = JSON.stringify(data);
alert(json_str);

JSON.parse(), 將字串JSON物件

//JSON string 
var json_str = '{"name":"jsbin","age":99,"birthday":"1988/02/02"';
json_str.concat(',"mails":{"home":"hotmail@mail.com","work":"yahoo@mail.com"}');
json_str.concat(',"phones":{"mobile":"0923456789","home":"048353868"}}');

//轉JSON物件
var json = JSON.parse(json_str);
alert(json.mails.home);

收工

Read More

dictionary, 字典是指有一組以上的 key 與 value 所組成不多說, 直接展示吧...

"""建立hi_dict的dictionary"""

hi_dict = {'name': '王小明', 'age': 25, 'mail': 'sample@gmail.com'}

"""取得某key的值"""

print hi_dict.get('name')
"""或"""
print hi_dict['name']

"""加入一組 key 與 value"""
add_dict = {'blog','http://myblog.com'}
hi_dict.update(add_dict)
"""或"""
hi_dict.update({'blog','http://myblog.com'})

"""移除一組 key 與 value"""
hi_dict.pop('blog') """若key 'blog' 不存在時會回傳, KeyError: 'bolg' 訊息"""


"""複製dict"""
hi_dict2=hi_dict.copy()

Read More

不解釋, 看下面註解XD

var hello = function () {
        //再也不會搞不清楚是數字或英字大小寫 1,i,l,0,o,O
        var my_array = ["1", "i", "l", "0", "o", "O"];
    }

Read More