Recent Posts

SASS 的 @import @mixin @content @extend 與 @function

less than 1 minute read

1.Import SASS在檔名前面加上底線時,不會直接編譯成CSS,使用@import引入後,才會編譯。 2. Mixins 常見的mixin作法,要傳入的引數前面需加上$字號。 /* Mixins */ @mixin border-radius($radius: 10px) { -webkit-bor...

細讀 Bootstrap 3 文件

4 minute read

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

Typescript是新手的好朋友

less than 1 minute read

為什麼 Typescript 是新手的好朋友 typescript百分之百跟javascript相容,所有javascript的語法都可以在.tstypescript檔案中執行。因此就算是要javascrtip新手,也可以享受typescript帶來好處。typescript能夠讓 目前暫時不...

Javascript核心筆記:namespace

less than 1 minute read

靜態命名空間 直接指定 ```js var myApp = {} myApp.id = 0; myApp.next = function() { return myApp.id++; } myApp.reset = function() { myApp.id = 0; } wind...

Javascript核心筆記:建構式與prototype

1 minute read

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