javascript - html/css/javascript 元素模块化最佳实践

Question

与Java/C#/C/C++元素相比，我们经常看到的web前端元素(html/css/javascript)过于复杂，难以阅读和维护。那么，我们能否总结一些Web前端元素的最佳实践呢？目标是可读性、模块化、易于维护。

Answer 1

要做到这一点，需要结合良好的模式，并知道什么是不该打的。

1. 如果 CSS 被分解、高效且格式清晰，则它是最好的。在这里没有必要想太多，CSS 是一种美丽的语言，我喜欢保持简单。例如，在这里查看我的答案:MVC 3, CSS, Razor and Visual Studio 2010
2. Javascript 绝对可以通过使用某种基于对象的模式来组织:http://www.klauskomenda.com/code/javascript-programming-patterns/ .我使用该链接中接近“自定义对象”的内容。使用 YUI 我们已经内置了 namespace ，使用 jQuery 我们可以添加它们:Is it possible to create a namespace in jQuery? .至于分离内容，将对象和相关功能分离到它们自己的 javascript 文件中，并将它们包含在需要它们的页面上。为了优化，您可以将任何页面上的所有脚本编译成一个脚本。 YUI 3 有一个很好的依赖加载机制——使用它。对于 jQuery，您可以使用众多依赖加载器之一:Javascript loaders with jQuery
3. 就 HTML 而言，我认为 MVC 是当今最流行的模式。使用任何现代 mvc 框架都会为您做好准备。 (例如 rails、任何 java 的、asp.net mvc、pylons 等)