Web前端主题切换的几种方案

2021-12-29
阅读 4 分钟
10.1k
这种方案利用了css多层样式精确匹配的特点,通过样式覆盖的方式实现主题的切换。首先需要在应用的根元素中设一个 class,切换主题时给 class 赋上对应的值,下面以theme1/theme2为例。
封面图

前端API请求的各种骚操作

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

大前端领域Middleware有几种实现方式?

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

基于区块开发(三):VSCode插件

2021-02-07
阅读 6 分钟
4.9k
欢迎关注我的公众号睿Talk,获取我最新的文章:一、前言在 上一篇文章 中,我介绍了服务于区块开发的命令行工具是如何实现的,本文将沿着区块开发这一主题继续讲解 VSCode 插件的实现方式。本系列总共 3 篇文章,以下是传送门:基于区块开发(一):概述基于区块开发(二):命令行工具基于区块开发(三):VSCode插件二...
封面图

基于区块开发(二):命令行工具

2021-02-04
阅读 5 分钟
2.1k
欢迎关注我的公众号睿Talk,获取我最新的文章:一、前言在上一篇文章中,我简单的介绍了基于区块开发的总体思路和配套工具。接下来我会用 2 篇文章来分别介绍命令行工具和VSCode插件的具体实现细节。本系列总共 3 篇文章,以下是传送门:基于区块开发(一):概述基于区块开发(二):命令行工具基于区块开发(三):VSC...
封面图

基于区块开发(一):概述

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

Typescript 内置的模块导入兼容方式

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

《如何练就超强学习力》听后感

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

我为什么喜欢NestJS

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

正则表达式使用笔记

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

你不知道的 useCallback

2019-08-18
阅读 4 分钟
48.4k
对于新手来说,没写过几次死循环的代码都不好意思说自己用过 React Hooks。本文将以useCallback为切入点,谈谈几个 hook 的使用场景,以及性能优化的一些思考。

React Hook 搞定 Race Condition

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

AST 实战

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

代码整洁之道

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

服务器虚拟化技术演进

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

React Fiber 渐进式遍历详解

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

再谈谈 Promise, setTimeout, rAF, rIC

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

React Hooks 解析(下):进阶

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

webpack启动代码源码解读

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

Web前端模板引擎之字符串模板

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