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