一些名词解释

前端工程化

参考:《前端技术架构与工程》作者: 周俊鹏

前端工程化是前端开发的一种思维方式,是针对前端开发过程中遇到的一些列问题的解决方案。前端工程化围绕编码、方法、工具三个要素展开。从前端应用的技术架构本身出发,关注点聚焦于模块解耦、数据管理架构模式、性能以及前后端分离,目标是实现架构的高可用性、可扩展性、可伸缩性,同时提高独立开发和跨团队协作开发的效率;从架构之外的角度出发,关注点聚焦于前端应用的开发、架构、测试、部署以及持续化工程体系,目标是建立规范、有序、高效的迭代流程,降低产品迭代所消耗的人力和沟通成本。

模块化

参考:模块化

MVVM

首先说一下 MVC,是 SOC 的具体实践。在此模式下,一个服务将被划分为 Model、View、Controller 三层,Model 层描述数据模型,存储数据,View 层展示 UI 界面和响应用户交互,Controller 层监听模型数据改变和控制视图行为、处理用户交互。最终实现服务交付。

MVVM
将复杂的 Controller 层数据和逻辑抽离,用一个专门的对象 ViewModel 管理,然后实现 Controller 与 ViewModel 的绑定

双向绑定

Vue 是基于双向绑定的,但是 React 不是,需要手动实现。 在数据到视图过程中,使用 setState 修改数据重新渲染视图 在视图到数据过程中,使用合成事件动态录入数据