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

CSS篇

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

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

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

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

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

摘要:顏色濾鏡,居中hack瀏覽器

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

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

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

JS篇

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

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

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

經常使用模式片斷之 RAF

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

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

經常使用模式片斷之 domReady

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

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

相關文章
相關標籤/搜索