前端js、jquery、mvc、mvvm的知识
2017-11-10 11:43
218 查看
第一阶段
是JS原生通过浏览器解析机制,它的原理是使用浏览器提供的原生API 结合JS语法,可以直接操作DOM
第二阶段
由于原生API晦涩难懂,语法很长不好用,最重要的是要考虑各种浏览器兼容性,因为他们的解析标准都不一样,造成了,写一段效果代码要写很多的兼容语法,令人沮丧,所以jQuery的出现,迅速占领了世界。
第三阶段
mvc模式,需要服务器端配合,javaScript可以在前端修改服务器渲染后的数据
一句话就是所有通信都是单向的:提交一次反馈一次,通信一次相互制约一次
比如:表单 填写内容 > 点击提交 > 业务逻辑处理 > 存入数据库 > 刷新页面 > 服务器获取数据库数据 >
渲染到客服端页面 > 展示内容
视图 view:用户界面
控制器 controller:业务逻辑
模型 model:数据保存
view 传送指令到 controller
controller 完成业务逻辑后,要求model 改变状态
model 将新的数据发送到view,用户得到反馈
缺点:需要等待服务器端的指示,并且如果是异步模式的话,所有html节点、数据、页面结构都是后端请求过来的
第四阶段
mvvm最早由微软提出,它借鉴桌面应用程序的mvc思想,在前端页面中。吧model用纯JavaScript对象表示,
view负责显示,两者做到最大限度的分离,这就是前后分离。
采用双向绑定:view的变动,自动反应在viewmodel,反之亦然,model数据的改动,也自动展示view
viewmodel把view和model关联起来,viewmodel负责吧model的数据同步到view,
还负责把view的修改,同步回model
是JS原生通过浏览器解析机制,它的原理是使用浏览器提供的原生API 结合JS语法,可以直接操作DOM
第二阶段
由于原生API晦涩难懂,语法很长不好用,最重要的是要考虑各种浏览器兼容性,因为他们的解析标准都不一样,造成了,写一段效果代码要写很多的兼容语法,令人沮丧,所以jQuery的出现,迅速占领了世界。
第三阶段
mvc模式,需要服务器端配合,javaScript可以在前端修改服务器渲染后的数据
一句话就是所有通信都是单向的:提交一次反馈一次,通信一次相互制约一次
比如:表单 填写内容 > 点击提交 > 业务逻辑处理 > 存入数据库 > 刷新页面 > 服务器获取数据库数据 >
渲染到客服端页面 > 展示内容
视图 view:用户界面
控制器 controller:业务逻辑
模型 model:数据保存
view 传送指令到 controller
controller 完成业务逻辑后,要求model 改变状态
model 将新的数据发送到view,用户得到反馈
缺点:需要等待服务器端的指示,并且如果是异步模式的话,所有html节点、数据、页面结构都是后端请求过来的
第四阶段
mvvm最早由微软提出,它借鉴桌面应用程序的mvc思想,在前端页面中。吧model用纯JavaScript对象表示,
view负责显示,两者做到最大限度的分离,这就是前后分离。
采用双向绑定:view的变动,自动反应在viewmodel,反之亦然,model数据的改动,也自动展示view
viewmodel把view和model关联起来,viewmodel负责吧model的数据同步到view,
还负责把view的修改,同步回model
相关文章推荐
- MVC笔记2:mvc+jquery.validate.js 进行前端验证
- 8 HTML&JS等前端知识系列之jquery的自定义方法
- 前端跨域问题相关知识详解(原生js和jquery两种方法实现jsonp跨域)
- javaWeb------前端知识(js,jquery)
- 7 HTML&JS等前端知识系列之jquery的事件绑定
- 5 HTML&JS等前端知识系列之jquery基础
- Html+JS+HTMLdom+Json+JQuery 常用基础知识点汇总
- js架构设计模式——MVC,MVP 和 MVVM 的图示及简单明了的区别说明
- MVC+JQuery实现跨域Jsonp调用Js
- jquery 表单前端js验证
- 前端性能优化知识,包括css和js
- 深入学习前端MVC和MVVM(二)
- ASP.NET MVC 使用jquery.form.js 异步上传 在IE下返回值被变为下载的解决办法
- jQuery validate 根据 asp.net MVC的验证提取简单快捷的验证方式(jquery.validate.unobtrusive.js)
- MVC后台数据赋值给前端JS对象
- 图书推荐——疯狂Ajax讲义(第3版)——jQueryExt JSPrototypeDWR企业应用前端开发实战
- js\jquery基础知识 --- wrap、wrapall、wrapinner区别
- ASP.NET MVC异步验证是如何工作的03,jquery.validate.unobtrusive.js是如何工作的
- 前端生成二维码 jquery.qrcode.js
- 前端 MVVM 框架KnockOut.JS深入浅出视频教程