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 有何渊源。之前都见过这些词，但都似懂非懂，今天查了些资料收集了些代码，作个完整的理解。