首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
摸你穷
更多收藏集
微信扫码分享
微信
新浪微博
QQ
37篇文章 · 0订阅
我厂实习生写的React Hooks常用API源码解析
实习期间接触的大多为React相关的项目,在使用hooks API的过程中经常会遇到一些问题,有的时候是对API的理解上的,有的时候是对为什么会这样而疑惑的,所以花了几天的时间查阅了一些资料翻看了源码,在这里做下总结,也算是一些个人理解的经验分享吧。各个版本的hooks源码可能…
「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…