第八章 浅谈前端js框架
一、关键词:
vue,js,前端,渲染,使用方法,框架
二、授课老师:张森鹏
三、知识笔记:
Vue近几年来特别的受关注,三年前的时候angularJS霸占前端JS框架市场很长时间,接着react框架横空出世,因为它有一个特性是虚拟DOM,从性能上碾扎angularJS,这个时候,vue1.0悄悄的问世了,它的优雅,轻便也吸引了一部分用户,开始收到关注,16年中旬,VUE2.0问世,这个时候vue不管从性能上,还是从成本上都隐隐超过了react,火的一塌糊涂,这个时候,angular开发团队也开发了angular2.0版本,并且更名为angular,吸收了react、vue的优点,加上angular本身的特点,也吸引到很多用户,目前已经迭代到5.0了。
学习vue是现在前端开发者必须的一个技能。
前端js框架到底在干嘛,为什么要用
js框架帮助开发者写js逻辑代码,在开发应用的时候js的功能划分为如下几点:
渲染数据
操作dom(写一些效果)
操作cookie等存储机制api在前端开发中,如何高效的操作dom、渲染数据是一个前端工程师需要考虑的问题,而且当数据量大,流向较乱的时候,如何正确使用数据,操作数据也是一个问题
而js框架对上述的几个问题都有自己趋于完美的解决方案,开发成本降低。高性能高效率。唯一的缺点就是需要使用一定的成本来学习。
Vue官网介绍
vue是渐进式JavaScript框架
“渐进式框架”和“自底向上增量开发的设计”是Vue开发的两个概念
Vue可以在任意其 他类型的项目中使用,使用成本较低,更灵活,主张较弱,在Vue的项目中也可以轻松融汇其他的技术来开发,并且因为Vue的生态系统特别庞大,可以找到基本所有类型的工
具在vue项目中使用
特点:易用(使用成本低),灵活(生态系统完善,适用于任何规模的项目),高效(体积小,优化好,性能好)
Vue是一个MVVM的js框架,但是,Vue 的核心库只关注视图层,开发者关注的只是m-v的映射关系
与AngularJS的对比
Vue的很多api、特性都与angularJS相似,其实是因为Vue在开发的时候借鉴了很多AngularJS中的特点,而AngularJS中固有的缺点,在Vue中已经解决,也就是青出于蓝而胜于蓝,Vue的学习
成本比AngularJS低很多,因为复杂性就低
AngularJS是强主张的,而Vue更灵活
Vue的数据流是单向的,数据流行更清晰
Angular里指令可以是操作dom的,也可以封装一段结构逻辑代码,例如:广告展示模块
Vue中的指令只是操作dom的,用组件来分离结构逻辑
AngularJS的性能比不上Vue
Vue的使用
Vue不支持IE8,因为使用了ES5的很多特性
可以直接通过script标签来引入vue.js,有开发版本和生产版本,开发版本一般我们在开发项目的时候引入,当最后开发完成上线的时候引入生产版本,开发版本没有压缩的,并且有很多提
示,而生产版本全部删掉了
在Vue中提供了一个脚手架(命令行工具)可以帮我们快速的搭建基于webpack的开发环境...
Vue的实例
每一个应用都有一个根实例,在根实例里我们通过组件嵌套来实现大型的应用
也就是说组件不一定是必须的,但是实例是必须要有的
在实例化实例的时候我们可以传入一个;配置项,在配置项中设置很多属性方法可以实现复杂的功能
在配置中可以设置el的属性,el属性代表的是此实例的作用范围
在配置中同过设置data属性来为实例绑定数据。
四、学习参考:
https://www.cnblogs.com/mxs-blog/p/8059213.html