漫谈Web Components技术
第一次听说Web Components相关技术是在2013年从Shadow DOM 101这篇文章得知，只当是个模板技术的浏览器实现。谁想在Google IO 2014竟然将基于Web Components技术的Polymer专门做了个专题进行大篇幅介绍，其中Custom Element加上Imports的组合概念堪称惊艳，有种前端界的MapReduce的感觉。其实Google早在13年就已经花了 …
标签分类：前端规范
前端开发环境建设经验
首先是关于前端开发环境建设的珍贵经验，这些建议来自Google的前端大神Paul Irish的演讲《Paul Irish on Web Application Development Workflow》(youtube视频，需要翻墙)基本可以按照这个建议的顺序逐步优化前端开发环境与流程。 命令行界面中提示符栏需要显示当前目录，当前git项目及所在分支，当前目录分支本地是否修改 位于github的d …
主题CSS样式表规划与编码规范
CSS写起来并不困难，主要麻烦其实在于CSS样式表的规划：怎么去安排规则出现的位置，何时需要分开写，何时将几个规则写在一起；哪些样式应该放在一块，哪些样式可以分开成多个样式表进行选择加载。只要一个Web项目需要维护，未来需要更新，样式表的规划问题就是个头疼的问题，而为WordPress设计主题就必须考虑这个问题。 这里可以先学习参考WordPress默认主题Twenty Eleven的样式表规划方 …
Google的前端代码规范
下面是个人总结的Google的前端代码规范，包括来自Google的HTML/CSS规范以及JS规范。 其中HTML与CSS部分翻译可以参考：Google HTML/CSS Style Guide 谷歌代码风格指南 JS规范终于有小组全部进行翻译啦，请参考：Google Javascript代码规范 总规范： 忽略（Omit）协议：如 background: url(http://www.googl …