Javascript 创建UI框架的方法

我是前端设计新手，想知道我需要做些什么来创建一个用户界面框架。比如，如果我想让我正在处理的300页中的所有数据字段看起来都一样，我会为该字段创建一个类

我知道的是

需要确定这300页中的字段是什么， 验证和消息及其显示。 阅读Javascript框架 担心跨浏览器功能/显示

我应该添加到列表中的其他通用材料和技术是什么

谢谢， 第六串

编辑：我在寻找一个更像“遵循这些模式/概念/清单”的答案

---

使用300页时，“这样我就可以涵盖大部分内容，而不必通过单独的页面来更改任何内容。请帮助我，因为我可能会感到困惑，我会根据您的输入更好地更新我的问题。

听起来您需要使用一个框架，而不是创建一个框架。诸如JavaServerFaces（JSF）之类的框架将为您提供可用于所有标准UI小部件的标记。一般来说，最好使用经过测试的组件，而不是编写自己的组件，这样就可以解决跨浏览器兼容性的所有难题。它还可以帮助您将功能性与表示样式分开。JSF还提供了实现验证的简单方法

第一次使用任何web框架都会有一个陡峭的学习曲线，因此您最好从一个简单的应用程序开始，并逐渐增加复杂性

编辑：您已经说过您已经有了一个弹性后端。JSF可以与spring一起使用（根据我的经验，它们工作得很好），但是您也可以只使用。无论哪种方式，您都希望了解jsp页面和标记

---

如果有一组公共表单/页面元素要跨页面重复使用，则可以将它们提取到它们自己的文件中，并将其包含在多个页面中。如果你需要一些未包含在所附标签中的内容，你也可以编写自己的自定义标签。

+1-你必须知道哪些工具中不存在，然后再去制作自己的：）此外，如果你说“在未知框架中有知识”，你的简历并不像说“在YUI中有知识，jQuery…”那么重要等等（我刚把它们从帽子里拿出来，它们可能不是你想要的，但重点仍然在那里）好的。感谢您提供有关JSF的信息。我更倾向于使用HTML、CSS和ExtJS，因为这些是我现在唯一的选择。@SixthString如果你不打算使用Java，你不应该用它来标记问题。您打算如何存储表单中输入的数据？@Alb很抱歉标记，我正在使用一个基于Spring framework的专有工具，因此我不必担心数据存储，只需要担心表单的显示方式。@SixthString Ah不知道您已经在使用Spring，我编辑了我的评论以考虑到这一点。