为什么要学习前端的流行框架|学习笔记

简介: 快速学习为什么要学习前端的流行框架

开发者学堂课程【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,就有更多的时间去关注业务逻辑了。

 

三、个人增强自己就业时候的竞争力

目前缺少人才,人无我有,人有我优,学习前端的流行框架可以帮助自己在就业的时候,更具有核心竞争力。

相关文章
|
1天前
|
设计模式 存储 前端开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
JS的几种设计模式,Web前端基础三剑客学习知识分享,前端零基础开发
|
1天前
|
前端开发 JavaScript Java
npm与Maven:前端与后端构建工具深度对比学习
npm与Maven:前端与后端构建工具深度对比学习
|
2天前
|
Web App开发 开发框架 前端开发
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
Open UI5 前端开发框架配套的 Mock Server 工作原理解析
10 0
|
2天前
|
前端开发 JavaScript 关系型数据库
前端网页手册(1)--基础学习
前端网页手册(1)--基础学习
5 1
|
2天前
|
开发框架 前端开发 JavaScript
我们是否对现代前端开发框架过于崇拜了?
在当前环境下,前端的开发由于框架的限制,导致代码变差。我们应该如何破除代码差的困境,如何正确使用前端架构,提升自己的代码质量。
|
2天前
|
Dart 数据处理 开发者
【Flutter前端技术开发专栏】Flutter是谷歌的开源移动框架,以其高性能和跨平台能力受开发者青睐。
【4月更文挑战第30天】Flutter是谷歌的开源移动框架,以其高性能和跨平台能力受开发者青睐。本文聚焦Flutter开发关键知识点:1) Dart语言和Flutter框架基础,如Widget和State;2) 路由管理,包括基本和命名路由,以及路由传值;3) 使用http、dio等库进行网络请求和数据处理;4) ThemeData定义应用主题,实现样式主题化。掌握这些技能将提升Flutter开发效率和应用质量。
|
2天前
|
存储 JavaScript 前端开发
【Flutter 前端技术开发专栏】Flutter 中的状态管理框架(如 Provider、Redux 等)
【4月更文挑战第30天】本文探讨了 Flutter 开发中的状态管理,重点介绍了 Provider 和 Redux 两种框架。Provider 以其简单易用性适合初学者和小项目,而 Redux 则适用于大型复杂应用,保证状态一致性。此外,还提到了 Riverpod 和 BLoC 等其他框架。选择框架时要考虑项目规模、团队技术水平和个人偏好。文章通过购物车应用示例展示了不同框架的使用,并展望了状态管理框架的未来发展。
【Flutter 前端技术开发专栏】Flutter 中的状态管理框架(如 Provider、Redux 等)
|
2天前
|
机器学习/深度学习 前端开发 数据可视化
数据分析web可视化神器---streamlit框架,无需懂前端也能搭建出精美的web网站页面
数据分析web可视化神器---streamlit框架,无需懂前端也能搭建出精美的web网站页面
|
2天前
|
开发框架 前端开发 JavaScript
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
|
2天前
|
存储 移动开发 JavaScript
学习javascript,前端知识精讲,助力你轻松掌握
学习javascript,前端知识精讲,助力你轻松掌握