暂无搜索历史
🌿 性能优化的主要点： 1️⃣ 减少 DOM 的渲染频次 2️⃣ 减少 DOM 的渲染范围 3️⃣ 非必要的内容延后处理
React 表单场景的开发中，往往需要维护众多 state （如，表单数据），过多的 state 会导致源代码冗长，可读性比较差；且未来增删改字段，需要修改的地...
React 的更新分为两大阶段，分别是 Reconciliation 阶段和 Commit 阶段。
🎼 React 16.8 版本引入了 Hooks ，可以在不使用 Class 的情况下使用 React 特性。
自己之前的开发栈一直是 Vue，对 Vue 的设计理念及底层实现原理算是颇有了解；随着公司技术迭代，近半年来开始接触&使用 React。
实际开发过程中，还会遇到当进入页面时触发一些动作（如播放视频、日志发送、连接到聊天服务器等）。其①不能在渲染过程中发生，②也没有一个特定的事件（比如点击）触发。
♻️ 前面多篇文章中提及：state 可以 ① 保存渲染间的数据； ② state setter 函数更新变量会触发 React 重新渲染组件。
🐾 上篇的结尾处，提到了 => 为了提升性能， React 仅在渲染之间 存在差异 时才会更改 DOM 节点。
‼️注意：... 展开语法本质是是“浅拷贝”——它只会复制一层。这使得它的执行速度很快，但是也意味着当你想要更新一个嵌套属性时，你必须得多次使用展开语法2。
在 ✓ 🇨🇳 开篇：通过 state 阐述 React 渲染 中，以 setInterval 为例，梳理了 React 渲染的相关内容。
State setter 函数更新变量（状态发生改变）并触发 React 再次渲染组件。
React 18 之前，更新内容渲染的方式是通过一个单一的且不可中断的同步事务进行处理。同步渲染意味着，一旦开始渲染就无法中断，直到用户可以在屏幕上看到渲染结果...
拥有自己的技术博客，不仅可以提升自己的技术能力，还可以提升自己的影响力，未来也可能带来一些“睡后”收益。
SVG 和 Canvas 都是可以在 Web 浏览器中绘制图形的技术。 众所周知， icon 通常使用 svg（如 iconfont），而交互式游戏采用 Ca...
针对历史项目或项目中有引入CSS框架（如Bootstrap），可能会存在大量的 CSS 样式未被使用。这可能产生一些不良的影响，如：
近日，在了解 @vue/repl 相关内容，其通过 URL 进行数据存储，感觉思路惊奇，打开了新方式。
Vue 默认按照“就地更新”的策略来更新通过 v-for 渲染的元素列表。当数据项的顺序改变时，Vue 不会随之移动 DOM 元素的顺序，而是就地更新每个元素，...
日常开发中所说的 CSS 变量，实际上是 CSS 的变量函数 var() 与 CSS 自定义属性的统称。
Object.defineProperty 和 Proxy 是用于实现响应式数据的两种不同方式。
上海观安 ｜ 前端负责人 (已认证)
暂未填写个人简介
