
react
文章平均质量分 57
认真的小孩有糖吃
这个作者很懒,什么都没留下…
展开
-
虚拟DOM也是操作DOM,为什么说它快?
1. 虚拟DOM也是操作DOM,为什么说它快? 虚拟DOM 不会进行排版和重绘操作。 虚拟DOM 进行频繁修改,然后一次性比较并修改真实DOM 中需要改的部分,最后在真实DOM 中进行排版与重绘,减少过多DOM节点排版与重绘损耗 真实DOM 频繁排版与重绘的效率是相当低的 虚拟DOM有效降低大面积(真实DOM节点)的重绘月排版,因为最终与真实DOM比较差异,可以只渲染局部 总之,一切为了减少频繁的大面积重绘引发的性能问题,不同框架不一定需要虚拟DOM, 关键看框架是否频繁会引发大面积的DOM操作原创 2021-03-10 13:37:11 · 726 阅读 · 5 评论 -
react-cropper图片裁剪,旋转应用
最近写项目,遇到一个有意思的需求,分享一下实现过程: 需求简单描述:对现有图片(网络路径)进行裁剪,也可以上传一张图片进行裁剪,旋转,达到自己想要的效果。 应用技术:react hook,ant-design,react-cropper(插件) 项目中需要安装插件: npm install react-cropper --save-dev 注:这里用的react-crooper 版本号 @1.2.0 ,不同版本存在使用中的差异,所以这里注明当前例子使用的是1.2.0。 组件中引用: imp原创 2021-02-07 11:20:02 · 1286 阅读 · 0 评论 -
redux源码学习
在做了一段时间react 项目之后,发觉自己遇到了瓶颈,给定的项目能按照react , redux 固定的模式来套用实现效果,然而深究却不知其意,一直在做无谓的代码搬运工而已,为了改变自己当下这种状态,找了很多对 redux 源码解析的例子,大多写的不明所以,思路不清晰,直到看了这篇文章【redux源码解析】,心中豁然开朗,故作为笔记记录一下。 redux源码解析 1、首先让我们看看都有哪些内容 2、让我们看看redux的流程图 Store:一个库,保存数据的地方,整个项目只有一...原创 2020-06-19 18:02:46 · 207 阅读 · 1 评论