进击的小进进

LV1
发表了文章

前端小知识10点(2020.12.27)

作用: 返回 array 中符合 callback 筛选条件的第一个 item 的 index

进击的小进进
发表了文章

前端小知识10点(2020.10.8)

① 数组易读取,链表只能一个个读或者需要额外空间才能易读取 ② 数组增删元素需要使用index,链表不用

进击的小进进
发表了文章

前端小知识10点(2020.9.13)

② macOS 打开访达—>command+shift+g—>~/Library/Application Support/Code/User/

进击的小进进
发表了文章

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

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

进击的小进进
发表了文章

nodemailer极简源码解析与实现原理

① 本文只解析基于SMTP协议发送邮件的情况 ② 本文的解析基于删减学习版—simple-nodemailer (https://github.com/Atta...

进击的小进进
发表了文章

前端小知识10点(2020.6.28)

① DOMContentLoaded 等构件完 dom 树,js 加载完后才会触发

进击的小进进
发表了文章

ReactHooks源码解析之useEffect

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

进击的小进进
发表了文章

前端小知识10点(2020.5.17)

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

进击的小进进
发表了文章

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

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

进击的小进进
发表了文章

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

作用: ① 循环effect链,针对不同的fiber类型,进行effect.destroy()/create()/componentDidMount()/cal...

进击的小进进
发表了文章

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

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

进击的小进进
发表了文章

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

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

进击的小进进
发表了文章

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

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

进击的小进进
发表了文章

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

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

进击的小进进
发表了文章

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

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

进击的小进进
发表了文章

《发现心流-日常生活中的最优体验》摘录与想法(二)

(1) 绝大多数人从事的工作并不与自己的兴趣重合。 (2) 但人有责任心或者说是职业道德,既然是工作,就要把它做好。 (3) 工作是稳定收入的主要来源。

进击的小进进
发表了文章

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

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

进击的小进进
发表了文章

前端小知识10点(2020.3.20)

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

进击的小进进
发表了文章

简单聊一下virtual-list

virtual-list 的原理就是只渲染出可视区域的数据,而不可见的数据用空白元素填充,同时滚动条用假滚动,让用户认为是列表滚动以显示数据的:

进击的小进进
发表了文章

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

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

进击的小进进

个人简介

个人成就

扫码关注云+社区

领取腾讯云代金券