win10磁盘碎片整理教程
win10磁盘碎片整理可以帮助用户进行电脑系统的整理,让电脑运行更加极速,让内存占用更加少,今天小编就给大家带来了详细的磁盘碎片整理教程。需要的快点来看看吧。...
ipados16支持机型介绍
苹果近日预告了将在6月WWDC 2022大会上发布的ipados16系统,有着非常不错的优化和新功能,那么这款ipados16支持哪几款机型呢,我们的ipad能否使用呢。...
macos monterey值得升级吗
如果我们此前一直在使用苹果电脑,就一直在使用传统的macos系统,不过在去年10月,苹果还发布了新的macos monterey,那么这个macos monterey值得升级吗。...
Vue.js 3.x 优化概览
本文整理自拉勾网Vue.js 3.x 源码课程,讲师是来自Zoom的大牛黄轶,非常感谢! 本人仅补充一些参考资料。 1. Vue.js框架的演进过程 Vue.js 从 1.x 到 2.0 版本,最大的升级就是引入了虚拟 DOM 的概念。 Vue.js 2.x 的版本痛点问题: 源码自身的维护性; 数 ...
浅谈前端性能优化
前端性能优化主要分两块: 一是资源加载 1.多使用内存、缓存和其他方法 2.减少CPU计算量,减少网络加载耗时。 以上适用所有编程的性能优化-空间换时间 3.减少资源体积:压缩代码,图片精灵 4.减少访问次数:合并代码(js模块化,最后打包成一个JS)、SSR服务器端渲染,缓存 5.使用更快的CDN ...
前端性能优化
事件委托 事件委托(也叫事件代理)利用了事件冒泡,把监听函数绑定在父容器上。在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。 使用事件委托的优点: a.减少DOM操作,使事件处理时间减少。 b.减少内存空间的使用,提升性能。 简单例子: let myU ...
前端性能优化之浏览器缓存
##一、背景 最近公司业务需要开发了一个js sdk。sdk主要是通过http接口请求返回至前端进行渲染。因为js sdk有一定的大小会消耗过多的网络资源,所以采用浏览器缓存策略避免多次http请求造成网络资源浪费,降低网络延迟,减少网络负荷,提高性能。 ##二、浏览器缓存 根据浏览器缓存的位置可以 ...
使用 content-visibility 优化渲染性能
最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。 这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。 何为 content-visibility? content-visibility:属性控制一个元素是否渲染其内容,它允许用户代理(浏览器)潜在地省略 ...
vue性能优化方法
路由懒加载:有效拆分App尺寸,访问时才异步加载 keep-alive组件缓存:避免重复创建组件实例,且能保留缓存组件状态 使用v-show复用DOM:避免重复创建组件 v-for遍历避免同时使用v-if 长列表性能优化:如果是大数据长列表,可采用虚拟滚动(不会将所有内容渲染,只是把可是区域渲染), ...
记 vue-cli-plugin-dll 使用,优化vue-cli项目构建打包速度
dll ? 动态链接库英文为DLL,是Dynamic Link Library的缩写。DLL是一个包含可由多个程序,同时使用的代码和数据的库。 起因 在查看hzero前端项目框架介绍时提到了dll,外加之前经常看见dll文件,于是有了兴趣了解一下 webpack dll。 webpack官网介绍 D ...
【时间复杂度优化】关于动态倒计时减少计算次数的思考
最近在做一个小程序,其中一个功能是计算拍卖品结束倒计时。 传递给计算倒计时方法countdown() 的参数是一个从数据库获取的结束时间 endTime。 一开始我是这样写的 这样看着好像没啥问题,逻辑是正常的,BUT 该方法每隔一秒都会执行一次这里 就会导致频繁调用获取系统时间,而我们只需要用户在 ...
前端开发性能优化方案
JS书写需注意的点 一、JS书写过程中减少对闭包的使用 原因:闭包会产生不释放的栈内存 替代方案:1,循环给元素做事件绑定的时候,尽量把后期需要的数据(如:索引)绑定到元素的自定义属性上,而不是创建闭包存储 2,可以在最外层创建一个闭包,把需要的数据进行存储,而不是一个方法创建一个闭包(如:单例模式 ...