sf_css_01

前言

好久没有更新博客了，最近回家休养了几天，赶上亲戚也得了直肠息肉，顺便回去看看，于是博客就落下了几天。最近在一个 QQ 群里认识了一位拥有很多前端教程和资源的朋友，粽子哥，也从他那里拿到了很多的免费资源，比如说某慕课网的 vip 全部的视频教程，我是购买了其中的三个 vip 视频话费也不过两三百，以前我是一直使用的是免费视频，但是后来慢慢地开始支持第三方培训机构的一些个视频教程，今年在这上面的花费也不少了，一看到这种免费的视频就有种抵制，亲们如果最近资金不是很紧张那么还是奉劝大家去支持下，毕竟也不是很贵。烧烟的节约下烟钱就来了。反正我是不烧烟的。废话不多说。

原由

我从粽子那里推荐我看这本《css 揭秘》，我还没打开这本书的时候想这是不是 css1、css2 的内容，讲解的是不是兼容 ie 的 hack 方法 那些，我完全错了，这里面类容完全是 css3.0 的内容。圆角边框，伪元素，边框背景，投影，css3 滤镜等等。现在这本书在回家休息的几天中也看了近一半了，收货真的是非常大，我感觉只是略过了一遍，具体的我还要细读第二遍才能完全理解，里面的知识点我也在博客构建的时候用过，但是能够像这本书的作者一样提炼出 DIV 的方法，一步一步进行提炼，我还是没有达到。值得学习。比如实现饼图作者就用了渐变实现、svg 实现进行了对比，并且列出这两者的有点和缺点。选着出最 DIV 的 css 写法。真的是让人大开眼界。作者也考虑到了一些浏览器在不支持 css3 某些效果时候的回退效果，不会让整个样式显得一片空白，这个优雅降级也是我们需要考虑的。

总结

本书中所有的实例尽量都是使用的 css3 来实现避免了 canvas 绘图等复杂计算。但是如果像你要绘制折线复杂曲线图还是建议使用 canvas 和 svg 库来进行实现。这本书我感觉在讲 css3 的最大可能化，我们用 css3.0 的新增属性能够做什么？比如我们问得多的单侧投影效果，css3.0 是怎么实现投影的。这些都是以前我忽略的地方，知其然知其所以然。最近在看 jQuery2.0 的源码，看来差不多的时候到时候也会写一篇博客来分享给大家。今天我是强烈推荐这本 css 揭秘这本书给前端路上的你。希望能够对你有所帮助，最好买一本这样的书，虽然看起来会有点儿小贵，或许这是值得的。最近又买了本 es2015 的书阮一峰老师的，想必大家知道这个人，靠写书写进了阿里，本来技术也很牛。学习的东西太多了。今天就到这里吧。前端虐我千百遍，我待前端如初恋。