腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
Super 前端
专栏成员
举报
425
文章
513095
阅读量
38
订阅数
订阅专栏
申请加入专栏
全部文章（425）
javascript（148）
编程算法（142）
https（60）
网络安全（59）
vue.js（48）
html（48）
http（43）
node.js（42）
网站（36）
css（32）
git（31）
渲染（31）
ecmascript（27）
java（26）
jquery（23）
php（21）
github（20）
打包（19）
缓存（19）
npm（16）
函数（15）
webpack（14）
html5（14）
面向对象编程（12）
json（11）
api（10）
bash（9）
angularjs（9）
ajax（9）
linux（9）
svg（9）
数据结构（9）
react（8）
ide（8）
babel.js（8）
c++（7）
bash 指令（7）
文件存储（7）
正则表达式（7）
tcp/ip（7）
开发（7）
数据（7）
regex（6）
xml（6）
sql（6）
容器（6）
对象（6）
工具（6）
数据库（5）
开源（5）
腾讯云开发者社区（5）
事件（5）
NLP 服务（4）
android（4）
shell（4）
state（4）
编程思想（4）
响应式（4）
性能（4）
ios（3）
python（3）
actionscript（3）
mvc（3）
tomcat（3）
unix（3）
apache（3）
nginx（3）
命令行工具（3）
yarn（3）
存储（3）
echarts（3）
promise（3）
变量（3）
浏览器（3）
配置（3）
数组（3）
效率（3）
go（2）
jquery ui（2）
云数据库 SQL Server（2）
eclipse（2）
svn（2）
jar（2）
mapreduce（2）
海外加速（2）
serverless（2）
grunt（2）
jdk（2）
jvm（2）
ssh（2）
aop（2）
socket编程（2）
windows（2）
数据可视化（2）
class（2）
console（2）
fetch（2）
map（2）
math（2）
series（2）
set（2）
task（2）
timer（2）
tooltip（2）
编码（2）
布局（2）
动画（2）
后端（2）
技巧（2）
框架（2）
设计（2）
生命周期（2）
算法（2）
异步（2）
其他（1）
mac os（1）
c 语言（1）
jsp（1）
汇编语言（1）
memcached（1）
access（1）
maven（1）
搜索引擎（1）
windows server（1）
apt-get（1）
日志服务（1）
SSL 证书（1）
cci 持续集成（1）
腾讯云测试服务（1）
electron（1）
underscore（1）
游戏（1）
强化学习（1）
sql server（1）
dns（1）
grep（1）
二叉树（1）
rpc（1）
uml（1）
powershell（1）
大数据（1）
安全（1）
小程序（1）
数据分析（1）
安全漏洞（1）
架构设计（1）
element ui（1）
canvas（1）
云计算（1）
虚拟化（1）
flutter（1）
ipv6（1）
add（1）
animation（1）
async（1）
callback（1）
checkbox（1）
chrome（1）
composition（1）
counter（1）
data（1）
dom（1）
es5（1）
header（1）
host（1）
hostname（1）
icon（1）
image（1）
input（1）
interface（1）
ip（1）
key（1）
legend（1）
mock（1）
network（1）
object（1）
oop（1）
pipe（1）
proxy（1）
ramda（1）
readonly（1）
ref（1）
return（1）
settimeout（1）
substitution（1）
url（1）
vue3（1）
web（1）
闭包（1）
编程语言（1）
遍历（1）
表单（1）
并发（1）
博客（1）
测试（1）
程序员（1）
代理（1）
队列（1）
二进制（1）
服务（1）
工作（1）
函数式编程（1）
后台（1）
继承（1）
解决方案（1）
进程（1）
跨平台（1）
浏览器兼容性（1）
权限（1）
数据管理（1）
搜索（1）
索引（1）
同步（1）
通信（1）
协议（1）
性能优化（1）
优化（1）
原理（1）
原型（1）
字符串（1）
最佳实践（1）
作用域（1）
搜索文章
搜索
搜索
关闭
性能：React 实战优化技巧
优化
react
渲染
技巧
性能
🌿 性能优化的主要点： 1️⃣ 减少 DOM 的渲染频次 2️⃣ 减少 DOM 的渲染范围 3️⃣ 非必要的内容延后处理
奋飛
2024-05-25
53
0
Reducer：让代码更灵活&简洁
表单
对象
函数
渲染
state
React 表单场景的开发中，往往需要维护众多 state （如，表单数据），过多的 state 会导致源代码冗长，可读性比较差；且未来增删改字段，需要修改的地方也较多，难以维护。
奋飛
2024-05-25
84
0
Fiber：React 的性能保障
react
渲染
进程
算法
性能
React 的更新分为两大阶段，分别是 Reconciliation 阶段和 Commit 阶段。
奋飛
2024-05-25
62
0
Hooks：尽享React特性 ，重塑开发体验
react
渲染
函数
开发
生命周期
🎼 React 16.8 版本引入了 Hooks ，可以在不使用 Class 的情况下使用 React 特性。
奋飛
2024-05-25
47
0
对比：React 还是 Vue
函数
设计
数据
react
渲染
自己之前的开发栈一直是 Vue，对 Vue 的设计理念及底层实现原理算是颇有了解；随着公司技术迭代，近半年来开始接触&使用 React。
奋飛
2024-05-25
134
0
Effect：由渲染本身引起的副作用
同步
响应式
渲染
函数
事件
实际开发过程中，还会遇到当进入页面时触发一些动作（如播放视频、日志发送、连接到聊天服务器等）。其①不能在渲染过程中发生，②也没有一个特定的事件（比如点击）触发。
奋飛
2024-05-25
54
0
脱围：使用 ref 保存值及操作DOM
数据
渲染
dom
ref
函数
♻️ 前面多篇文章中提及：state 可以 ① 保存渲染间的数据； ② state setter 函数更新变量会触发 React 重新渲染组件。
奋飛
2024-05-25
52
0
续篇：展开聊下 state 与 渲染树中位置的关系
函数
性能
渲染
counter
state
🐾 上篇的结尾处，提到了 => 为了提升性能， React 仅在渲染之间 存在差异 时才会更改 DOM 节点。
奋飛
2024-05-25
61
0
总结：React 中的 state 状态
state
数据
数组
react
渲染
‼️注意：... 展开语法本质是是“浅拷贝”——它只会复制一层。这使得它的执行速度很快，但是也意味着当你想要更新一个嵌套属性时，你必须得多次使用展开语法2。
奋飛
2024-05-25
55
0
探讨：围绕 props 阐述 React 通信
react
渲染
变量
数组
通信
在 ✓ 🇨🇳 开篇：通过 state 阐述 React 渲染 中，以 setInterval 为例，梳理了 React 渲染的相关内容。
奋飛
2024-05-25
54
0
开篇：通过 state 阐述 React 渲染
渲染
state
变量
函数
react
State setter 函数更新变量（状态发生改变）并触发 React 再次渲染组件。
奋飛
2024-05-25
40
0
useTransition：开启React并发模式
渲染
并发
函数
后台
react
React 18 之前，更新内容渲染的方式是通过一个单一的且不可中断的同步事务进行处理。同步渲染意味着，一旦开始渲染就无法中断，直到用户可以在屏幕上看到渲染结果。
奋飛
2024-05-25
89
0
echarts 中如何将 legend 设置成「直线」
data
echarts
icon
legend
工具
奋飛
2023-10-10
526
0
如何构建自己的技术博客
网站
博客
服务
配置
搜索
拥有自己的技术博客，不仅可以提升自己的技术能力，还可以提升自己的影响力，未来也可能带来一些“睡后”收益。
奋飛
2023-09-01
246
0
从SVG到Canvas：选择最适合你的Web图形技术
svg
游戏
canvas
web
事件
SVG 和 Canvas 都是可以在 Web 浏览器中绘制图形的技术。 众所周知， icon 通常使用 svg（如 iconfont），而交互式游戏采用 Canvas。二者具体的区别是什么？该如何选择？
奋飛
2023-08-24
444
0
三款快速删除未使用CSS代码的工具
css
工具
工作
框架
性能
针对历史项目或项目中有引入CSS框架（如Bootstrap），可能会存在大量的 CSS 样式未被使用。这可能产生一些不良的影响，如：
奋飛
2023-08-13
662
0
URL存储解锁数据管理的新思路，重新定义数据传输与共享（@vue/repl）
存储
url
编码
数据管理
字符串
近日，在了解 @vue/repl 相关内容，其通过 URL 进行数据存储，感觉思路惊奇，打开了新方式。
奋飛
2023-08-02
236
0
【揭秘Vue核心】为什么不建议在 v-for 指令中使用 index 作为 key，让你秒懂！
渲染
key
遍历
算法
索引
Vue 默认按照“就地更新”的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时，Vue 不会随之移动 DOM 元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引位置上渲染。
奋飛
2023-07-24
239
0
深入了解 CSS 变量，让 CSS 创造更多可能！
css
变量
函数
继承
开发
日常开发中所说的 CSS 变量，实际上是 CSS 的变量函数 var() 与 CSS 自定义属性的统称。
奋飛
2023-07-24
199
0
【揭秘Vue核心】深入解析Object.defineProperty和Proxy的区别，让你秒懂！
object
proxy
对象
函数
响应式
Object.defineProperty 和 Proxy 是用于实现响应式数据的两种不同方式。
奋飛
2023-07-10
402
0
点击加载更多
社区活动
AI代码助手快速上手训练营
鹅厂大牛带你玩转AI智能结对编程
立即学习
Python精品学习库
代码在线跑，知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客，速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档