开发者学堂课程【Vue.js 入门与实战:为什么要学习前端的流行框架】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/586/detail/8125
为什么要学习前端的流行框架
目录
一、企业为了提高开发效率
二、提高开发效率的发展历程
三、个人增强自己就业时候的竞争力
一、企业为了提高开发效率:
在企业中,时间就是效率,效率就是金钱;企业中,使用框架,能够提高开发的效率;
二、提高开发效率的发展历程:
原生 Js -> Jquery 之类的类库->前端模板引擎-> Angular.js /vue.js
原生代码存在兼容性,这时候写代码的时候还需要注意如何在各个浏览器里保持代码正常运行,所以出现了 Jquery 之类的类库,把很大一部分浏览器兼容性屏蔽。
但随着项目里用 Jquery 次数多了之后发现虽然兼容性被解决了,但需要频繁的去操作 dom 元素。
比如用 Jquery 渲染一个 table 表格,这时候就涉及到字符串的拼接了,比如创建一个 vrstr 加上一个 td 中间再加上一个变量,再来个字符串,加上 td 再加一个变量。
这种开发模式让人精力憔悴,所以出现了前端模板引擎,只需要调用模板引擎提供的方法,就能够很方便的把一些 dom 元素生成。
前端模板引擎的作用是:渲染页面
比如:
{id: 1, name: 'zs1},
{id: 3, name: 'zs2},
{id: 2, name: 'zs3},
{id: 4, name: 'zs4},
这时候 ID 并没有从小到大,当把它渲染为一个表格的话就是1、3、2、4里的每一行,当点击 id 表头的时候对整个表格进行从小到大排序,然后把最新的数组渲染到页面上去,这时候需要调用模板引擎。这里注意渲染的时候 id 为1和 id 为4的数组位置没有发生变化,但是用模板引擎的话会重新渲染这两行,这时候效率就不高了。
这时候就要用到 Angular.js 和 vue.js,能够帮助我们减少不必要的 DOM 操作,提高渲染效率;
同时也提供了双向数据绑定的概念【通过框架提供的指令,前端程序员只需要关心数据的业务逻辑,不再关心 DOM 是如何渲染的了】。
在vue中,一个核心的概念,就是让用户不再操作DoM元素,解放了用户的双手,让程序员可以更多的E时间去关注业务逻辑﹔
在程序开发中,业务逻辑往往占了整个程序70%-80%的业务量。
在 node 阶段分为 M V C 三层, C 层业务逻辑层是写的最麻烦的,在程序开发中业务逻辑往往占了整个程序70%~80%的代码量。
而 vue 的作用就是让程序员不在操作 dom,就有更多的时间去关注业务逻辑了。
三、个人增强自己就业时候的竞争力
目前缺少人才,人无我有,人有我优,学习前端的流行框架可以帮助自己在就业的时候,更具有核心竞争力。