1.（5）、（3）、（ES5、ES6）：编写一个个的页面 -> 给后端（PHP、Python、Go、Java） -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看

 

　　2.Ajax的出现 -> 后台发送异步请求，+混合

 

　　3.单用Ajax（加载数据，DOM渲染页面）：

 

　　4.Angular框架的出现（1个JS框架）：出现了“”的概念（前端也是1个工程、1个项目）

 

　　5.React、Vue框架：当下最火的2个前端框架（：国人喜欢用，：外国人喜欢用）

 

　　6.移动开发（Android+IOS） + Web（Web+微信小程序+支付宝小程序） + 桌面开发（Windows桌面）：前端 ->

 

　　7.一套代码在各个平台运行（大前端）：可以运行在IOS、Android、PC端

 

　　8.在Vue框架的基础性上 uni-app：一套编码 编到10个平台

 

　　9.在不久的将来 ，前端框架可能会一统天下

 

　　详细的发展史：

 

　　https://

 

　　zhuanlan.zhihu.com/p/33

 

　　7276087?utm_source=wechat_session&utm_medium=social&utm_oi=41967790587904

 

　　Vue （读音 ，类似于 view） 是一套用于构建用户界面的渐进式框架

 

　　与其它大型框架不同的是，Vue 被设计为可以

 

　　Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合

 

　　可以一点一点地使用它，只用一部分，也可以整个工程都使用它

 

　　官网：文档：

 

　　通过 HTML、CSS、JavaScript构建应用

 

　　不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。

 

　　20kB min+gzip 运行大小超快虚拟 DOM最省心的优化

 

　　MVVM 是 的缩写，它是一种基于前端开发的架构模式，是一种事件驱动编程方式

 

　　：vue对象的data属性里面的数据，这里的数据要显示到页面中 ：vue中数据要显示的HTML页面，在vue中，也称之为“视图模板” （HTML+CSS）：vue中编写代码时的vm对象，它是vue.js的核心，负责连接 View 和 Model数据的中转，保证视图和数据的一致性，所以前面代码中，data里面的数据被显示中p标签中就是vm对象自动完成的（双向数据绑定：JS中变量变了，HTML中数据也跟着改变）

 

　　低耦合：（View）可以，1个ViewModel可以绑定到不同的View上，当View变化的时候 Model可以不变，当Model变化的时候 View也可以不变可复用：可以把一些视图逻辑放在1个ViewModel中，让很多View（以此减少代码冗余）独立开发：人员可以专注于和（ViewModel），人员可以专注于可测试：界面元素是比较难以测试的，而现在的测试可以来编写

 

　　类似于DTL中的，每一个组件的内容都可以被替换和复用

 

　　只需要1个页面，结合组件化开发来替换页面中的内容

 

　　页面的切换只是组件的替换，页面还是只有1个

 

　　1.X：使用得较少

 

　　2.X：普遍使用

 

　　3.X：刚出没多久，只有Beta版

 

　　其实就是直接在浏览器中打开然后复制下来，创建一个js文件再粘贴进去

 

　　js就是一门解释型语言，只不过js解释器被集成到了浏览器中

 

　　所以，在浏览器的Console中输入命令，就和在cmd中输入python后，进入交互式环境一样

 

　　把chrome的v8引擎（解释器），安装到操作系统之上

 

　　指令释义

 

　　与

 

　　的

 

　　区别：

 

　　v-show：标签还在，只是不显示了（）v-if：直接操作DOM，删除/插入 标签

 

　　指令释义

 

　　指令释义

 

　　class：三目运算符、数组、对象{red: true}

 

　　style：三目运算符、数组[{backgreound: 'red'},]、对象{background: 'red'}