摘要：题外话 今天把 《CSS REFACTORING》（中文名叫《CSS重构：样式表性能调优》）电子书粗略的浏览了一遍，这本书很薄，150页左右，首先是介绍了什么是重构并举了两个简单的重构例子，然后介绍了CSS的选择器优先级，再然后介绍了CSS的最佳实践， 再然后就介绍如何重置浏览器的默认样式，最后比较 阅读全文

摘要：iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。笔者通过查阅了一些官方文档，以及 阅读全文

摘要：网页布局（layout）是 CSS 的一个重点应用。传统的布局方式有 float position display。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览 阅读全文

摘要：一直都听说DOM很慢，要尽量少的去操作DOM，于是就想进一步去探究下为什么大家都会这样说，在网上学习了一些资料，这边整理出来。 首先，DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为，比如布局（layout）和绘制（paint）。下面主 阅读全文

摘要：|| 阅读全文

摘要：1 .wutai{width: 1000px;;} 2 .container{position:relative;transform-style:preserve-3d;width: 100px;height: 100px;transition:all .5s linear;float:left;margin: 10px;} 3 .box1,.box2{position:absolute;wid... 阅读全文