这种方案利用了css多层样式精确匹配的特点，通过样式覆盖的方式实现主题的切换。首先需要在应用的根元素中设一个 class，切换主题时给 class 赋上对应的值，下面以theme1/theme2为例。

API请求的控制一直以来都是前端领域的热点问题，市面上已经有很多优秀的开源项目可供使用。本文本着授人以渔的精神，抛开所有的工具函数，介绍各种场景下如何用最朴素的代码解决实际问题。

Middleware（中间件）本意是指位于服务器的操作系统之上，管理计算资源和网络通信的一种通用独立的系统软件服务程序。分布式应用软件借助这种软件在不同的技术之间共享资源。而在大前端领域，Middleware 的含义则简单得多，一般指提供通用独立功能的数据处理函数。典型的 Middleware 包括日志记录、数据叠加和错误处理等...

欢迎关注我的公众号睿Talk，获取我最新的文章：一、前言在 上一篇文章 中，我介绍了服务于区块开发的命令行工具是如何实现的，本文将沿着区块开发这一主题继续讲解 VSCode 插件的实现方式。本系列总共 3 篇文章，以下是传送门：基于区块开发（一）：概述基于区块开发（二）：命令行工具基于区块开发（三）：VSCode插件二...

欢迎关注我的公众号睿Talk，获取我最新的文章：一、前言在上一篇文章中，我简单的介绍了基于区块开发的总体思路和配套工具。接下来我会用 2 篇文章来分别介绍命令行工具和VSCode插件的具体实现细节。本系列总共 3 篇文章，以下是传送门：基于区块开发（一）：概述基于区块开发（二）：命令行工具基于区块开发（三）：VSC...

最早接触区块这一概念大概在 2 年前，当时在使用 Ant Design Pro 做后台管理系统。只需敲几个命令，就能将整个模块，多个页面的代码注入到项目中，当时真的被这一特性惊艳到了，基于区块开发这一概念也深深的植入我脑海当中。一个多月前，我又想起了这一特性，决定开发一套工具将基于区块开发这一理念在团队落地。

前端的模块化规范包括 commonJS、AMD、CMD 和 ES6。其中 AMD 和 CMD 可以说是过渡期的产物，目前较为常见的是commonJS 和 ES6。在 TS 中这两种模块化方案的混用，往往会出现一些意想不到的问题。

欢迎关注我的公众号睿Talk，获取我最新的文章： 一、前言 今天有机会现场听成甲老师关于学习力的分享，将一些个人体会记录下来。 二、学习力为什么重要 开篇首先讨论的问题是为什么学习力在当今的社会如此重要？ 我首先想到的是再朴素不过的道理：只有学得多学得快，才能提高解决问题的能力。这一想法在听完讲座后竟然显...

做过 Java EE 开发的朋友对 Spring 框架应该很熟悉了，它全面的功能和优秀的设计是得以广泛流行的原因。它通过灵活使用控制反转、依赖注入和面向切面编程等设计理念，极大的规范了大型应用的架构，降低了模块之间的耦合度，从而提升了应用的开发效率。在 NodeJS 的世界里，也存在一个全面借鉴 Spring 设计思想的框架，它...

欢迎关注我的公众号睿Talk，获取我最新的文章： 一、前言 正则表达式在做一些小工具的时候特别实用，但想掌握好并不是一件容易的事情。最近又专门花时间学习了下，顺手记录一些心得。 二、笔记 好用的测试网站：[链接] 特殊字符，使用时需要转义 { } [ ] / \ + * . $ ^ | ? 元字符 描述 . 句号匹配任意单个字符除了换行...

对于新手来说，没写过几次死循环的代码都不好意思说自己用过 React Hooks。本文将以useCallback为切入点，谈谈几个 hook 的使用场景，以及性能优化的一些思考。

Race Condition 是开发中经常遇到的问题，比如查询天气的时候，先输入“北京”，再输入“深圳”，这时将发起 2 个请求。很可第一个请求花的时间比第二个请求长，如果不做处理，最终看到的是北京的天气，而不是深圳。本文要讨论的就是如何使用 React Hooks 解决这种问题。

最近突然对 AST 产生了兴趣，深入了解后发现它的使用场景还真的不少，很多我们日常开发使用的工具都跟它息息相关，如 Babel、ESLint 和 Prettier 等。本文除了介绍 AST 的一些基本概念外，更偏重实战，讲解如何利用它来对代码进行修改。

作为一个合格的程序员，写出简洁的代码是基本的职业素养。相信绝大部分的程序员都不会故意写恶心代码的，无论是对自己或者对别人都没有任何好处。那么，是什么阻碍我们写出优秀代码呢？有下面这么几种可能性：

服务器虚拟化技术是云计算的基石，在最大化利用硬件资源的同时，又降低了使用成本，让系统具备弹性伸缩能力，促使现代系统的架构出现了革命性的变化。无论是微服务架构还是服务网格架构，都是在服务器虚拟化技术日渐成熟后才得以大规模使用。本文主要介绍 CPU 虚拟化技术的演进过程，以英特尔的 x86 平台为主，为掌握云...

之前写的一篇文章，React Fiber 原理介绍，介绍了 React Fiber 的实现原理，其中的关键是使用Fiber链的数据结构，将递归的Stack Reconciler改写为循环的Fiber Reconciler。今天将手写一个 demo，详细讲解遍历Fiber链的实现方式。

Promise, setTimeout, requestAnimationFrame, requestIdleCallback 这几个概念相信很多人都很熟悉了，最近在看 React Fiber 源码的时候又对它们有了更深一层的认识，在此分享一下。下文将用 rAF 代表 requestAnimationFrame, rIC 代表 requestIdleCallback。

React Hooks 是从 v16.8 引入的又一开创性的新特性。第一次了解这项特性的时候，真的有一种豁然开朗，发现新大陆的感觉。我深深的为 React 团队天马行空的创造力和精益求精的钻研精神所折服。本文除了介绍具体的用法外，还会分析背后的逻辑和使用时候的注意事项，力求做到知其然也知其所以然。

虽然每天都在用webpack，但一直觉得隔着一层神秘的面纱，对它的工作原理一直似懂非懂。它是如何用原生JS实现模块间的依赖管理的呢？对于按需加载的模块，它是通过什么方式动态获取的？打包完成后那一堆/******/开头的代码是用来干什么的？本文将围绕以上3个问题，对照着源码给出解答。

欢迎关注我的公众号睿Talk，获取我最新的文章：一、前言Web前端领域里用到的模板引擎技术主要有三种，它们分别是：基于字符串的模板基于Dom操作的模板基于虚拟Dom的模板本文着重介绍基于字符串的模板引擎的实现原理，分析它的优点缺点以及使用的场景。二、石器时代进入正文之前，我们先回顾一下在模板引擎出现之前，暂且...