keep-alive是什么？ 当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创建和渲染，有效提升系统性能。总的来说，keep-aliv...
发简信
IP属地：江苏
-
keepAlive实现原理
-
js拖拽插件通过改变position或translate做位移，性能对比
性能差距还是很大的特别是在移动设备上，因为大家都知道浏览器在处理这两种样式时的流水线不同。position更新进行 layout 重计算。而translate只需要对本元素的...
-
跨域预检--options请求
options 请求定义 浏览器基于CORS（跨域资源共享）机制，对于跨域 & 复杂的XMLHttpRequest和Fetch API请求，首先使用 options 方法向服...
-
虚拟滚动技术 --- 解决加载大量列表DOM导致页面卡顿网页dom元素过多为什么会导致页面卡顿 1、dom过多，占用过多的内存。2、操纵dom时触发重排重绘，消耗浏览器性能。特别是每一次滚动事件将会让对应 DOM 中的所有元素重新...
-
setTimeout时间设置为0
setTimeOut设置为0，会在队列最后添加一个事件，要等待其他任务事件处理完成才会处理。 js EventLoop详见EventLoop[https://www.jian...
-
-
-
animation和transition的区别CSS3动画和JS动画的区别 1.JS 实现的是帧动画（使用定时器，每隔一段时间，更改当前的元素）2.CSS3 实现的是补间动画（过渡（加过渡只要状态发生改变产生动画）动画(...
-
理解JavaScript的执行上下文
在JS学习初期，或者在面试的时候常常会遇到变量提升相关的思考题。例如： 这里先引入一个JavaScript中最基础，但同时也是最重要的概念：执行上下文（Execution C...
-
base64长度计算图片大小
base64编码原理 要求把3个8位字节（3x8=24）转化为4个6位的字节（4x6=24），之后在6位的前面补两个0，形成8位一个字节的形式。 如果剩下的字符不足3个字节，...
-
HTML5 的离线储存及其工作原理在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件。使用离线缓存技术一般是为了让用户在：- 离线状态也能正常访问- 提高访问速度...
-
onload、DOMContentLoaded区别
1、load事件触发时，页面上所有的DOM，样式表，脚本，图片都已经加载完成了. 2、DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片(譬如...
-
-
Vue源码--AST抽象语法树概念介绍 在开发Vue的时候编译器会将模板语法编译成正常的HTML语法，而直接编译的时候是非常困难的，因此此时会借助AST抽象语法树进行周转，进而变为正常的HTML语法，使编...
-
Vite 为什么启动非常快
Vite是什么 Vite（法语意为 "快速的"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成： 1.一个开发服务器，它基于 原生 ES 模块 提供了 ...
-
loader 和 plugin 的区别是什么
不同的作用： Loader直译为"加载器"。Webpack将一切文件视为模块，但是webpack原生是只能解析js文件，如果想将其他文件也打包的话，就会用到loader。 所...