标签分类:前端规范

漫谈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 …

阅读全文