随着移动端的出现，前端开发又迎来了第二春，前端框架也迎来了发展的机遇。像Vue和React、Angular等前端框架的出现，让前端的开发更加的规范化、也让更加的便捷。这样子的好处表现在前端工程化、前后端分离（数据双向绑定）、组件化开发。这些都是前端开发框架出现带来的潜移默化的影响，下面我们一起来看看动力节点在线为大家总结的前端开发框架出现带来的意义。

1.前端工程化

前端工程化，是一种当下比较流行的一种软件开发观念。可能很多小伙伴在学习前端的时候，是先从Html、Css、JavaScript开始学起的，在学习和使用的过程中会发现，这样的进行开发需要重复写很多的代码，而且，代码的逻辑关联性较低，还会出现Css或者JavaScript配置文件冲突或者相互之间产生干扰的问题，会给开发以及debug带来很多的问题，可能找半天都没有找到是什么地方错了，总之，比较凌乱。

而前端工程化是为了解决上诉的这些问题，针对具体的生产开发环境而提出的方案。前端工程化包含了：工程化的目的是为了，提高开发效率、保证开发质量。

1）规范化，也就是制定或者约定一个开发规则、开发标准，比如，类的命名规范、制定编码模板代码，等等，提倡约定大于配置（vue、springboot等等当中就有约定大于配置的规范）

2）可定量的过程化方法，简单来说就是制定衡量整个开发流程和进度的方法

3）版本控制，来管理代码的更新

4）开发使用的技术、方法。

2.前后端分离

前端：负责View（视图层）和Controller（业务模块流程控制层）

后端：负责Model层、业务、数据处理等

这样子的好处，前端UI的设计可以根据业务需求进行修改，而不会干扰，后端的开发，后端可以专注于后端的事情，前端也不用关心后端开发的问题，只需要留有前后端对接的接口就可以了。

3.组件化开发

组件化开发，让前端重复的使用的代码可以单独拎出来成为一个组件来供整个项目各个页面的使用，Css、JavaScript的脚本的内容可以限定作用的域，从而大幅度减少了开发的冲突问题。随着功能越来越多，代码结构会越发复杂，要修改某一个小功能，可能要重新翻阅整个项目的代码，把所有相同的地方都修改一遍，重复劳动浪费时间和人力，效率低；使用组件化，每个相同的功能结构都调用同一个组件，只需要修改这个组件，即可全局修改。

组件化后的开发代码更加易于维护，便于后期代码查找和维护。