JS / CSS 經常使用實戰代碼片斷

CSS篇

經常使用模式片斷之CSS佈局篇

http://jsorz.cn/blog/2016/08/code-patterns-of-css-layout.html

摘要：position 拉伸性質巧用，未知大小元素的居中，完備的 clearfix 寫法，BFC性質，以及其餘小案例

經常使用模式片斷之CSS兼容性

http://jsorz.cn/blog/2016/10/code-patterns-of-css-hack.html

摘要：顏色濾鏡，居中hack

經常使用模式片斷之CSS彈性佈局

http://jsorz.cn/blog/2016/10/code-patterns-of-css-flexiable-layout.html

摘要：百分比佈局，flex佈局，自適應拉伸的圖片佈局，同步拉伸的列布局

JS篇

經常使用模式片斷之JS視窗

http://jsorz.cn/blog/2016/10/code-patterns-of-js-viewport.html

摘要：判斷元素距離視窗的距離，判斷到達頁面底部，以及幾種高度寬度

經常使用模式片斷之 RAF

http://jsorz.cn/blog/2016/12/code-patterns-of-js-raf.html

摘要：RAF (requestAnimationFrame) 在好多地方都有見到過，只知道它和瀏覽器的動畫有點關係，它究竟是個什麼鬼，有啥做用有啥好處，今天查了一些資料和以往的筆記，作個整理。

經常使用模式片斷之 domReady

http://jsorz.cn/blog/2016/12/code-patterns-of-dom-ready.html

摘要：第一次看到 domReady 這個字眼是在 jquery 中，即 document ready。以後也見到一些別人的代碼裏有 DOMContentLoaded，它和頁面的 onload 有什麼關係，以及和 document ready 有何淵源。之前都見過這些詞，但都似懂非懂，今天查了些資料收集了些代碼，作個完整的理解。