Web 开发指南：前端开发编码标准及最佳实践

标签： web 开发 前端 | 发表时间：2012-07-24 13:06 | 作者：梦想天空（山边小溪）
出处：http://www.cnblogs.com/lhb25/

　　本文向大家推荐来自 isobar（全球顶级数字公司）的前端开发编码标准和最佳实践。这份文档涵盖 HTML、CSS 和 JavaScript 编码标准，可访问性，性能优化，浏览器兼容和测试和搜索引擎优化支持等众多内容，下面是全文目录：

 

 

Table of Contents

 

您可能还喜欢

 

 

本文链接： 前端开发编码标准及最佳实践

资料来源： Front-end Code Standards & Best Practices

本文链接

相关 [web 开发 前端] 推荐：

iOS客户端开发与Web前端开发

- - bang's blog
不知不觉做iOS客户端开发已经半年多了，了解到iOS客户端开发与Web前端开发的一些异同，写一下. 用户角度上看，客户端升级必须让用户手动下载整个新的安装包覆盖安装，而web的升级无需用户做任何事情. 开发角度上看，如果客户端有个小bug需要紧急修复，需要修复完后打包一个完成的安装包，给一个版本号，发布给用户升级.

ant入门指南—web前端开发七武器（1）

- Frank Cai - ria之家--RIA三部曲：jquery、ext、flex
名称：apache ant. 下载：http://labs.renren.com/apache-mirror//ant/binaries/apache-ant-1.8.2-bin.zip. ant使用文档：http://ant.apache.org/manual/index.html. ant作为目前中国最受欢迎的开源构建工具，广泛应用于java工程构建.

Jasmine入门教程—web前端开发七武器（上）

- bingo - ria之家--RIA三部曲：jquery、ext、flex
用途：javascript单元测试框架. 下载：http://pivotal.github.com/jasmine/downloads/jasmine-standalone-1.1.0.rc1.zip. 使用文档：http://github.com/pivotal/jasmine/wiki. 页面前端逻辑复杂度与日俱增，前端工程师写出来的javascript变得庞大甚至臃肿，维护的难度不断加大，你需要一个javascript单元测试框架，用于降低维护javascript代码时的出错风险，保证重构后的代码的兼容性，最重要的是减少人肉测试的过程，降低js代码维护成本.

Web前端开发规范文档你需要知道的事

- - 博客 - 伯乐在线
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.. 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良.

让前端开发者失业的技术，Flutter Web初体验

- - SegmentFault 最新的文章
Flutter是一种新型的“客户端”技术. 它的最终目标是替代包含几乎所有平台的开发：iOS，Android，Web，桌面；做到了一次编写，多处运行. 掌握Flutter web可能是Web前端开发者翻盘的唯一机会. 在前些日子举办的Google IO 2019 年度开发者大会上，Flutter web作为一个很亮眼的技术受到了开发者的追捧.

Web前端优化

- - JavaScript - Web前端 - ITeye博客
优点：直接使用浏览器内存的缓存数据，减少网站后台压力，用户体验（速度）好. 缺点：对于时时变化的动态页面，这种情况就不能容忍了，因为每次访问的都是第一次访问的内容，这样即使所请求的页面已经变化了，用户也不可能知道，所以此场景必须要消除这种缓存的影响. 延迟加载，将资源延迟到需要的时候的加载，例如detail页面，相关产品推荐，当用户浏览更多的信息往下拉动滚动时，才进行加载，异步加载可以大幅减少对后端资源的使用，在需要的时候加载，是资源合理使用常用的方式，但是也带来一个问题，当往下拉才去加载，如果性能不够好，用户的体验其实是不好的，“菊花”转动的时间会比较长，同时异步加载对前端性能的作用也是非常明显的，渲染的节点数量大幅减少.

Web 前端测试

- - Web前端 - ITeye博客
Web 网站测试流程和方法（转载）. 进行正式测试之前，应先确定如何开展测试，不可盲目的测试. 一般网站的测试，应按以下流程来进行：. 1）使用HTML Link Validator将网站中的错误链接找出来；. 2）测试的顺序为：自顶向下、从左到右；. 3）查看页面title是否正确. （不只首页，所有页面都要查看）；.

Web 开发指南：前端开发编码标准及最佳实践

- - 博客园_梦想天空
　　本文向大家推荐来自 isobar（全球顶级数字公司）的前端开发编码标准和最佳实践. 这份文档涵盖 HTML、CSS 和 JavaScript 编码标准，可访问性，性能优化，浏览器兼容和测试和搜索引擎优化支持等众多内容，下面是全文目录：. 60款很酷的 jQuery 幻灯片演示和下载. 12个很棒的学习 jQuery 的网站推荐.

为什么 Web 前端开发不抛弃 HTML 和 CSS，用纯 JavaScript 开发？

- - 知乎每日精选
首先要确定，即使抛开游戏不论，一般的Web应用或者网站，完全用JavaScript开发也是可行的. 比如ExtJS、webOS的Enyo等. 但是主流Web开发很少采用全JS的方案. 注重考虑那些无法运行JS的用户代理. 用户使用不支持JS的浏览器（比如较老的手机浏览器），或者禁用脚本. 当然你可以选择忽略这一小撮用户，尤其是现在绝大多数网站和应用也是如此选择的，但是至少我们应该对坚持考虑无JS情况的开发者予以基本的尊重.

Web前端开发工程师必读的15个设计博客

- abcd - 博客园-首页原创精华区
　　Web设计是一个不断变化的领域，因此掌握最新的发展趋势及技术动向对设计师来说非常重要，无论是学习新技术，还是寻找免费资源与工具，设计博客都是很不错的去处. 本文向大家推荐15个非常不错的设计博客. Smashing Magazine创建于2006年，是最好的设计博客之一，有很多Web设计和开发方面的高质量文章，内容涉及HTML5、CSS、JavaScript、Photoshop、Wordpress、壁纸和网站可用性.