首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
摸你穷
更多收藏集
微信扫码分享
微信
新浪微博
QQ
36篇文章 · 0订阅
「react进阶」一文吃透react-hooks原理
之前的两篇文章,分别介绍了react-hooks如何使用,以及自定义hooks设计模式及其实战,本篇文章主要从react-hooks起源,原理,源码角度,开始剖析react-hooks运行机制和内部原理,相信这篇文章过后,对于面试的时候那些hooks问题,也就迎刃而解了。实际r…
「react进阶」一文吃透react事件系统原理
一 前言 今天我们来一起探讨一下React事件原理,这篇文章,我尽量用通俗简洁的方式,把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17之后react对于事件系统会
H5 页面列表缓存方案
通常在页面开发中,我们是通过路由去管理不同的页面,常用的路由库也有很多,譬如:React-Router,Dva-router...... 当我们切换路由时,没有被匹配到的 Component 也会被整体替换掉,原有的状态也丢失了,因此,当用户从详情页退回到列表页时,会重新加载列…
React 性能优化 | 包括原理、技巧、Demo、工具使用
React 的工作流程是什么?我们可以在哪些阶段进行性能优化呢? 如果 React 项目中出现了卡顿,我们可以采用哪些性能优化技巧? 如何通过 React Profiler 定位性能问题?
「react进阶」年终送给react开发者的八条优化建议(篇幅较长,占用20-30分钟)
笔者是一个 react 重度爱好者,在工作之余,也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰,手留余香,阅读的朋友可以给笔者点赞,关注一波 。 陆续更新前端文章。 方向分别加以探…
这篇文章教你如何根据业务封装自定义hooks
请注意:对React中一些重复的逻辑进行封装并不是封装公共的方法,而是一些组件内部重复的逻辑加以封装,使之可以重复使用。 关于公共hooks的封装,阿里开源的ahook有不少可以使用的hook,当然也有关于对antd使用的hook,可是每个项目的逻辑或许只差一步,就无法使用。所…
[开源推荐]:一个轻量的React懒加载组件,冰冰用了都说6~
现如今前端React生态圈已有不少优秀的懒加载组件,比如react-lazy-load、react-lazy-mount等,但是它们并没有实现一个组件完全的懒加载,当DOM没有出现在视口中时,它们会先渲染出一部分,等到出现在视口中才会渲染要懒加载的目标,大多数基本都是图片懒加载…
React 事件系统工作原理
React 为我们提供了一套虚拟的事件系统,这套虚拟事件系统是如何工作的,笔者对源码做了一次梳理,整理了下面的文档供大家参考。 在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象,主要原因是因为 React 想实现一个全浏览器的框架, 为了实现这种目标就需要…
React 实现简易的图片拖动排序
在 web 页面中,如果需要改变多个元素的位置,可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable,通过设置该属性的值为 true/false 来控制元素是否可拖动。需要注意的是: 链接和图片默认是可拖动的,可以通过将 draggable 设置为false…
你真的了解 React 生命周期吗
该生命周期钩子的作用: 将父组件传递过来的 props 映射 到子组件的 state 上面,这样组件内部就不用再通过 this.props.xxx 获取属性值了,统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ,作为子组件自己的状…