Super 前端-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Super 前端

专栏成员

425

文章

526802

阅读量

39

订阅数

性能：React 实战优化技巧

优化 react 渲染技巧性能

🌿 性能优化的主要点： 1️⃣ 减少 DOM 的渲染频次 2️⃣ 减少 DOM 的渲染范围 3️⃣ 非必要的内容延后处理

2024-05-25

750

Reducer：让代码更灵活&简洁

表单对象函数渲染 state

React 表单场景的开发中，往往需要维护众多 state （如，表单数据），过多的 state 会导致源代码冗长，可读性比较差；且未来增删改字段，需要修改的地方也较多，难以维护。

2024-05-25

950

Fiber：React 的性能保障

react 渲染进程算法性能

React 的更新分为两大阶段，分别是 Reconciliation 阶段和 Commit 阶段。

2024-05-25

930

Hooks：尽享React特性，重塑开发体验

react 渲染函数开发生命周期

🎼 React 16.8 版本引入了 Hooks ，可以在不使用 Class 的情况下使用 React 特性。

2024-05-25

850

对比：React 还是 Vue

函数设计数据 react 渲染

自己之前的开发栈一直是 Vue，对 Vue 的设计理念及底层实现原理算是颇有了解；随着公司技术迭代，近半年来开始接触&使用 React。

2024-05-25

2350

Effect：由渲染本身引起的副作用

同步响应式渲染函数事件

实际开发过程中，还会遇到当进入页面时触发一些动作（如播放视频、日志发送、连接到聊天服务器等）。其①不能在渲染过程中发生，②也没有一个特定的事件（比如点击）触发。

2024-05-25

660

脱围：使用 ref 保存值及操作DOM

数据渲染 dom ref 函数

♻️ 前面多篇文章中提及：state 可以 ① 保存渲染间的数据； ② state setter 函数更新变量会触发 React 重新渲染组件。

2024-05-25

810

续篇：展开聊下 state 与渲染树中位置的关系

函数性能渲染 counter state

🐾 上篇的结尾处，提到了 => 为了提升性能， React 仅在渲染之间存在差异时才会更改 DOM 节点。

2024-05-25

720

总结：React 中的 state 状态

state 数据数组 react 渲染

‼️注意：... 展开语法本质是是“浅拷贝”——它只会复制一层。这使得它的执行速度很快，但是也意味着当你想要更新一个嵌套属性时，你必须得多次使用展开语法2。

2024-05-25

920

探讨：围绕 props 阐述 React 通信

react 渲染变量数组通信

在 ✓ 🇨🇳 开篇：通过 state 阐述 React 渲染中，以 setInterval 为例，梳理了 React 渲染的相关内容。

2024-05-25

740

开篇：通过 state 阐述 React 渲染

渲染 state 变量函数 react

State setter 函数更新变量（状态发生改变）并触发 React 再次渲染组件。

2024-05-25

570

useTransition：开启React并发模式

渲染并发函数后台 react

React 18 之前，更新内容渲染的方式是通过一个单一的且不可中断的同步事务进行处理。同步渲染意味着，一旦开始渲染就无法中断，直到用户可以在屏幕上看到渲染结果。

2024-05-25

1770

【揭秘Vue核心】为什么不建议在 v-for 指令中使用 index 作为 key，让你秒懂！

渲染 key 遍历算法索引

Vue 默认按照“就地更新”的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时，Vue 不会随之移动 DOM 元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引位置上渲染。

2023-07-24

2620

掌握这些容易被忽略的Vue细节，轻松排查问题，省时省力！

渲染对象函数事件响应式

v-bind 如果绑定的值是 null 或者 undefined，那么该 attribute 将会从渲染的元素上移除。

2023-07-10

2480

Thinking--FastDom消除浏览器布局抖动

渲染 github html http git

对于大量操作 DOM 的场景，页面时常会出现卡顿现象，导致用户体验不佳。卡顿的原因是由于掉帧导致！！

2023-03-06

5560

vue2.0 插槽不是响应性的

vue.js 渲染 ajax api 网站

项目中自定了组件 widget，作为容器，其中 header 部分做了预置插槽 slot，用于信息的展示；在实际使用过程中，header 内容需要根据不同条件展示不同信息。至此，问题出现了~~~

2023-01-13

7400

取消（中止）异步请求

渲染 fetch promise 后端异步

问题描述：动态获取图片宽、高。由于图片大小不一，导致异步请求返回时间有差异，频繁操作导致渲染结果出现问题。

2021-12-30

1.2K0

取消（中止）异步请求

渲染 fetch promise 后端异步

问题描述：动态获取图片宽、高。由于图片大小不一，导致异步请求返回时间有差异，频繁操作导致渲染结果出现问题。

2021-09-07

1.1K0

Vue基础：条件渲染、列表渲染、事件处理

那么在上面的代码中切换 loginType 将不会清除用户已经输入的内容。因为两个模板使用了相同的元素，不会被替换掉——仅仅是替换了它的 placeholder。

2021-08-30

7760

现代前端技术解析：现代前端交互框架

html jquery 渲染 mvc 编程算法

Web前端页面的开发避免不了与DOM的交互操作。前端框架的一次次变化，从提升效率的阶段，慢慢走向改善性能的阶段。

2021-08-30

1.1K0

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态