前端发展历史和现主流框架对比PPT课件_第1页
前端发展历史和现主流框架对比PPT课件_第2页
前端发展历史和现主流框架对比PPT课件_第3页
前端发展历史和现主流框架对比PPT课件_第4页
前端发展历史和现主流框架对比PPT课件_第5页
已阅读5页，还剩14页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

.1，前端开发历史与当前主流帧的比较，作者：郑振鹏2017/12/16，2，目录，contents，3，web前端历史，history，1，1，1，web三剑客(Firework，Dreamweaver，Flash)，ie浏览器时代2，新浏览器时代，Html5，4，jquery工具库与前端帧比较，Jquery(必需):1，是将军，重点为每个战场细节进行战术准备。2、与各种浏览器兼容的复杂工具库，集成到各种重复使用的函数中，使页面元素的修改更加容易。3、针对DOM开发，如果数据结构发生变化，则view层也需要重新维护。框架(以react为例):1，元帅，所考虑的整个全国的大体战略计划。2、基于组件的开发，整个UI由小组件组成，每个组件只关心其部分的逻辑，因此彼此独立。3，通过面向状态的开发，开发人员更加关注数据，在基础数据发生更改时自动处理所有接口的更新。5，6，7，开发单页应用程序，上一页使用iframe路由页面，现在适合框架的路由，8，前面三个帧之间的关系，9、angular、10、vue、11、react、12，组件之间的数据交互，1，1，1，2，全局data manager，1，angular(1)注册单实例工厂，注入到控制器；(2)每个控制器接收广播事件，以便更好地向上、向下和全局广播、$broadcast、$emit、$on、$watch、3、vue(1)vuex管理库、redux生成的vue，13，将帧同步数据与视图同步，实现方法：1，定义变量，2，接收此变量的每个获取和新值，3，与视图同步，14，angular脏检查同步数据，双向数据绑定是AngularJS的核心机制之一。View中的数据更改时，将更新到model；如果model中的数据更改，view将同时更新。1、Angular在scope模型中设置接收队列以接收数据更改并更新view。2.每次将项目绑定到视图时，AngularJS都会将$watch插入到$watch队列中，以检测受监视的model中是否存在更改。3.$digest循环在浏览器中接收可以由angularcontext处理的事件时触发，从而遍历所有$watch并更新DOM。15，检测虚拟dom:虚拟dom的变化，然后渲染到实际DOM，16、mobx、前端适配器库、js语言中包含的拦截器实现、17，简单redux，1
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论