烟花来咯

作为一个 package 的作者，或多或少都会接触到 package 的文件入口的问题。 在使用前端框架创建项目工程的时候，都会有一个单一入口文件，告诉我们或者浏览器或者构建工具，入口在哪里。

一. 先了解一下package.json 1. 其中scripts字段 指定了运行脚本命令的npm命令行缩写，比如start指定了运行npm run start时，所要执行的命令。 2. bin字段 上面代码指定，vue 命令对应的可执行文件为 bin 子目录下的vue。 3.…

你知道z-index: 0和z-index: auto的区别吗？最近在学习层叠上下文，学习的过程中对z-index为0和为auto有什么区别产生了疑问，然后整理出了这篇笔记，

pnpm是一款当代备受关注的 新兴(问题较多) 包管理工具，使用过的同学们都会被它极快的安装速度、极少的磁盘存储空间所吸引！感兴趣的小伙伴赶紧点击学习吧。

在使用 React Hooks 编写组件时，我们常需要手动维护来自服务器的处理状态。在日常开发中引起一些麻烦。 处理异步数据时，我们需要考虑很多事情，例如更新，缓存或重新获取。 使用 React-Query 能够更高效的帮你管理服务端的状态。 这是一个适用于 React Hoo…

抽象语法树 (Abstract Syntax Tree)，简称 AST，它是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 并且如果你想了解 js 编译执行的原理，那么你就得了解 AST。 js 执行的第一步是读取 …

看本文前建议先动手写一个 ESLint 插件，理解 ESLint 的运行原理。 ESLint（包括其他一些 lint 工具）的主要功能包含代码格式和代码质量的校验，而 Prettier 只是代码格式的校验，不会对代码质量进行校验。代码格式问题通常指的是：单行代码长度、tab 长…

但是，不同场景、不同规范下有些定制的eslint检查需求，eslint默认提供的可选规则中如果没有，这个时候就需要做一些扩展了。 plugin插件主要是为eslint新增一些检查规则，举个例子：eslint-plugin-react就会对react项目做了一些定制的eslint…

官网所例举的核心规则前面有些有 ☑️ ，有些有 🔧，有些同时有 ☑️ 🔧，有些什么都没有。 ☑️：表示 extends: 'eslint:recommended' 中包含的规则。 🔧：表示能通过 --fix 修正修正的规则。 默认所有规则都不生效，可通过 extends …