256浏览

0评论

documentFragment 是什么？用它跟直接操作 DOM 的区别是 什么？

MDN 中对 documentFragment 的解释：DocumentFragment，文档片段接口，一个没有父对象的最小文档对象。 它被作为一个轻量版的 Document 使用，就像标准的 document 一样， 存储由节点（node...

• 空空 / js / 2023-01-11

311浏览

0评论

如何优化动画

对于如何优化动画，我们知道，一般情况下，动画需要频繁的操作 DOM，就就会导致页面的性能问题，我们可以将动画的 position 属性 设置为 absolute 或者 fixed，将动画脱离文档流，这样他的回流就 不会影响到页面了。...

• 空空 / 性能优化 / 2023-01-11

276浏览

0评论

react类组件生命周期

生命周期调用顺序constroctorcomponentWillMount 挂载前，使用至React17showComponentUpdate 决定组件是否要更新，返回布尔值componentWillUpdate 组...

• 空空 / react / 2023-01-10

251浏览

0评论

. 如何避免回流与重绘？

减少回流与重绘的措施：操作 DOM 时，尽量在低层级的 DOM 节点进行操作不要使用 table 布局， 一个小的改动可能会使整个 table 进行重新 布局使用 CSS 的表达式不要频繁操作元素的样式，对于静态页面，可以修改类名，而不是样...

• 空空 / 性能优化 / 2023-01-07

334浏览

0评论

回流与重绘的概念及触发条件

（1）回流当渲染树中部分或者全部元素的尺寸、结构或者属性发生变化时，浏 览器会重新渲染部分或者全部文档的过程就称为回流。下面这些操作会导致回流：页面的首次渲染浏览器的窗口大小发生变化元素的内容发生变化元素...

• 空空 / 性能优化 / 2023-01-07

307浏览

0评论

懒加载的实现原理

图片的加载是由 src 引起的，当对 src 赋值时，浏览器就会请求图片 资源。根据这个原理，我们使用 HTML5 的 data-xxx 属性来储存图片...

• 空空 / 性能优化 / 2023-01-07

281浏览

0评论

懒加载的特点

减少无用资源的加载：使用懒加载明显减少了服务器的压力和流量， 同时也减小了浏览器的负担。提升用户体验: 如果同时加载较多图片，可能需要等待的时间较长， 这样影响了用户体验，而使用懒加载就能大大的提高用户体验。防止加载过多图片而影响其他资源文...

• 空空 / 性能优化 / 2023-01-07

317浏览

0评论

懒加载的概念

懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片 数据，是一种较好的网页性能优化的方式。在比较长的网页或应用中， 如果图片很多，所有的图片都被加载出来，而用户只能看到可视窗口 的那一部分图片数据，这样就浪费了性能。如果使用图片的...

• 空空 / 性能优化 / 2023-01-07

264浏览

0评论

组件通信的方式有哪些

⽗组件向⼦组件通讯: ⽗组件可以向⼦组件通过传 props 的⽅式， 向⼦组件进⾏通讯⼦组件向⽗组件通讯: props+回调的⽅式，⽗组件向⼦组件传递 props 进⾏通讯，此 props 为作⽤域为⽗组件⾃身的函 数，⼦组件 调⽤该函数，...

• 空空 / react / 2023-01-06

222浏览

0评论

Redux 中间件是什么？接受几个参数？柯里化函数两端的 参数具体是什么

Redux 的中间件提供的是位于 action 被发起之后，到达 reducer 之前的扩展点，换而言之，原本 view -→> action -> reducer -> store 的数据流加上中间件后变成了 view...

• 空空 / react / 2023-01-06