衡量前端开发领域的质量?

发布于 2024-11-07 19:16:42 字数 246 浏览 2 评论 0原文

您如何衡量前端开发领域的质量?

您认为有哪些特别相关的工具/技术/最佳实践吗?例如 JavaScript、YSlow、页面验证的单元测试?

我很想知道其他人对此的想法,因为我认为它是开放式的。例如,您可以说质量的标志是完成的网站在所有浏览器中看起来都相同,html 和 CSS 一样都通过了验证。

这些观点是有争议的,因为我个人认为验证并不那么重要和/或完成的网站在所有浏览器中必须看起来相同,例如在不支持它们的浏览器中没有圆角。

How do you go about measuring quality in the Front End Development space?

Are there any tools/techniques/best practices you feel are particluarly relevant? e.g. Unit Testing for JavaScript, YSlow, page validation?

Would be interetsed to know others thoughts on this as i think it is open ended. For example you could say that a mark of quality is that the finished site looks the same in all browsers, html passes validation as does CSS.

Those points are contestable as i personally don't believe that validation is that important and/or a finished site should necessarily look the same in all browsers e.g absence of rounded corners in those browsers that do not support them.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

可可 2024-11-14 19:16:42

手动检查前端开发:

看网站:

  • 好看吗?
  • 是不是感觉很精致呢?
  • 没有 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 等第 3 方应用程序仅用于复杂应用程序或强大的动画。

哦,当然还要检查一下,这不是 ASP.NET、WordPress、SharePoint 等自动生成的废话。

有没有什么工具/技术/最好的
您认为特别的做法
相关的?例如单元测试
JavaScript、YSlow、页面验证?

更仔细地阅读你的问题,我已经偏离了主题。如果您需要自动化工具,HTML 验证是不错的选择。使用像 YSlow 这样的外部工具非常棒。使用js单元测试非常棒。这些都是您应该使用的好且有效的工具。

我确信还有更多,但我没有个人经验可以推荐。

To manually Check the front end development:

Look at the website:

  • Does it look good?
  • Does it feel polished?
  • Does it work without JavaScript
  • Is JavaScript only used to enhance the website (Ignoring JavaScript only web applications)
  • Does the basic functionality work in Chrome, FF 3.6, FF4, IE8, IE9, Opera10, Opera11, Safari4, Safari5.
  • Does the JavaScript interfer with the experience.
  • Is there a too heavy reliance on Flash/Java/Unity/SilverLight ?
  • Is the JavaScript minified/gzipped?

Look at the un-minified code:

  • is the HTML semantically correct?
  • Does the HTML make any sense to screen readers or the blind audience
  • are the correct HTML entities used. (No tables for layout)
  • does the CSS enhance the HTML
  • Is there a seperation of HTML and CSS.
  • Does it confirm to 4.01, XHTML1.1 or HTML5 validation?
  • Does the CSS have meaning full names.
  • Is the JavaScript modularly written?
  • Does the JavaScript adhere to ES3 standards?
  • Make sure there is minimal browser sniffing.

And the list goes on and on.

The important thing is good HTML with CSS used to enhance the UI and layout and that the JavaScript enhances the functionality correctly.

Also ensure that 3rd party applications like flash and SilverLight are only used for complex applications or powerful animations.

Oh and of course check It's not auto generated nonsense from ASP.NET, WordPress, SharePoint, etc.

Are there any tools/techniques/best
practices you feel are particluarly
relevant? e.g. Unit Testing for
JavaScript, YSlow, page validation?

Reading your question more carefully I've handled it at a tangent. If you want automated tools the HTML validation is good. Using external tools like YSlow is great. Using js unit testing is great. These are all good and valid tools you should use.

I'm sure there are more but I don't have personal experience to recommend any.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文