腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端干货和生活感悟

专栏作者

91

文章

111354

阅读量

20

订阅数

react离开页面，自定义弹框拦截，路由拦截

网络安全 https react

前言：项目有个需求是：跳转路由，在离开页面前，需要弹框询问用户是否确定离开。用react-router的<Prompt>组件是可以的，但是，怎么使用antd组件（或者说自定义组件）呢？请看下面

进击的小进进

2022-03-28

2.1K0

前端小知识14点（2019.4.14）

react https 网络安全数据结构

1、React.PureComponent 与 React.Component 的区别 React.PureComponent 与 React.Component 几乎完全相同，但 React.PureComponent 通过 prop 和 state 的浅对比来实现 shouldComponentUpate()

进击的小进进

2022-03-28

4530

从echarts-for-react源码中学习如何写单元测试

单元测试腾讯云测试服务 react

如果你熟悉React和Echarts的话，应该有用到过 echarts-for-react（虽然它现在没有维护了），本文就通过它写的测试用例来学习下如何写单元测试

进击的小进进

2020-07-27

6.1K1

ReactHooks源码解析之useEffect

react 编程算法

当执行App()时，会调用useEffect(xxx)，因为是useEffect()的第一次调用，所以此时会执行源码里的mountEffect()

进击的小进进

2020-06-03

1.1K0

前端小知识10点(2020.5.17)

react https 网络安全 canvas

JS是用双精度浮点数来存储number类型的，而|是二进制或，会先将number转为整数，再进行位运算，所以可以用来取整

进击的小进进

2020-05-21

8310

ReactHooks源码解析之useState及为什么useState要按顺序执行

react mapreduce https 网络安全

从本篇开始，我们讲 React-Hooks 最常用的几个函数，先通过例子来看下React.useState()：

进击的小进进

2020-05-17

3.5K0

React源码解析之Commit最后子阶段「layout」(附Commit阶段流程图)

面向对象编程 react node.js javascript

作用： ① 循环effect链，针对不同的fiber类型，进行effect.destroy()/create()/componentDidMount()/callback/node.focus()等操作 ② 指定 ref 的引用

进击的小进进

2020-04-30

9240

React源码解析之Commit第二子阶段「mutation」(下)

编程算法 nest react 网站 api

在上篇文章 React源码解析之Commit第二子阶段「mutation」(中) 中，我们讲了「mutation」子阶段的更新(Update)操作，接下来我们讲删除(Deletion)操作：

进击的小进进

2020-04-27

7660

React源码解析之Commit第二子阶段「mutation」(中)

java html react https github

在上篇文章中，我们讲了「mutation」子阶段的插入(Placement)操作，接下来我们讲更新(Update)和删除(Deletion)操作：

进击的小进进

2020-04-14

6160

React源码解析之Commit第一子阶段「before mutation」

react https 网络安全 javascript

在上篇我们介绍了 commitRoot的整体流程，那么本篇就来介绍它的第一个子阶段「before mutation」：

进击的小进进

2020-04-14

9590

React源码解析之Commit第二子阶段「mutation」(上)

node.js 编程算法 react

上一篇我们讲了 Commit第一子阶段「before mutation」，本篇讲第二子阶段「mutation」：

进击的小进进

2020-04-14

1K0

React源码解析之commitRoot整体流程概览

react 编程算法

在 React源码解析之renderRoot概览中，renderRoot()的最后一段的switch...case即进入到了commit阶段：

进击的小进进

2020-04-01

1.1K0

React源码解析之「错误处理」流程

在 React源码解析之renderRoot概览中提到了，当有异常抛出的时候，会执行completeUnitOfWork()：

进击的小进进

2020-04-01

9150

前端小知识10点(2020.3.20)

https 网络安全 api react github

解释： | 表示位的或运算，将十进制数字转为二进制，然后两数的每一位进行比较，只要有1就为1，两位均为 0，才为 0 计算过程：

进击的小进进

2020-04-01

1.1K0

React源码解析之HostComponent的更新(下)

react https 网络安全 html jquery

在上篇 React源码解析之HostComponent的更新(上) 中，我们讲到了多次渲染阶段的更新，本篇我们讲第一次渲染阶段的更新

进击的小进进

2020-03-18

2.7K0

React源码解析之HostComponent的更新(上)

react javascript css 编程算法 https

接上篇 React源码解析之completeWork和HostText的更新，本文讲解下HostComponent多次渲染阶段的更新（下篇讲第一次渲染阶段的更新）。

进击的小进进

2020-03-04

5.8K0

React源码解析之completeWork和HostText的更新

javascript https 网络安全 react github

前言：在 React源码解析之completeUnitOfWork 中，提到了completeWork()的作用是更新该节点（commit阶段会将其转成真实的DOM节点）

进击的小进进

2020-03-04

1.9K0

前端小知识10点(2020.2.10)

https 网络安全 html git react

为什么0.1+0.2=0.30000000000000004？详细推导过程，请看： JavaScript之0.1+0.2=0.30000000000000004的计算过程

进击的小进进

2020-02-24

1.6K0

React.forwardRef的应用场景及源码解析

ref 的作用是获取实例，可能是 DOM 实例，也可能是 ClassComponent 的实例。

进击的小进进

2020-02-24

2.1K0

React源码解析之updateHostComponent和updateHostText

react 渲染 https html 网络安全

还是在 React源码解析之workLoop 中，有一段HostComponent和HostText的更新：

进击的小进进

2020-02-24

1K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态