- 博客(35)
- 收藏
- 关注
原创 回流和重绘
是指当页面布局或几何属性发生变化时,浏览器需要重新计算元素的位置和大小。回流会导致渲染树的重新计算和布局。是指当元素的外观发生变化但不影响布局时,浏览器会重新绘制元素。重绘不会涉及布局计算,只会更新元素的外观。元素的尺寸发生变化(包括外边距、内边框、边框大小、高度和宽度等)。内容发生变化,比如文本变化或图片被替换。元素的颜色、背景色等样式变化。添加或删除可见的DOM元素。元素的位置发生变化。浏览器窗口尺寸变化。
2025-03-04 11:58:31
191
原创 防抖和节流
的核心思想是,在事件被触发后等待一定时间再执行,如果在等待时间内事件又被触发,则重新计时。这样,只有在事件触发后的一段时间内没有再次触发事件,处理函数才会执行一次。防抖技术适用于那些对连续事件响应一次就足够的场景,例如实时搜索功能,用户停止输入后才进行搜索请求。的核心思想是,在一定时间内,事件处理函数只执行一次,即使在这段时间内事件被触发多次,也只响应一次。节流技术适用于那些需要在事件持续触发过程中,按照一定频率限制执行的场景,例如滚动加载更多内容。
2025-03-04 11:56:08
197
原创 大文件切片上传
先定义每一个切片的大小,通过监听change事件可以拿到文件对象,从而可以计算出总共分了多少片,遍历切片数量,计算每一个切片的开始字节,结束字节,下标,hash:md5格式的,切割之后的文件对象通过slice方法。2.使用webWorker,开启多线程优化性能。3.后端代码node + express。
2025-02-26 11:39:18
205
原创 【无标题】
最外层是大屏的宽高,内层是显示的内容,要给内容给一定的宽高,比如1920,1080,缩放的时是基于大屏的中心点缩放,我们可以使用定位将内容top%,left:50%,内容左上角就是缩放中心,再将内容缩放点设置到左上角。第一种使用rem和font-size搭配 第二种是将图表的宽高全部换成vwvh的方式,但是这两种方式都有一个很大的问题,步骤比较繁琐而且需要不停的换算。大屏制作主要包括图表数据的显示以及大屏适配问题,大屏适配是大屏制作的难点,我主要说一下大屏的适配问题。这样解决了大屏的适配问题。
2024-06-12 15:41:42
241
原创 前端数组去重
Set本身是一个构造函数,用来生成 Set 数据结构。,没有重复的值,我们一般称为集合。,但它的一大特性就是。3.filter方法。4.reduce方法。
2024-06-04 14:06:59
143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人