首页 > 电脑 > vue3带来了体积更小,渲染更快,内存更小的多优点吗

vue3带来了体积更小,渲染更快,内存更小的多优点吗

电脑 2023-10-01

uniappvue3vue2性能

新版 uni-app 框架主要做了三大改进: 重写框架内核:基于vue3 + ts重写内置组件和API,实现更彻底、更高效的tree-shaking; 新增支持 Vite 构建工具,在H5平台实现秒开预览; 新增支持 Vue3.x,实现更灵活的开发方式,及更高的运行性能; 基于这三大改进,uni-app项目获得了多快好省四大收益: 更多的语法支持,支持组合式API,业务聚焦,开发效率更高; 更快的编译速度,H5平台十倍加速,小程序、App加速30%以上; 更好的运行性能,用户端响应更快,体验更好; 更小的代码体积,瘦身30%以上,更省体积、更省流量 更多的语法支持 新版uni-app支持Vue

vue3加载性能

加载性能大大提升。
1、diff算法加入了静态标签的概念,是vue3加载性能的一大优势。
2、vue3内部使用了Tree-shaking技术,,没有使用到的api,使vue3加载性能大大提升。
3、vue3打包时更好的支持tree-shaking,因此整体体积更小,加载更快

2020年前端最火的技术是什么?

我认为的2020年前端开发者最应该掌握的一些比较火爆的技术与知识点。

1,前端框架和语言层面

9月份 Vue3.0 发布,声称对 TypeScript 有着更好的开发体验,通过从不同框架级别 TS 支持上,我们可以看出社区的整个风向从2019年的大家都去学习应用 TS,变成了大家如何把 TS 用的更好这个方向上来了。

所以我认为今年 TypeScript 的火热程度还是应该排名很靠前的,我今年也使用 TypeScript 重构了 Daruk 的服务框架推出了2.0版本,让 TS 开发者拥有更好的 TS 开发体验。

接下来就是两大重磅框架的更新历程对比,Vue3 前面说了一句。而 React 也在十月也发布了 React 17 的 release 版本。这两大主流框架的频繁更新,也说明了社区和作者都在一同演化。

在 Vue 3中除了更好的支持 TS 外,还更新了Composition API。而 React 17 主要是集中精力在升级体验上,虽然没有新的 Feature 但是提升了和解决了很多之前版本潜在的问题。

要说哪个最火还是要看个人实际的使用场景和喜好,但是2020年来看还没有别的框架可以与之一战。


2,大前端相关技术栈

今年基于Chromium的微软edge浏览器也已经推出。google 在 web 端的发展产生了对开发者深刻的影响。Chrome 80+ 也已经发布多个版本,提供了一系列的新特性,比如Core Web Vitals标准,Desktop PWA等都值得我们去关注。


我们说完了浏览器相关的那点技术之后,再聊聊大前端相关的一些技术实践,比如 Flutter。

很多前端在今年已经从 web 开发转型为 Flutter 开发,学习和使用 Dart 技术来构建 UI,这是很多大厂的前端工程师正在经历的事情(包括我的部门也在尝试这个事情),这个趋势应该在未来几年还会持续。

客户端 electron 在今年也有着长足的进展,一年内多次更新版本一路到了10.1.5。随着疫情影响,国内在线教育的又一波兴起。很多桌面软件,网课软件都在采用这个技术来进行开发,市场上的岗位也开始变多,electron 技术可以说在今年也有火的趋势。


然后我们再看看BFF 层,nestjs依然坚挺,越来越多的人开始跳过学习 express 和 koa 开始学习更丰富的 web 框架了,比如 egg 或者我的 daruk,开发者已经在慢慢形成共识,在 web framework 的路上开始越走越远,裸写 nodejs web 服务的时代已经开始慢慢褪去。


不得不提的还有 serverless 在前端的普及,在2020年到达了一个新的高潮。阿里云,腾讯云,头条云等等国内的互联网厂商也都开始大玩 serverless 概念。从对内服务开始转向对外服务,普及的势头很猛,也有落地的趋势和场景。今年的 D2同样也有 serverless 的专场,可见受重视程度非比寻常。

3,工程化提效和个人素质提升

再离我们近一些的推动生产力的技术,比如据我所知在用 CI/CD 和 pipeline 管理上线流程的公司越来越多,这种去年还可以出去吹一吹的东西,今年也逐步变成了业界标配基础能力,如果不会的同学可要抓紧学习了。


