- 博客(10)
- 收藏
- 关注
原创 对防抖和节流的理解
防抖和节流的应用场景:防抖常用于搜索框输入时的搜索请求,防止用户输入过程中频繁发送请求,节流常用于鼠标不断点击触发的事件,如点击按钮发送请求,防止过快发送多次请求。防抖(dobounce) 和节流(throttle)是前端常用的性能优化手段,用于控制函数执行的频率,从而达到减少计算资源的使用,提高用户体验。防抖:指在一定的时间范围内,若函数被连续触发,则等待到设定的时间阀值只执行最后一次。节流:指在一定的时间范围内,若函数被连续触发,只执行第一次或者固定时间范围内的几次。
2024-05-16 14:45:09
186
原创 谈谈对MVVM的理解
不管是MVC、MVP、还是MVVM都是常见的软件架构设计模式,它是通过分离关注点来改进代码组织方式,不同于设计模式,只是为了解决某一类问题而总结出来的抽象方法;一种结构模式往往使用了多种设计模式。-> ViewModel 是数据模型(Model)和视图层(View)的沟通桥梁;帮忙处理数据层和视图层的业务逻辑。-> View 视图层,布局和外观,可以对应到开发中的DOM结构。-> Model 数据模型,可以对应到真实开发过程中的数据包。
2024-04-09 14:33:04
298
原创 介绍下重绘和回流(Repaint & Reflow),以及如何进行优化
1. 浏览器渲染机制浏览器采用流式布局模型(Flow Based Layout) 浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了渲染树(Render Tree)。 有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后把节点绘制到页面上。 由于浏览器使用流式布局,对Render Tree的计算通常只需要遍历一次就可以完成,但table及其内部元素除外,他们可能需要多次计算,通常要花3倍于同等元素的时间,这也是为什么要避
2021-11-26 10:17:22
522
原创 2021-05-07
什么是原型和原型链?原型:每个对象都有原型,也叫原型对象。原型对象由对象的内置属性__proto__指向它(实例对象)的构造函数prototype指向的对象(原型)。也就是说任何一个对象都是构造函数创建,但并不是每一个对象都由prototype,只有方法才有prototype。原型链:原型链的基本思想就是利用原型让一个引用类型继承另一个引用类型的属性和方法。原型链的核心就是依赖对象的__proto__属性,当自身没有的属性和方法 就层层递进扒出创建对象的构造函数,直到object,没有_
2021-05-07 18:12:05
60
原创 2021-05-07
本地存储和Cookie的区别 cookie localStorage sessionStorage 数据生命周期 一般由服务器生成,可以设置失效时间,如果是浏览器生成,默认是关闭浏览器失效。 除非手动清除,否则永久存在 在当前会话有效,关闭页面或浏览器失效 数据大小容量 4KB左右 一般5MB 与服务器通信 每次请求都会携带到HTTP请求头中,携带数据过大会影响性能。 仅仅在客户端浏览器保存,不参与服务器通信 易用性 原.
2021-05-07 16:50:38
55
原创 2021-05-07
什么是闭包(对闭包函数的理解)理解:简单理解为在函数内部定义函数,调用外部函数时,就会形成闭包。特点:1.函数嵌套函数。2.内部函数可以使用外部函数的参数和变量。3.避免参数和变量被回收 == 延长变量生命周期。优点:1.避免全局变量污染。2.变量长期驻扎内存中。3.私有成员的存在。缺点:内存泄漏。...
2021-05-07 16:32:06
37
原创 2021-05-07
什么是js内存泄漏?内存泄漏是指一块被分配的内存既不能使用又不能被回收,直到浏览器进程结束!释放内存方式:赋值为null。造成内存泄漏的常见原因:1.闭包2.被遗忘的计时器或回调函数3.多余的全局变量4.脱离DOM的引用...
2021-05-07 16:18:30
29
原创 2021-05-06
什么是回流和重绘?回流:当render tree的元素规模尺寸,布局,隐藏等影响到页面布局,需要重新构建页面,就是回流!重绘:render tree的元素属性更新是,不会影响到页面布局,就会造成页面重新渲染,就是重绘!...
2021-05-06 14:01:49
52
原创 2021-05-06
http和https的区别1.http是明文传输,https是ssl加密传输。2.http端口是80,https端口是443。3.http是无状态连接,https是sll+http协议加密传输,身份认证网络协议,安全性高于http协议。
2021-05-06 13:50:52
29
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人