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

    原文作者:依然宁静
    原文地址: https://segmentfault.com/a/1190000007796092
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