前端发展历史和现主流框架对比.ppt

文档介绍：前端发展历史和现主流框架对比
制作人：郑锦鹏 2017/12/16
第一页，共19页。
目录
Contents
发展历史
历史
前后端分离
html5
前端自动化
jq与框架
jquery
框架
对比
前端框架
angular
react
vue
对比
框架原理
angular
react+redux+mobx
vue+vuex
第二页，共19页。
web前端历史
history
1、网页三剑客（Firework、Dreamweaver、Flash），ie浏览器时代
2、新版浏览器时代，html5，响应式布局网页，前后端分离，ajax异步请求，jsjq需要兼容各种浏览器
3、2012年后，前端开发框架时代（angular、react、vue），前端单页面应用+路由，按需加载（require、sea），前端自动化工具(grunt、gulp、webpack)，新版es6语法，
第三页，共19页。
jquery工具库与前端框架对比
jquery（必学）：
1、是一个将军，专注的是每个战场细节上的战术安排。
2、一个完善的工具库，兼容各种浏览器，由各种复用的函数集成，非常便捷的修改页面元素。
3、面向dom开发，数据结构一变，view层也要重新维护。
框架（以react为例）：
1、是一个元帅，考虑的是整个战局大体上的战略规划。
2、组件式开发，整个UI是一个通过小组件构成的大组件，每个组件只关心自己部分的逻辑，彼此独立。
3、面向state开发，让开发者更多的关注数据，
底层数据变化时，自动处理所有界面的更新。
第四页，共19页。
第五页，共19页。
第六页，共19页。
单页面应用开发
以往页面是用iframe来做页面路由，现在用框架适配的路由
第七页，共19页。
前端三大框架之间的关系
第八页，共19页。
angular
第九页，共19页。
vue
第十页，共19页。