2019年前大家都疯狂吐槽面试刷 medium 题目没用,而2020年后大家开始默认面试某些公司都至少要刷到medium程度的题目。这对很多前端来说是一个心智和素质的提升与转变,大家在接触新技术的同时,也慢慢发现,前端整个职业环境的变化,越来越多的公司对人的整体综合素质要求变高了。

vue3用的人太少了

知名度低。vue3用的人太少了是由于知名度低,vue3提供了更好的性能,更小的捆绑包体积,更好的TS集成,用于处理大规模用例的新 API。3.0版本的vue,开发周期长达两年多。

vue的优势为什么使用vue?

2、Vue.js的优点

  • 体积小:压缩后只有33k;

  • 更高的运行效率:基于虚拟DOM,一种可以预先通过JavaScript进行各种计算,把最终的DOM操作计算出来并优化的技术,由于这种DOM操作属于预处理操作,并没有真实的操作DOM,所以叫做虚拟DOM;

  • 双向数据绑定:让开发者不用再去操作DOM对象,把更多的精力投入到业务逻辑上;

  • 生态丰富、学习成本低:市场上拥有大量成熟、稳定的基于vue.js的ui框架及组件,拿来即用实现快速开发;对初学者友好、入门容易、学习资料多;

  • 3、为什么要使用Vue.js

    随着前端技术的不断发展,前端开发能够处理的业务越来越多,网页也变得越来越强大和动态化,这些进步都离不开JavaScript。在目前的开发中,已经把很多服务端的代码放到了浏览器中来执行,这就产生了成千上万行的JavaScript代码,他们连接着各式各样的HTML和CSS文件,但是缺乏正规的组织形式。这也是为什么越来越多的前端开发者使用JavaScript框架的原因,目前比较流行的前端框架有Angular、Reac、Vue等。

    Vue是一款友好的、多用途且高性能的JavaScript框架,它能够帮助你创建可维护性和可测试性更强的代码库。Vue是渐进式的JavaScript框架,也就是说,如果你已经有了现成的服务端应用,你可以将Vue作为该应用的一部分嵌入其中,带来更加丰富的交互体验。或者如果你希望将更多业务逻辑放到前端来实现,那么Vue的核心库及其生态系统也可以满足你的各式需求。

    和其他框架一样,Vue允许你将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML、CSS、JavaScript,以用来渲染网页中相应的地方。如果我们构建了一个大型的应用,可能需要将东西分割成为各自的组件和文件,使用Vue的命令行工具,使快速初始化一个真实的工程变得非常简单。

  • vue init webpack my-project

  • 我们甚至可以使用Vue的单文件组件,它包含了各自的HTML、JavaScript以及带作用域的CSS或SCSS。

    4、MVC、MVP、MVVM 设计模式

    MVC(Model-View-Controller)是最常见的软件架构之一,在软件开发领域有着广泛的应用,MVC本身是比较好理解的,但是要讲清楚由它衍生出来的MVP和MVVM就不太容易了。

    4.1、MVC

    MVC的意思是,可以将软件分为三个部分:

  • 视图(View):用户界面

  • 控制器(Controller):业务逻辑

  • 模型(Model):数据保存

  • 各部分之间的通信方式为:

  • View传送指令到Controller

  • Controller完成业务逻辑后,要求Model改变状态

  • Model将新的数据发送到View,用户得到反馈

  • 并且所有的通信都是单向的,如下图所示:

    请点击输入图片描述

    MVC 模式的执行流程是有两种方式:

    (1)通过View接受指令,传递给Controller

    请点击输入图片描述

    (2)直接通过Controller接受指令

    请点击输入图片描述

    实际项目中往往采用更加灵活的方式:

    (1)用户可以向View发送指令(DOM事件),再由View直接要求Model改变状态;

    (2)用户也可以直接向Controller发送指令(改变URL触发hashChange事件),再由Controller发送给view ;

    (3)Controller非常薄,只起到路由的作用,而View非常厚,业务逻辑都部署在View,所以有些框架里就直接取消了Controller,只保留一个Router(路由器)。


标签:电脑 未分类 软件 JavaScript 前端开发

大明白知识网 Copyright © 2020-2022 www.wangpan131.com. Some Rights Reserved. 京ICP备11019930号-18