使用Bootstrap好一段時間了，卻沒有好好的把官方文件讀過一遍，雖然寫的出來但是速度不盡理想，所以這兩天花些時間將幾個不太理解的常用元件與一些以前有使用到卻不太了解的data-attribute用法寫下筆記，好提高生產力。 Part 1 ...

為什麼 Typescript 是新手的好朋友typescript百分之百跟javascript相容，所有javascript的語法都可以在.tstypescript檔案中執行。因此就算是要javascrtip新手，也可以享受typescri ...

靜態命名空間方法1 - 直接指定123456789101112131415161718var myApp = {}myApp.id = 0;myApp.next = function() { return ...

建立物件時，實際上做了什麼事?使用 new 關鍵字時，JavaScript 會先建立一個空物件，接著設定物件的原型為函式的 prototype 特性所參考的物件，然後呼叫建構式並將所建立的空物件設為 this。接下來依照建構式設定實例上的特 ...

Scope 每個function在呼叫時都會建立新的 Function execution context，有個物件用來代表 Execution context，而區域變數則是 context 物件上的特性。 JavaScript 在查找 ...

javascript的函數是一級物件(First-Class)function是由Function的實例，並且在javascript中可以指定給變數，函式與數值的地位相同，並不會像有些語言中，無法像數值一樣地被指定，不會淪為二等公民，因此， ...

callback是一種設計模式來看看callback的定義： Callback (computer programming) - WikipediaIn computer programming, a callback is a refe ...

call可以讓你決定this的參考對象在 JavaScript 中，函式是 Function 的實例，Function 都會有個 call 方法，可以讓你決定 this 的參考對象。舉例來說，你可以如下呼叫： 123456789101112 ...

在 JavaScript 中，物件是 Object 的實例。你可以如下建立一個新的物件： 1var obj = new Object(); 實際上，現在已經很少人這麼撰寫了，使用物件實字（Object literal）語法就可以建立一個物件 ...

ajax 如何運作？ Ajax 立基於非同步 JavaScript 和 XML。簡單地說，Ajax 即運用非標準的XMLHttpRequest物件，並配合伺服器端的 Script 進行通訊。 Ajax 能夠傳送並接收各種格式的資訊，其中包 ...

javascript 語言特性 javascript是個動態型別語言，無法在開發期間宣告型別，意味著javascript的單一變數可能會隨時改變型別! javascript是個弱型別的語言：意味著在開發時期無法指定javascript型別 ...

第二個練習一樣學習tuts的課程，選擇課程的好處是做到一半不知道該怎麼做時，有video解答可以看。看看高手怎麼做總是比自己亂弄的好的多。我選擇的課程是需要付費的，tuts還有一些免費的教材可以學習，影片或是文章教學都有，有興趣的自己發掘囉 ...

最近在訓練排版的熟練度，要快速打造protype基本的前端技能是必須的。我選擇的教材是tuts的psd to html porfolio。課程中介紹了詳細的切版流程，從切圖到建構html到用css排版都有詳細的介紹。本篇是psd to ht ...

atom-color-highlight 在編輯器中即時顯示色碼對應的顏色。 atom-development-server 一個很強大的東西，自己玩玩看吧。 atom-html-preview 老實說我不太會用這個套件，但是 ...

使用Rails Form Helper時，很重要的一點是要知道Form Helper會產生什麼樣的Html Code，了解之，觀察之，這樣你才能修改成自己需要的樣子。如果要在form中加入check box，可以使用collection_c ...