1. 注释 2. 引用组件顺序 3. 引号 4. 缩进 5. 分号 除了代码块的以外的每个表达式后必须加分号。 6. 括号 下列关键字后必须有大括号（即使代码块的内容只有一行）：if, else, for, while, do, switch, try, catch, fina…

言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

作者：滴滴公共前端团队 - 水乙 我们在使用 webpack 打包我们的工程模块时，经常会需要 devtool 开启 sourceMap 让我们可以调试代码，但是 webpack 文档中关于 devtool 给出了7种模式，文档也写得非常简略，初学者很难上手。本文将这7种模式的…

为什么呢？因为通常我们运行在浏览器中的代码是经过处理的，处理后的代码可能与开发时代码相差很远，这就导致开发调试和线上排错变得困难。这时Source Map就登场了，有了它浏览器就可以从转换后的代码直接定位到转换前的代码。在webpack中，可以通过devtool选项来配置Sou…

npm 和 npx 在前端开发中都会时常被用到，npm 大家相对熟悉，npx 是什么则有一定的迷惑性，时常在安装依赖的命令中会看到，但是又不一定知道 npx 到底是什么，和 npm 有什么关系和区别。

之前就有用过 npx 安装过一些依赖，但是一直没时间看看 npx 和 npm 到底有什么区别。 npm（node package manager）是我们用于 node.js 包管理的工具，在现在前端开发的环境下，我们会经常使用到这个命令来管理和发布自己的包。 在正常情况下，我们…

TypeScript 已经入门了，但觉得 TypeScript 泛型有点难，想系统学习 TypeScript 泛型相关知识的小伙伴们看过来一文读懂 TypeScript 泛型及应用（ 7.8K字）（掘金）。 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 J…

最近在看掘金小册Vue.js组件精讲时，自己也有跟着一起操练，在写一个具有校验功能的组件时有用到async-validator，在学习如何使用这个库时，感觉他的使用说明有一些晦涩，网上又没有很好的中文文档，便按照自己的理解做了一份用法指南。 source: 需要校验的对象（必选…

我们在vue组件写样式一般是在`<style>`标签里面，但是我们在这里的样式默认是全局样式，如果其它组件的class名取重复了则会导致样式污染。