web前端架构是什么

web前端架构是一系列工具和流程的集合，旨在提升前端代码的质量，并实现高效可持续的工作流。web前端架构的核心有4个：1、代码（HTML、CSS、JavaScript）；2、流程，怎么用工具和流程构建一个高效且避免出错的工作流是一个重要的思考；3、测试，创建覆盖面广泛的测试方案，能确保老代码还能正常运行；4、文档，设计文档是你同他人交流的工具。

本教程操作环境：windows7系统、Dell G3电脑。

在Web前端技术变化日新月异的今天，Web前端项目变的越来越复杂。前端架构也会随着我们现在千变万化的迭代需求，架构技术的演化，不仅是架构师也是我们每个开发人员都必须去关注的问题。

一、web前端架构的由来

2014年10月13日CSS开发者大会上，在新奥尔良会议中心一个拥挤的房间里“举起前端架构的旗帜”成了在一线奋斗着的开发者们共同的诉求。在那之后，那些想要弄清楚自身定位以及在公司中所扮演的角色的开发者们发现，其实他们一直扮演着前端架构师的角色， 却从来没有拥有过这个头衔，或者没有足够的信心去争取这个职位所应具有的权力。

在大会召几周之后，很多人把他们在Twitter上的个人简介改成了“前端架构师”。

二、你理解的web前端架构是怎样的？

前端架构如同建筑设计，在建设过程中，建筑设计师需要设计和规划方案，并且跟进施工过程。这与前端架构师的工作有着异曲同工之妙，不同的是后者建造的是网站，而不是建筑物。比起浇筑混凝土，建筑设计师会在设计工程构图的工作上倾注