如何高效编写JSCSS实战代码片段，提升网页性能与用户体验？

本文共计467个文字，预计阅读时间需要2分钟。

CSS篇：常用布局形式片段之CSS规划篇

选择：position 拉伸性子巧 + CSS篇 + 常用布局形式片段之CSS规划篇

CSS篇经常使用形式片断之CSS规划篇jsorz.cn/blog/2016/08/code-patterns-of-css-layout.html

择要：position 拉伸性子巧用，未知大小元素的居中，完全的 clearfix 写法，BFC性子，以及其他小案例

经常使用形式片断之CSS兼容性

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

择要：色彩滤镜，居中hack

经常使用形式片断之CSS弹性规划

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

择要：百分比规划，flex规划，自适应拉伸的图片规划，同步拉伸的列规划

JS篇

经常使用形式片断之JS视窗

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

择要：推断元素间隔视窗的间隔，推断抵达页面底部，以及几种高度宽度

经常使用形式片断之 RAF

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

择要：RAF (requestAnimationFrame) 在很多处所都有见到过，只知道它和浏览器的动画有点关联，它究竟是个什么鬼，有啥作用有啥优点，本日查了一些材料和以往的笔记，做个整顿。

经常使用形式片断之 domReady

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

择要：第一次看到 domReady 这个字眼是在 jquery 中，即 document ready。以后也见到一些他人的代码里有 DOMContentLoaded，它和页面的 onload 有什么关联，以及和 document ready 有何渊源。之前都见过这些词，但都似懂非懂，本日查了些材料收集了些代码，做个完全的明白。