xiangjun

本篇文章作为react源码分析与优化写作计划的第一篇，分析了react是如何创建vdom和fiber tree的。本篇文章通过阅读react 16.8及以上版本源码以及参考大量分析文章写作而成，react框架本身算法以及架构层也是不断的在优化，所以源码中存在很多legacy的方…

斐波拉契数列是一个非常经典的数学概念，早在 1202 年就由意大利数学家 Leonardo Fibonacci 提出。它的递推方法定义为：F(1) = 1, F(2) = 1, F(n) = F(n - 1) + F(n - 2)（n ≥ 3，n ∈ N）*。本文主要从递归、递…

2019年以来，越来越多的公司与项目都选择使用强类型语言TypeScript作为主要语言，可以预见的是2020年TypeScript将成为前端开发所需要具备的能力之一。 目前前端工程师使用最多的无疑问是微软开源的VSCode，它本身提供的功能并不多，但是通过支持插件的方式使得其…

Web Worker是HTML5中提出的概念，用来处理独立于主线程处理高费时的任务，从而不会阻塞主线程。目前绝大部分浏览器都支持Web Worker功能，不过使用时要注意它不能操纵DOM元素、同源政策等问题。 Web Worker的使用一般是指定一个脚本的URI来执行worke…

useEffect是除useState之外使用最常用的Hooks之一，它可以用来管理副作用，替代传统class组件中的componentDidMount和componentWillUnmount方法或是根据依赖项来执行代码。 useEffect的用法并不复杂，但是如果对于它的执…

React 16.8版本发布于2019年2月6号，它带来了Hooks特性，能够让我们不编写class的情况下也能使用state以及其他的React特性。一个新技术的诞生必然会影响原来的思维模式，在最初的应用中也会碰见很多意想不到的场景和陷阱，这就需要我们在使用他们前清楚的知道哪…

最近在研究React Hook优化时，发现Memoization技术被官方广泛的使用，比如useCallback和useMemo这两个API，分别用来返回函数的memoized版本和memoized值。Memoization其实并不是什么新技术，只是一种优化技巧，维基百科对Me…

本文的代码可以在CodeSandbox中查看。 Redux是React经常用到的一个数据状态管理器（状态机），它将应用中所有的数据（state）以对象树的形式存储在store中，通过触发action来改变state，而描绘改变规则需要编写reducer。 因为Redux不仅仅是…

Reselect主要为Redux的state数据提供了Memoize功能。它能够计算数据，传递最少且必要的state值；具有高性能，只在传递值改变时才会重新计算；具有可组合性，可以将它作为参数传递给其他selectors执行。 createSelector方法是Reselect…

总所周知，在浏览器搜索栏输入URL即可看到我们想要的网站，但是这一个过程却不是那么的简单。在浏览器渲染之前，会执行如下操作： 首先浏览器搜索自身的DNS缓存，查看缓存中是否有对应且没有过期的条目，如果符合条件则解析结束。 如果在浏览器自身缓存中没有找到对应的条目，那么接下来会搜…