0.什么是MVVM?
(1)mvc
所有通信都是单向的:提交一次反馈一次,通信一次相互制约。MVC允许在不改变视图的情况下改变视图对用户输入的响应方式,用户对View的操作交给了Controller处理,在Controller中响应View的事件调用Model的接口对数据进行操作,一旦Model发生变化便通知相关视图进行更新。
视图(View):用户界面。(传送指令到 Controller)
控制器(Controller):业务逻辑(完成业务逻辑后,要求 Model 改变状态)
模型(Model):数据保存(将新的数据发送到 View,用户得到反)
(2)MVVM
各部分之间的通信,都是双向的。View 与 Model 不发生联系,都通过ViewModel传递。前后端分离:Model用纯JavaScript对象表示,View负责显示。把view和model关联起来的就是View Model。ViewModel负责把Model的数据同步到view显出来,还负责把view修改同步到Model。
model:服务器的业务逻辑操作
view:用户界面
ViewModel:核心枢纽过程。
1.vue和reat的比较
https://blog.csdn.net/u014032819/article/details/78137509
(1)相似之处
都是javascript框架,有路由、状态管理、构建工具等、组件式开发,都用到了Virtual DOM。
(2)不同点
Vue | React | |
框架类型 | mvvm | mvc |
构建工具 | vue-cli | flux |
编写方式 | 模板 | JSX |
状态管理 | vuex | redux |
移动端 | Weex | React Native |
2. jQuery基本知识
jQuery 是一个 JavaScript 库。
2.1 基础语法
$(selector).action()
美元符号定义 jQuery;选择符(selector)“查询”和“查找” HTML 元素;jQuery 的 action() 执行对元素的操作。
2.2 jQuery选择器
(1)元素选择器——使用CSS选择器
(2)属性选择器——Xpath表达式
(3)CSS选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。下面的例子把所有 p 元素的背景颜色更改为红色:
2.3.jQuery事件