1.使用jQuery的复杂性问题
使用jQuery进行前后端分离开发,既可以实现前后端交互(ajax),又可以完成数据渲染。
存在的问题:jQuery需要通过HTML标签拼接,dom节点操作完成数据的显示,开发效率低且容易出错,且渲染效率较低。
2.vue是继jQuery之后的又一优秀的前端框架。专注于前端数据的渲染,语法简单,渲染效率高。
3.前端框架:
前端三要素:HTML(决定网页结构),CSS(决定显示效果),JavaScript(决定网页功能(交互、数据显示))。
ui框架:Bootstrap,amazeUI,Layui
JS框架:jQuery(插件:jQueryUI)、React,angular,nodejs,vue(集各种前端框架的优势发展而来)。
4.MVVM:
项目结构经历的三个阶段:
后端为主的MVC阶段:可以理解为单体架构,流程控制是由后端控制器完成。
前端为主的MVC阶段:前后端分离开发,后端只负责响应请求。
前端为主的MVVM阶段:前端请求后端接口,后端返回数据,前端接收数据,并将接收的数据设置“VM”,HTML从VM取值。
M:model,数据模型,指的是后端接口返回的数据。
V:view,视图模型。
VM:ViewModel,视图模型,数据模型与视图模型之间的桥梁,后端返回的model转换前端所需的vm,视图层可以直接从vm中提取数据。
5.vue介绍
vue被设计为可以自底向上逐层应用。vue的核心库只关注图层,不仅易上手,还便于与第三方库或既有项目整合。