allen0818 的部落格

JS Bin 提供了一個很棒的整合平台, 讓我們可以很快速地去練習書上或網路上的範例
而不用透過IDE去開啟一個新的專案來練習這些範例

他將網頁原始碼/CSS/Javascript等分開成各特定區塊, 我們只要分別在這些區塊填上需要的內容
JS Bin就會自動將這些部分整合在一起，並呈現在Output區塊中  可說是相當方便
畫面如下:


那麼我們要怎麼樣跟別人分享我們寫好的JS Bin範例呢?  官方網站提供了幾種方式供我們使用
1. 只保留前頭的網址
　EX: 若原先為 https://jsbin.com/hegeqot/xxxx , 那麼就只複製最前頭的 https://jsbin.com/hegeqot/ 即可

2. 保留前頭的網址後, 補上/latest
   EX: 若原先為 https://jsbin.com/hegeqot/xxxx , 那麼就將其修改為 https://jsbin.com/hegeqot/latest 即可

然而當我們想要編輯這個範例內的內容時, 就在範例網址的最後補上 /edit 即可開啟編輯畫面
以上述例子為例, 即修改成 https://jsbin.com/hegeqot/edit 即可

References:
1. https://jsbin.com/help/share-latest-bin