“Java 语言编码规范”是当前很流行的关于编码规范的文档之一,它指出了编码规范如此重要的几个原因:
软件生命周期中 80% 的成本消耗在了维护上
几乎所有的软件维护都不是它的最初作者
编码规范提高了软件的可读性,它让工程师能够快速且充分地理解新的代码
如果你将源码作为产品来发布,你需要确保它是可完整打包的,且像你创建的其他产品一样整洁。
那么,当你意识到整洁、统一的编码规范的重要性的时候,应该如果形成自己的编码规范了。在这个问题上,我已经不再建议自己去实践尝试来得出答案。虽然实践大多数时候是得出答案的好办法,但是,对于编码规范还是直接拿来主义,把优秀的规范拿来就用:
前端代码规范及实践 ——出自 isobar 公司的创意技术部(前端工程)
编码规范@bymod ——出自 Bootstrap
Google HTML\CSS Style Guid ——出自 Google
Google JavaScript Style Guide——出自 Google
最佳编码实践-KISSY v1.4 Documentation—— 出自 阿里 KISSY
网站的优化打包发布
当我们网站开发完成,本地测试 OK 以后,还要合并压缩静态文件、使用前端镜像库、使用 CDN 进行加速、用YSlow 或Google Page Speed 这类的网站质量检测工具来检测线上测试站点。
合并压缩静态文件:一般为了快捷有节奏的开发网站,对于静态文件 CSS,JS,图片静态资源是尽可能模块化管理,而到了上线阶段,则必须合并压缩 CSS,JS、制作 sprites 图、使用 iconfont。这样处理既减少文件体积,又减少 http 请求。具体压缩和合并方法,使用 Grunt,Gulp,Webpack 等前端自动化工具都有官方的插件来自动完成这项工作。但在前期没有接触到前端自动化构建工具前,可以使用最近微信团队推出的一个前端自动化桌面工具WeFlow。使用前端镜像库:对于 jQuery,Bootstrap,这些大多数网站都有可能用到的前端工具资源,不妨使用公共的 CDN 库文件加速,这其中百度,360这些大的互联网公司都提供的公共库。因为大部分常用网站会缓存这些常用的文件,所以当自己的网站也使用这些公共库文件时,实际是不需要重新请求获取,而是直接从用户的浏览器读取缓存文件。使用 CDN 加速:CDN 是内容分发网络,其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。简单的理解就是把网站的静态资源传到提供 CDN 服务的云端,然后在网站中调用这些资源。使用 Gzip 或dfate 加速,这个是在服务器设置,暂时按下不表,等我仔细研究过后端知识再来补充。

结语

下一篇还在整理中。下篇会提供前端进阶的学习资料,以及思考方向等……