2015-06-03所有文章 Luka 使用 SMACSS 製作buttonmodule抽離出常用元件,負責大致的外觀SMACSS是Jonathan Snook所發表的一個CSS/SASS的設計模式。在製作button時我們會把它放在module資料夾底下,並存成檔名為_btn.scss。在modules資料夾中的 ... 繼續閱讀
2015-06-01所有文章 Luka SASS 的 @import @mixin @content @extend 與 @function1.ImportSASS在檔名前面加上底線時,不會直接編譯成CSS,使用@import引入後,才會編譯。 2. Mixins常見的mixin作法,要傳入的引數前面需加上$字號。 12345678910/* Mixins */@mixin b ... 繼續閱讀
2015-03-15所有文章 Luka 細讀 Bootstrap 3 文件使用Bootstrap好一段時間了,卻沒有好好的把官方文件讀過一遍,雖然寫的出來但是速度不盡理想,所以這兩天花些時間將幾個不太理解的常用元件與一些以前有使用到卻不太了解的data-attribute用法寫下筆記,好提高生產力。 Part 1 ... 繼續閱讀
2015-03-08所有文章 Luka Typescript是新手的好朋友為什麼 Typescript 是新手的好朋友typescript百分之百跟javascript相容,所有javascript的語法都可以在.tstypescript檔案中執行。因此就算是要javascrtip新手,也可以享受typescri ... 繼續閱讀
2015-02-27所有文章 Luka Javascript核心筆記:namespace靜態命名空間方法1 - 直接指定123456789101112131415161718var myApp = {}myApp.id = 0;myApp.next = function() { return ... 繼續閱讀
2015-02-27所有文章 Luka Javascript核心筆記:建構式與prototype建立物件時,實際上做了什麼事?使用 new 關鍵字時,JavaScript 會先建立一個空物件,接著設定物件的原型為函式的 prototype 特性所參考的物件,然後呼叫建構式並將所建立的空物件設為 this。接下來依照建構式設定實例上的特 ... 繼續閱讀
2015-02-27所有文章 Luka Javascript核心筆記:scope Scope 每個function在呼叫時都會建立新的 Function execution context,有個物件用來代表 Execution context,而區域變數則是 context 物件上的特性。 JavaScript 在查找 ... 繼續閱讀
2015-02-27所有文章 Luka Javascript核心筆記:function javascript的函數是一級物件(First-Class)function是由Function的實例,並且在javascript中可以指定給變數,函式與數值的地位相同,並不會像有些語言中,無法像數值一樣地被指定,不會淪為二等公民,因此, ... 繼續閱讀
2015-02-27所有文章 Luka Javascript核心筆記:callbackcallback是一種設計模式來看看callback的定義: Callback (computer programming) - WikipediaIn computer programming, a callback is a refe ... 繼續閱讀
2015-02-27所有文章 Luka Javascript核心筆記:thiscall可以讓你決定this的參考對象在 JavaScript 中,函式是 Function 的實例,Function 都會有個 call 方法,可以讓你決定 this 的參考對象。舉例來說,你可以如下呼叫: 123456789101112 ... 繼續閱讀