因历史遗留原因，接手的项目没有代码提醒/格式化，包括 eslint、pretttier，也没有 commit 提交校验，如 husky、commitlint、stylelint，与其期待自己或者同事的代码写得完美无缺，不如通过一些工具来进行规范和约束。

中提供了压缩 js 代码的方式，可以移除无用代码、替换变量名等，减少编译后文件体积，提升加载速度。在 配置文件 中通过将 设置为 或者 ，会对代码进行不同的处理。可以发现，模式下编译的文件，文件及变量名被修改、空格换行被去除，即使自己没有进行配置，webpack 也会在我们设置 的模式时默认添加一些属性，比如这里js代码压缩用到的就是 。处理代码依赖的是 这个工具， 是可以直接安装并独立使用的，使

javascript是单线程执行的程序，也就是它只有一条主线，所有的程序都是逐行“排队”执行，在这种情况下可能存在一些问题，比如说setTimeout、ajax等待执行的时间较长，就会阻塞后续代码的执行，使得整个程序执行的耗时非常久，那么为了应对这样一个问题，javascript代码在执行的时候，是有几个“通道”的。首先是调用栈，执行耗时较短的操作，耗时较长的操作先放置到任务队列中，任务队列又分为

本篇文章介绍了几个常用的命令行工具和库，帮助开发者构建功能丰富、用户友好的命令行应用。主要内容包括：脚手架框架（yargs 和 commander）、命令行输出美化（ANSI Escape 规范、chalk、ora）、交互式命令行（inquirer）。

react devtools用于调试react代码，可以查看到props、state的值，以及定义的hooks，而redux devtools可以追踪到action的派发、store的变化，两个都是react开发过程中非常好用的工具！下面是附上两个开发者工具下载地址react devtools链接：https://pan.baidu.com/s/1gLF1Bw9vn6CRiWnFayfJYA 提取

一、Promise的常用APIpromise的这些方法执行完成都会返回一个新的promise，promise的状态由执行的结果决定。(1) new Promise()中的excutor函数new Promise((resolve, reject)=>{// 根据处理的内容来返回成功或者失败resolve(1)})excutor函数是在JS主线程中的，一旦声明就会立即执行(2) Promise

这篇 webpack处理css资源 文章中使用到的工具 browserslist 对于兼容性处理来说非常重要！这一篇来仔细说说。查询兼容性不同浏览器对于 css / js 的属性可能存在兼容性，具体可以通过 can i use 这个网站查询。比如 css 中的 user-select 属性，用于规定是否可以在浏览器上双击选取或者高亮，在 ie 6-9 中不可以使用，在 ie10-11 中需要添加