sun3452

setState是React很重要的模块, 社区中也有很多分析文章，大多强调setState是异步更新，但有些文章分析又说某些情况下是同步更新，那到底是同步还是异步呢，这篇文章还是基于15.x进行的分析，16.x的分析等后面用机会再分享。 官网也没说setState到底是同步还…

react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…

阅读源码三大问，学会带者问题看源码那就容易多了，为什么要阅读源码？阅读源码收获到什么？怎么样阅读源码？那就随我一起来吧.... 1. 深挖 Subscription 的实现 2. 看一下 App 中的 Header 组件 3. 探索 connect 4. 接着看 connect…

本文是《约束即类型、TypeScript 编程内参》系列第三篇：工程化和运行时，主要记述 TypeScript 在工程中的应用和实际问题。 tsconfig.json 用于指定项目中 TypeScript 编译器 tsc 的一些编译配置，通常放在项目根目录。可以用 --init…

本文是《TypeScript 编程内参》系列第二篇：构造类型抽象，主要记述 TypeScript 的高级使用方法和构造类型抽象。 上面的类型定义是存在冗余的，当 User 上面写了新的字段，我们就不得不手工的去改 UserWithHisBlogs 以使其拥有刚刚新增的字段。 这…

上一篇讲了非科班前端需要掌握的、基本的计算机组成原理。 这篇开撸计算机网络。 这些内容其实比较枯燥，但我采取图文并茂的形式，并且对于不重要的知识会标注，尽量减少阅读的枯燥感。啥也不说了，喝口水，开撸！ 计算机网络：是一个将分散的、具有独立功能的计算机系统，通过通信设备与线路连接…

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star. 组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。 天然分层: JQuery 时代的…

在动手将TypeScript融合进现有的React项目之前，先看一下create-react-app是怎么做的。 react-scripts-ts是一系列适配器，它利用标准的create-react-app工程管道并把TypeScript混入进来。此时的工程结构应如下所示： t…

前两天有个Github超级火的一个项目，在一小时之内星标上千。 截至目前 这个项目start数量超过63K、Issues5000+。 这个项目貌似不关系到任何技术，却和国内的每个程序员又息息相关。996.ICU的意思是：工作996，生病ICU。 所以项目的主题是关于臭名昭著的9…