小朋

前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单；本文则是对于半年来发布的前端每周清单中的 Re…

本文首发于我的个人网站：http://cherryblog.site/ （背景更换了不知道大家有没有发现呢，嘻嘻） 一个好的程序员肯定是要能书写可维护的代码，而不是一次性的代码，怎么能让团队当中其他人甚至一段时间时候你再看你某个时候写的代码也能看懂呢，这就需要规范你的代码了。 …

SVG动画本质上是动图，我们并不能把它当做实现真正动画的工具，它比gif动图的优势在于小的体量，可交互，可矢量放大，方便修改色值，但它的劣势也很明显，渲染需要耗内存（所以能用基本的移动旋转等等实现就不要用路径变形），而且移动端应用需要第三方框架，即使web应用还要考虑到浏览器的…

在前端开发工作中，除了项目开发保质保量上线以外，项目的数据监控也应该配套起来，确保线上的正常运转。如上报 pv 监控项目是否正常运转；测速上报反应项目质量；脚本错误监控作为监控中重要一环，当页面发生报错的时候，通过上报错误信息，能及时发现存在问题，修复优化、减少损失。

毫无疑问，我被问到最多的就是关于设计规范体系的建立。所以在过去几年里，最多思考的就是如何设计、建立完整的设计体系，像 Marvel, Bantam 和 Modulz 这样的产品，下面我想分享一些我学到的方法。

一周前，参加了公司的一个架构设计与建模的工作坊——『事件风暴』。从某种意义上来说，这是一个关于架构设计与软件建模的工作坊。于是便闪现了一个灵感，便有了 Stepping.js。