2021/5/19 17:20
2021年520前夕。近一年来主要都在做业务,不过对不断提升Coding质量与速度的追求和思考一直没停过。机缘巧合之下,有幸着重花时间完善了一套稳定、易用的状态管理方案。作者在工作历程中,由最初用re...
2020/12/31 23:55
由于最近业务较忙,2020年搞懂React原理系列文章最终篇直到现在才在业余时间抽空完成。之前在公司内部已有过一次PPT形式的分享,但经过一段时间对hooks的深度使用,对其又有了更深一些了解,故本次...
2020/6/21 22:43
引言(为什么写这篇文章)若要高效阅读和理解React源码,搭建调试环境是必不可少的一步。而常规方法:使用react.development.js和react-dom.development.js调试,...
2020/5/11 11:23
自上一篇写关于diff的文章到现在已经过了二十天多,利用业余时间和10天婚假的闲暇,终于搞懂了React源码中的调度原理。当费劲一番周折终于调试到将更新与调度任务连接在一起的核心逻辑那一刻,忧愁的嘴角...
2020/4/9 9:00
时隔2年,重新看React源码,很多以前不理解的内容现在都懂了。本文将用实际案例结合相关React源码,集中讨论ReactDiff原理。使用当前最新React版本:16.13.1。另外,今年将写一个“...
2020/3/30 9:30
若读者对“强缓存”,“协商缓存”字眼非常熟悉,但又不知道他们具体是什么,亦或有读者还不了解HTTP缓存,那么本文将为读者一一讲解。HTTP缓存流程在介绍什么是强缓存、协商缓存前,让我们先了解HTTP缓...
2020/1/15 9:09
继React,Vue,这是第三个着重阅读源码的前端项目-Webpack。本文主要以: * WHY: 为何要看Webpack源码 * HOW: 如何阅读Webpack源码 * WHAT: 看完源码后学到...
2019/7/4 8:15
不知不觉已是2019年的7月,恍惚之间已工作四年。懵懵懂懂的成长,间歇性努力,实话说,对现在自己取得的成果不大满意。不过,好在时不时顿悟,知道适时作出改变。此后发文会适当记录一些心路历程,与君共勉。本...
2019/4/23 15:00
打算用React写对话框已经很长一段时间,现在是时候兑现承诺了。实际上,写起来相当简单。核心在于使用React的接口React.createPortal(element,domContainer)。该...
2019/3/28 10:00
在学习了常用的排序算法之后,打算用动画Demo来生动形象的展现它们。这里包含6种排序算法,其中一半是简单算法,另一半是高级算法: * 冒泡排序 * 选择排序 * 插入排序 * ~ * 归并排序 * 希...
2019/3/2 11:00
节流(分流),与防抖(去抖)实现原理相似。本文主要讨论节流,镜像文章:防抖 - 理解,实践与实现[https://terry-su.github.io/cn/understand-and-make-t...
2019/2/12 16:12
Flex is very useful and commonly used in daily development, here summarizesseveral common use cases:...
2019/01/17 12:39
Data structures are abstract, sometimes hard to be understood. However, vividmetaphor helps us to ma...
2019/1/16 15:00
Main reasons: 1. summarize the knowledge learned 2. share knowledge 3. communicate with othersSecond...
2019/01/15 22:54
前6年前端,后3年至今后端(最近5年在鹅厂),base成都。用最易懂的方式分享技术文章。欢迎通过以下任一平台订阅我的博客: * Github [https://github.com/Terry-Su/...
2018/12/18 9:27
16年开始使用react-redux,迄今也已两年多。这时候再来阅读和读懂redux/react-redux源码,虽已没有当初的新鲜感,但依然觉得略有收获。把要点简单写下来,一方面供感兴趣的读者参考,...
2018/10/12 16:22
Suppose there's a div with a child div in it, and both of 2 divs have registeredclick events. If we ...
2018/10/09 14:53
The Peak of Mountain QingChengBefore starting this written-in-English article, I'd like to thank @l3...
2018/9/19 18:02
防抖(去抖),以及节流(分流)在日常开发中可能用的不多,但在特定场景,却十分有用。本文主要讨论防抖,镜像文章:节流 - 理解,实践与实现[https://terry-su.github.io/cn/u...
2018/09/11 00:08
( Little Bar at ChengDu, China )CodePen [https://codepen.io] and JSFiddle [https://jsfiddle.net/] ar...
2018/7/17 17:06
After reviewing CSS systematically,I've found some interesting CSS topicsdeserved to be wrote down: ...
2018/7/17 17:05
WHAT IS MARGIN COLLAPSING?Margin collapsing, only for top and bottom margins, is a behavior that mar...
2018/7/6 17:50
如要自动引入Vue组件,首先需安装VSCode拓展: Vetur[https://marketplace.visualstudio.com/items?itemName=octref.vetur]自动...
2018/6/23 1:57
There're two popular methods to order css properties: * type * alphabeticAlphabetic order, however, ...
2018/02/12 10:07
Recently, I've been learning geo algorithms for developing a geometry library.However, I found that ...
2017/08/08 22:40
INTRODUCTIONDo you prefer the usage of "ES6 Promise"? If you do, you will like the usage of"Fetch" t...
2017/07/13 16:45
INTRODUCTION"Proxy" is a frequently used pattern in both virtual world and real world. Thosepatterns...
2017/07/01 18:24
Promise is used to asynchronous computations.THE CONCEPT OF "PROMISE"INTRODUCTION"Synchronize asynch...
2017/07/01 14:57
INTRODUCTIONIterator is one of the most common design modes in daily development. Let'sexplore the i...