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

简介: 一、企业为了提高开发效率二、提高开发效率的发展历程三、个人增强自己就业时候的竞争力

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


目录

一、企业为了提高开发效率

二、提高开发效率的发展历程

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

 

一、企业为了提高开发效率:


在企业中,时间就是效率,效率就是金钱;企业中,使用框架,能够提高开发的效率;

 

二、提高开发效率的发展历程:


原生 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 并没有从小到大,当把它渲染为一个表格的话就是1324里的每一行,当点击 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,就有更多的时间去关注业务逻辑了。

 

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


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

相关文章
|
8天前
|
人工智能 前端开发 JavaScript
前端架构思考 :专注于多框架的并存可能并不是唯一的方向 — 探讨大模型时代前端的分层式微前端架构
随着前端技术的发展,微前端架构成为应对复杂大型应用的流行方案,允许多个团队使用不同技术栈并将其模块化集成。然而,这种设计在高交互性需求的应用中存在局限,如音视频处理、AI集成等。本文探讨了传统微前端架构的不足,并提出了一种新的分层式微前端架构,通过展示层与业务层的分离及基于功能的横向拆分,以更好地适应现代前端需求。
|
14天前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
30 0
|
15天前
|
JavaScript 前端开发 API
Vue.js:现代前端开发的强大框架
【10月更文挑战第11天】Vue.js:现代前端开发的强大框架
61 41
|
6天前
|
JavaScript 前端开发 测试技术
前端全栈之路Deno篇(五):如何快速创建 WebSocket 服务端应用 + 客户端应用 - 可能是2025最佳的Websocket全栈实时应用框架
本文介绍了如何使用Deno 2.0快速构建WebSocket全栈应用,包括服务端和客户端的创建。通过一个简单的代码示例,展示了Deno在WebSocket实现中的便捷与强大,无需额外依赖,即可轻松搭建具备基本功能的WebSocket应用。Deno 2.0被认为是最佳的WebSocket全栈应用JS运行时,适合全栈开发者学习和使用。
|
6天前
|
缓存 前端开发 JavaScript
前端serverless探索之组件单独部署时,利用rxjs实现业务状态与vue-react-angular等框架的响应式状态映射
本文深入探讨了如何将RxJS与Vue、React、Angular三大前端框架进行集成,通过抽象出辅助方法`useRx`和`pushPipe`,实现跨框架的状态管理。具体介绍了各框架的响应式机制,展示了如何将RxJS的Observable对象转化为框架的响应式数据,并通过示例代码演示了使用方法。此外,还讨论了全局状态源与WebComponent的部署优化,以及一些实践中的改进点。这些方法不仅简化了异步编程,还提升了代码的可读性和可维护性。
|
7天前
|
前端开发 JavaScript 中间件
前端全栈之路Deno篇(四):Deno2.0如何快速创建http一个 restfulapi/静态文件托管应用及oak框架介绍
Deno 是由 Node.js 创始人 Ryan Dahl 开发的新一代 JavaScript 和 TypeScript 运行时,旨在解决 Node.js 的设计缺陷,具备更强的安全性和内置的 TypeScript 支持。本文介绍了如何使用 Deno 内置的 `Deno.serve` 快速创建 HTTP 服务,并详细讲解了 Oak 框架的安装和使用方法,包括中间件、路由和静态文件服务等功能。Deno 和 Oak 的结合使得创建 RESTful API 变得高效且简便,非常适合快速开发和部署现代 Web 应用程序。
|
12天前
|
前端开发 JavaScript 开发者
qiankun(乾坤)微前端框架简介
qiankun(乾坤)微前端框架简介
40 1
|
17天前
|
前端开发 JavaScript 开发者
探索现代Web前端技术:React框架入门
【10月更文挑战第9天】 探索现代Web前端技术:React框架入门
|
18天前
|
JavaScript 前端开发 Java
VUE学习四:前端模块化,ES6和ES5如何实现模块化
这篇文章介绍了前端模块化的概念,以及如何在ES6和ES5中实现模块化,包括ES6模块化的基本用法、默认导出与混合导出、重命名export和import,以及ES6之前如何通过函数闭包和CommonJS规范实现模块化。
49 0
VUE学习四:前端模块化,ES6和ES5如何实现模块化
|
20天前
|
前端开发 JavaScript 小程序
前端新机遇!为什么我建议学习鸿蒙?
【10月更文挑战第4天】前端新机遇!为什么我建议学习鸿蒙?
69 0
前端新机遇!为什么我建议学习鸿蒙?