知识学习

1.1 前端开发模式的演变历程

前端开发模式的演变经历了3个阶段：模板渲染页面->AJAX前后端分离->MVVM。

1. 基于模板渲染页面的开发模式

基于模板渲染页面的开发模式主要是利用JSP（Java Server Pages，Java服务器页面）、PHP（Page Hypertext Preprocessor，页面超文本预处理器）等技术创建页面模板，页面内容由后端计算生成，通过Web服务器将模板解析成HTML（Hypertext Markup Language，超文本标记语言）文件，经浏览器渲染后得到最终页面效果。它的特点是页面布局与业务逻辑代码混合在一起，后端参与页面的构建，这导致前后端职责分配不清，项目维护成本高、可扩展性差，尤其是对业务逻辑复杂的项目而言，问题更为严重。

2. 基于AJAX前后端分离的开发模式

AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）技术的产生，翻开了Web应用开发的新篇章。基于AJAX的开发模式使得Web应用可分为前端和后端，其中前端负责页面的布局与交互，后端负责业务逻辑的处理，前后端通过接口进行数据交互。工作职责分离使得开发者对前后端各自的任务更加明确。JavaScript在数据交互中开始担任主要角色，前端工程师也由此成为一个新的热门职业。

3. 基于MVVM的开发模式

MVVM（Model-View-ViewModel，模型-视图-视图模型）模式是一种简化用户界面的事件驱动编程方式。MVVM模式由MVC（Model-View-Controller，模型-视图-控制器）模式衍生而来，它通过融入WPF（Windows Presentation Foundation，Windows呈现基础）框架的新特性，使得Web应用的前端界面更加细节化和可定制化，能够较好地应对客户日益复杂的需求变化。

MVVM的推出使得前端与后端得到进一步分离，极大地提高了前端开发效率。MVVM的基本思想是，以ViewModel（视图模型）层为枢纽，向上与View（视图）层进行双向数据绑定，向下与Model（模型）层通过接口交互数据，从而实现View和Model的自动同步。因此，开发者只需要专注于业务逻辑和ViewModel的开发，其他事务交由MVVM来处理。我们即将学习的Vue.js就是一个当下非常流行的基于MVVM模式的前端框架。 Rx4IPYdIaE0znYShw8MbIXev5aOOBWnoW4Mc5TmWy0zvFgP4TQSyMVYMvaRlHW8a