使用 SMACSS 製作button

使用 SMACSS 製作button

module抽離出常用元件,負責大致的外觀SMACSS是Jonathan Snook所發表的一個CSS/SASS的設計模式。在製作button時我們會把它放在module資料夾底下,並存成檔名為_btn.scss。在modules資料夾中的 ...
繼續閱讀

細讀 Bootstrap 3 文件

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

Typescript是新手的好朋友

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

Javascript核心筆記:建構式與prototype

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

Javascript核心筆記:scope

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

Javascript核心筆記:function

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

Javascript核心筆記:callback

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

Javascript核心筆記:this

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