关于javascript:前端问题总结

1、npm 和 yarn 的区别

npm 问题：

• npm install的时候 巨慢。特地是新的我的项目拉下来要等半天，删除 node_modules，从新 install 的时候仍旧如此。
• 同一个我的项目，装置的时候 无奈放弃一致性。因为 package.json 文件中版本号的特点，上面三个版本号在装置的时候代表不同的含意。
• 装置的时候，包会在同一时间下载和装置，中途某个时候，一个包抛出了一个谬误，然而 npm 会持续下载和安装包。因为 npm 会把所有的日志输入到终端，无关谬误包的错误信息就会在一大堆 npm 打印的正告中失落掉，并且你甚至永远 不会留神到理论产生的谬误。

“Yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具，Yarn 是为了补救 npm 的一些缺点而呈现的。
Yarn 的长处：

• 速度快。速度快次要来自以下两个方面：

1. 并行装置：无论 npm 还是 Yarn 在执行包的装置时，都会执行一系列工作。npm 是依照队列执行每个 package，也就是说必须要等到以后 package 装置实现之后，能力持续前面的装置。而 Yarn 是同步执行所有工作，进步了性能。
2. 离线模式：如果之前曾经装置过一个软件包，用 Yarn 再次装置时之间从缓存中获取，就不必像 npm 那样再从网络下载了。

• 装置 版本对立：为了避免拉取到不同的版本，Yarn 有一个锁定文件 (lock file) 记录了被确切装置上的模块的版本号。每次只有新增了一个模块，Yarn 就会创立（或更新）yarn.lock 这个文件。这么做就保障了，每一次拉取同一个我的项目依赖时，应用的都是一样的模块版本。npm 其实也有方法实现处处应用雷同版本的 packages，但须要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件，在执行 npm install 的时候，该锁定文件会先被读取，和 Yarn 读取 yarn.lock 文件一个情理。npm 和 Yarn 两者的不同之处在于，Yarn 默认会生成这样的锁定文件，而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。
• 更简洁的输入：npm 的输入信息比拟简短。在执行 npm install <package> 的时候，命令行里会一直地打印出所有被装置上的依赖。相比之下，Yarn 简洁太多：默认状况下，联合了 emoji 直观且间接地打印出必要的信息，也提供了一些命令供开发者查问额定的装置信息。
• 多注册起源解决：所有的依赖包，不论他被不同的库间接关联援用多少次，装置这个包时，只会从一个注册起源去装，要么是 npm 要么是 bower, 防止出现凌乱不统一。
• 更好的语义化：yarn 扭转了一些 npm 命令的名称，比方 yarn add/remove，感觉上比 npm 本来的 install/uninstall 要更清晰。