天覇

一、前情提要 在不久前的一天，师兄跑来对我说： “天覇，你对国际化熟悉吗？”。 我心想，不就是context + hook吗？ 但是不能骄傲，于是谦虚的跟师兄说用过。果然事情没那么简单，师兄接着说：“

概念：冒泡排序只会操作相邻的两个数据。每次冒泡操作都会对相邻的两个元素进行比较，看是否满足大小关系要求。如果不满足就让它俩互换。一次冒泡会让至少一个元素移动到它应该在的位置，重复 n 次，就完成了 n 个数据的排序工作。 概念：选择排序算法的实现思路有点类似插入排序，也分有序空…

开篇一碗毒鸡汤，”路漫漫其修远兮，吾将上下而求索“，前端之路漫长而又艰难，我们要时刻保持着积极向上的心态，寻求正确道路，修成正果。鸡汤虽毒，但偶尔一碗却能使你在某个低落的阶段重新振奋，扬帆起航。 此次主要说一下，作为一个前端开发工程师，如何在当前环境下如何生存。那么当前是一个什…

react是当下非常流行的前端框架，如果你是一个react开发者，当你出去面试时大概会有80%以上的概率会被问到setState相关问题。比如setState是同步还是异步，setState批量更新时如何实现的等等。 很多同学可能给出的答案是setState是异步更新，其实不然…

最近一直在看react、reactDom源码，深深被Facebook这群大佬所折服。在这个过程中，不仅是学习了react源码，更是对js有了全新的认识，以至于会产生JavaScript还可以这样写的感慨。 。 然后最近去面了一家公司，面试官问了我一个问题，react如何阻止事件…

此次文章主要讲的是react如何将fiber渲染到页面，以及渲染中都发生了什么。 1. effectList是什么 effectList正如这个单词表达的意思一样，它是记录此次更新中的副作用的，这里的副作用指的是在render阶段需要操作的dom，包含新增、删除、更新等。 2.…

众所周知，react diff算法是在更新时，根据state的更新，计算出变化的节点，再渲染。那么diff是通过什么和什么对比呢，又是如何对比的呢？ react做的就是对比上面的1和4，最终生成2，最后将2渲染到页面中。 diff算法就是发生在reconcile这个阶段，rec…

在之前的一篇文章中react fiber概念及原理，介绍了react v16中fiber扮演了什么样的一个角色，以及它的工作原理。概念和原理只能让你有一个初步的认识，想要深入的了解fiber，那么必须要从源码入手，看看fiber具体的实现是怎样的。接下来的内容将结合思维导图和代…

最近在读react v16的源码，准备写一些东西记录一下成果，仅供参考。 距离react v16版本发布已经有一段时间了，很多人对fiber已经有了初步的认识，对于fiber解决的问题也大致了解。此文主要是解释fiber是什么东西以及fiber的工作原理，并不涉及fiber解决…