您如何衡量前端开发领域的质量?
有没有你觉得特别相关的工具/技术/最佳实践?例如JavaScript的单元测试,YSlow,页面验证?
了解其他人对此的想法会很介意,因为我认为这是开放式的。 例如,您可以说质量的标志是完成的网站在所有浏览器中看起来都一样,html 和 CSS 一样通过验证。
这些观点是有争议的,因为我个人不认为验证很重要和/或完成的网站在所有浏览器中都必须看起来相同,例如在那些不支持它们的浏览器中没有圆角。
手动检查前端开发:
看看网站:
- 好看吗?
- 感觉很精致吗?
- 没有JavaScript也能工作 吗JavaScript
- 是否仅用于增强网站(忽略仅 JavaScript 的 Web 应用程序)
- 基本功能是否适用于Chrome,FF 3.6,FF4,IE8,IE9,Opera10,Opera11,Safari4,Safari5。
- JavaScript 是否会干扰体验?
- 是否过于依赖Flash/Java/Unity/SilverLight?
- JavaScript 是否被缩小/压缩?
查看未缩小的代码:
- HTML 在语义上正确吗?
- HTML对屏幕阅读器或盲人观众是否有任何意义
- 是使用的正确 HTML 实体。(没有用于布局的表格)
- CSS 是否增强了 HTML
- 是否有HTML和CSS的分离。
- 它是否确认4.01,XHTML1.1或HTML5验证?
- CSS 是否有有意义的全名。
- JavaScript 是模块化编写的吗?
- JavaScript 是否遵循 ES3 标准?
- 确保浏览器嗅探最少。
这样的例子不胜枚举。
重要的是好的 HTML 与 CSS 用于增强 UI 和布局,并且 JavaScript 正确地增强了功能。
还要确保 Flash 和 SilverLight 等第三方应用程序仅用于复杂的应用程序或功能强大的动画。
哦,当然检查它不是从 ASP.NET,WordPress,SharePoint等自动生成的废话。
是否有任何工具/技术/最佳 你觉得特别的做法 相关?例如,单元测试 JavaScript,YSlow,页面验证?
更仔细地阅读您的问题,我已经在切线处处理了它。如果你想要自动化工具,HTML验证是好的。使用像YSlow这样的外部工具很棒。使用 js 单元测试很棒。这些都是您应该使用的良好且有效的工具。
我敢肯定还有更多,但我没有个人经验可以推荐。