react
文章平均质量分 84
js世界
这个作者很懒,什么都没留下…
展开
-
React架构
React的定位从官网看到React的理念:制约快速响应的因素有:当遇到大计算量的操作或者设备性能不足使页面掉帧,导致卡顿。发送网络请求后,由于需要等待数据返回才能进一步操作导致不能快速响应。这两类场景可以概括为:CPU的瓶颈IO的瓶颈React如何解决CPU瓶颈主流浏览器刷新频率为60Hz,即每(1000ms / 60Hz)16.6ms浏览器刷新一次。在每16.6ms内,需要完成 执行JS–>布局–>绘制。当JS执行时间过长,超出了16.6ms,这次刷新就没有时原创 2022-02-28 20:17:24 · 916 阅读 · 0 评论 -
采用 @svgr/webpack 支持 svg 作为组件引入
需求由于 antd 默认的 Icon 图标很有限,所以决定采用自定义 SVG 图标方式来拓展。Antd Icon开始实战按文档介绍的,我先安装了 @svgr/webpack,但由于是采用的 umi 搭建的脚手架,所以需要采用 webpack-chain 来自定义 webpack 配置: chainWebpack(config) { config.module.rules.delete('svg') config.module .rule('svg') .原创 2022-02-18 20:18:12 · 4861 阅读 · 0 评论