什么是前端架构？

前端框架一般指用于简化网页设计的框架，使用广泛的前端开发套件，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等），使用前端框架可以帮助快速的网站。

框架是提供一套完整的解决方案，按照规定好的代码结构来做编排，同时前端功能越来越强大而产生的前端框架，所以开发web产品就很必要用前端框架（前端架构）。

使用前端框架的好处

使用前段框架可以降低界面开发周期和提高界面的美观性。有些框架比较轻量，比如jquery，有些框架比较重量，比如extjs。一般来说重量的框架会封装更多的功能，比如extjs，封装的grid控件有很强的数据展示和操作功能。

前端架构的核心

1. 代码

归根结底，所有的网站都是由一堆文本文件和资源文件组成HTML、CSS、JavaScript的。当我们面对制作网站所产生的大量代码时，就会发现为代码和资源设定一个期望是多么重要。

2. 流程

怎么用工具和流程构建一个高效且避免出错的工作流是一个重要的思考。工作流变得越来越复杂，那些用于构建它们的工具也同样如此。这些工具在提高生产力、加快效率和保持代码一致性上带来了惊人的效果，但也伴随着过度工程化和抽象化的风险。

3. 测试

要构建一个可扩展和可持续优化的系统，必须保证新代码与老代码能够很好地兼容，我们的代码不会孤立存在，它们都是大型系统中的一部分，创建覆盖面广泛的测试方案，能确保老代码还能正常运行。

4. 文档

设计文档是你同他人交流的工具，来阐述你的设计决策是什么，来阐明你的设计决策是什么以及为什么你的决策是好的。如果不是团队中的重要成员要离开，几乎都不会意识到文档的重要性。