Udacity上的 bowser render optimization課程，透過chrome dev tool的timeline來debug，試著將瀏覽器的渲染速度達到60fps。
Frame
如果要在瀏覽透過60fps的速度去渲染畫面
也就是說我們必須在1000ms/60frame ~ 16ms
16毫秒以內將要渲染在畫面上的設定都處理完成
而實際上大約是只有10~12ms
繼續閱讀
學會js很簡單，但要精通需要非常多的時間
透過閱讀一些經典library
來學習大神們怎麼用更有效率的方式解決問題
那麼就先來讀讀underscore吧！
Collection Functions
繼續閱讀
學會js很簡單，但要精通需要非常多的時間
透過閱讀一些經典library
來學習大神們怎麼用更有效率的方式解決問題
那麼就先來讀讀underscore吧！
Underscore.js 版本 1.8.3
Baseline setup
繼續閱讀
CSS中的Transform可以直接改變網頁中的元素
套用Transform之後並不會改變元素本來在HTML中版面的位置或大小
而是顯示上被改變了
用下面的例子可以看到放大的元素不會因為放大而自動往下排版
而是直接覆蓋過附近的元素
繼續閱讀
CSS提供了非常多font-size的單位
用在網頁顯示上的
keywords,
ems,
exes,
pixels,
percentages
用在列印的
picas,
points,
inches,
centimeters,
millimeters.
回想自己在前端開發的路上
先學會了一些HTML tags跟一點點的CSS, javascript就開始寫網頁了
接著就是jQuery,Bootstrap,AngularJS等等一大堆的框架
並沒有好好的將網頁三劍客(HTML, CSS, Javascript)踏實的走好
因此想透過閱讀經典前端書籍
建立穩固的知識點
先學走，再學跑 繼續閱讀
