前端干货和生活感悟

68 篇文章
18 人订阅

全部文章

进击的小进进

树融科技 · 前端开发工程师 (已认证)

前端小知识10点(2020.10.8)

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

8141
进击的小进进

树融科技 · 前端开发工程师 (已认证)

前端小知识10点(2020.9.13)

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

6521
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

13350
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

6710
进击的小进进

树融科技 · 前端开发工程师 (已认证)

前端小知识10点(2020.6.28)

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

6810
进击的小进进

树融科技 · 前端开发工程师 (已认证)

ReactHooks源码解析之useEffect

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

10930
进击的小进进

树融科技 · 前端开发工程师 (已认证)

前端小知识10点(2020.5.17)

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

8010
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

43320
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

9310
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

16720
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

10710
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

11410
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

11220
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

13630
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

5810
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

11310
进击的小进进

树融科技 · 前端开发工程师 (已认证)

前端小知识10点(2020.3.20)

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

9900
进击的小进进

树融科技 · 前端开发工程师 (已认证)

简单聊一下virtual-list

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

9500
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

11810
进击的小进进

树融科技 · 前端开发工程师 (已认证)

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

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

26730

扫码关注云+社区

领取腾讯云代金券