bigtree

团队开发中，我们经常会使用一些 ESLint 规则插件来约束代码开发，但偶尔也会有一些个性定制化的团队规范，而这些规范就需要通过一些自定义的 ESLint 插件来实现。...

其实，最早接触 Headless UI 是在去年，碰巧看到了一个非常前沿且优秀的组件库 ---- Chakra UI，这个组件库本身就是 Headless UI 的实践者，...

打包器是什么？ 为什么需要打包器？ 打包器原理？ 1. 依赖之间的作用域怎么隔离？否则jS会相互污染 2. 如果一个依赖被多个文件引用，怎么做拆包？ 3. 如何处理umd、...

前置知识 了解基本数据类型与引用数据类型 API React.memo() React.useCallback() React.useMemo() React.memo()...

两个 Node.js 进程之间如何进行通信呢？这里要分两种场景： 不同电脑上的两个 Node.js 进程间通信 同一台电脑上两个 Node.js 进程间通信。...

Hook 使用规则 在官方文档Hook 概览 – React (docschina.org)中，对于 Hook 使用规则叙述如下： 可以看到，官方文档中明确说明了，不要在循...

单测、e2e、快照测试，这3种流行的自动化测试措施各有擅长点和适合的场景，需了解原理，才能更好的利用他们来保障稳定性...

1. 单测是什么？ 2. 为什么要写单测？ 3. 单测是跑在什么环境的？ 4. 单测的原理是什么？ 5. 单测中需要注意哪些问题？为什么单测会引发这些问题？ 6. 哪些场景...

静态资源是：提前准备好的，写死了的，直接文件IO就可以response的属于静态资源。 动态资源是：不是写死的，需要读库的 或 需要调下游接口的 或 需要脚本处理的属于动态...

1. 为什么需要包管理？ 2. 包管理的重点是什么？ 3. 包管理重要原则是什么？ 4. 为什么我们node_modules总是特别大？ 5. *依赖冲突如何解决？ 6. ...

为什么要写绩效？根本目的是啥？ 为什么要邀请别人来评价你的绩效？根本目的是啥？ LD让你评别人的绩效用意是什么？...

1. 为什么需要环境变量？ 除了dev环境和prd环境外，还有哪些环境？ 2. 如何控制环境变量？ 那欧美机房、小流量环境 这种的环境变量怎么加呢？ 3. 为什么环境变量写...

async属性可以让script标签变得不阻塞HTML解析，并且立即执行。在webpack项目内，可以放心对多个script标签使用async属性，webpack已经对产物...

背景 大家可能都知道link标签的preload属性是可以加快资源的加载速度的，但具体优化效果能很直观的看到吗？可以的， 看network的瀑布流的并行情况可以看出来（同是...

背景 当发生很明显的线上问题时，我们可能直接就回滚代码了。但多数线上js error或告警 反映的只是一些边缘的case，量很小，但也是安全隐患，需要定位和排查。快速定位线...

ESbuild 是一个类似webpack构建工具。它的构建速度是 webpack 的几十倍。 不使用 AST，优化了构建流程。（也带来了一些缺点，后面会说） 与webpac...

当我们开发node服务，或SSR项目时，我们经常需要调下游接口。在开发过程中，下游接口会先部署到测试环境，我们访问下游测试环境时需要给请求增加请求头。我们通过抓包的方式，很...

背景（监控告警的重要性） 监控告警是稳定性建设的重要一环，原因有以下： 真实用户的浏览器环境多种多样，我们需要有监控线上真实用户异常的能力。 比如：js错误数过多，影响用户...

背景 为了验证一些想法是否真的有业务价值，往往需要做AB实验。 做AB实验，绕不过去的问题就是分流，分流方案：1. 接口分流 2. 投放侧分流 3. nginx层分流...

同构是指同开发一个可以跑在不同的平台上的程序。例如开发一段 js 代码可以同时被基于 node.js 开发的 web server 和浏览器使用。本文中我们就要聊聊这种场景...