首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react性能优化
订阅
Yuin316
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 0订阅
如何做到修改了node_module中的包,却不受重新安装的影响
我们可以通过使用patch-package来对项目中的插件进行修改,补丁可以同步共同开发的前端人员。最优雅的修改开源插件包的方案!
React实现高性能Tree组件
1. 背景 之前在重构项目的所涉及到的组件中,Tree组件占据了半壁江山。而该组件的产生,也是由该项目演化未来。虽然该项目后来停止了,但是所累积的设计经验确是延续下来了的。在组件库中,我结合了虚拟列表
如何让10万条数据的小程序列表如丝般顺滑
某天闲着无聊想练一下手速,去上拉一个小程序项目中一个有1万多条商品数据的列表。在数据加载到1000多条后,是列表居然出现了白屏。看了一下控制台: ‘Dom limit exceeded’,dom数超出
不常见但是有用的**chrome**调试技巧
web开发中,写“bug”和改“bug”同样重要;记录一次web devtool 调试文档阅读摘录。
精读《怎么用 React Hooks 造轮子》
上周的 精读《React Hooks》 已经实现了对 React Hooks 的基本认知,也许你也看了 React Hooks 基本实现剖析(就是数组),但理解实现原理就可以用好了吗?学的是知识,而用的是技能,看别人的用法就像刷抖音一样(哇,饭还可以这样吃?),你总会有新的收获…
「前端性能」避免回流和重绘的必要性
前言 本文会介绍浏览器中帧(Frame)的概念,它的流程是怎么样的。 至于写这个文章的出发点在于,我好奇浏览器中像素工作流程是怎么样的,什么时候开始的,最后的结果是什么。 基于这些好奇,查阅了些外文资
(翻译)用react-spring以react hook组件的形式编写动画
React Spring具有基于钩子和基于组件的API,这里将专门针对所有动画使用具有基本状态的钩子,建议先学习React Hooks相关知识。 在下面App.js文件中,使用了react-spring库中的UseSpring和animated,UseSpring是一个可以设置…
浅谈React性能优化的方向
本文来源于公司内部的一次闪电分享,稍作润色分享出来。主要讨论 React 性能优化的主要方向和一些小技巧。如果你觉得可以,请多点赞,鼓励我写出更精彩的文章🙏。 减少计算的量。 -> 对应到 React 中就是减少渲染的节点 或者 降低组件渲染的复杂度 利用缓存。-> 对应到 …