前端底层原理与性能调优
文章平均质量分 76
底层原理与性能调优
Dormiveglia-flx
我陪你走的路,你不能忘~
因为那是我,最快乐的时光
展开
-
网站白屏优化
window.requestAnimationFrame(callback),接受一个函数作为参数,在浏览器下次重绘前执行,大约是17毫秒。比如要渲染当前页面,会很慢,页面上出现长时间的白屏,因为要渲染10000次child组件。Echarts图,白屏优化方案,可以使用骨架。使用按帧加载就不得不提到。我们提供的解决方案是。原创 2023-10-04 07:49:06 · 196 阅读 · 0 评论 -
浏览器的回流与重绘与事件循环
剩下的是浏览器重绘:比如改变div的visibility, color、background-color等等。宏任务主要包含:setTimeout、setInterval、setImmediate、I/O、UI交互事件。微任务主要包含:Promise、process.nextTick、MutaionObserver 等。回流是通过JS代码让布局或者几何属性改变,使部分页面或者整个页面更新的过程。浏览器回流会消耗很多,对性能产生影响。相对来说,回流的影响会大于重绘。原创 2023-06-06 17:24:31 · 592 阅读 · 1 评论 -
手写vue-router---hash模式
关于的使用:我们发散一下思维:原创 2023-04-18 17:10:41 · 441 阅读 · 0 评论 -
移动Web端的适配方案
移动端适配是让页面在不同的移动设备上都合理展示。比如在iphone4上和ipad甚至网站上都能合理展示网页。原创 2023-03-30 10:31:04 · 313 阅读 · 0 评论 -
Vue源码方向
Vue源码方向数据劫持的用法数据响应式的原理:数据劫持 + 发布-订阅模式Vue 代码层面的优化数据劫持的用法使用Object.defineProperty(params1,params2,params3)params1:需要劫持的对象params2:需要劫持的对象的具体的属性劫持后需要写的get、set方法<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>原创 2023-03-28 16:54:15 · 472 阅读 · 0 评论 -
JS底层原理方向
就像微信公众号,大家订阅了A公众号,当A公众号发布文章的时候,大家会接收到文章。谁调用就指向谁,就近原则,且箭头函数没有作用域,指向上一级。原创 2023-03-27 15:39:28 · 119 阅读 · 0 评论 -
网站性能优化篇
/现代浏览器(IE9+和其他浏览器)和IE8的document.body.scrollHeight和document.documentElement.scrollHeight都可以。// 原理:滚动条到顶部的距离 + 窗口高度 > 文档的总高度 + 50 /*我这里将滚动响应区域高度取20px*/;// 有的话就return,没有的话,接着移除nodisplay2。//获取滚动条到顶部的距离,也就是页面顶部被滚动条顶上去的高度。// 判断有没有nodisplay1。//获取页面文档的总高度。原创 2023-03-25 14:12:48 · 333 阅读 · 0 评论