术语“framework(框架)”，“library(库)”和“tool(工具)”可以根据情境，在不同时期，对不同的人，意味着不同的东西。这里使用的一般定义如下：
库是有用功能的有组织的集合。一个库的典型功能包括处理字符串、日期、HTML DOM元素、事件、Cookie、动画、网络请求等等。每个函数都将值返回给调用应用程序，该应用程序可以在您选择的情况下实现。你可以把它想象成汽车零件的选择：你可以自由地使用任何零件来建造一辆能跑的车，但是你必须自己造一个引擎。
一个库可以将开发时间缩短20%，因为您不必担心细节问题。但是它也不是没有缺点的：
框架是一个应用程序的骨架。它要求您以一种特定的方式来处理软件设计，，并在某些点插入您自己的逻辑。通常为您提供诸如事件、存储和数据绑定之类的功能。使用汽车类比，那么框架提供了一辆车的底盘，车身和发动机。为了让车辆始终保持运行状态，你可以添加、删除或修改某些组件。
框架通常比库提供更高的抽象层，并且可以帮助您快速构建项目的 80%。但它的缺点是：
工具有助于开发，但不是项目的一个组成部分。工具包括系统构建、编译器、转译器、代码压缩、图像压缩、部署机制等等。
工具应该提供一个更容易的开发过程。例如，许多程序员喜欢用 Sass编译成CSS，因为它提供了代码分离，嵌套，渲染时变量，循环和函数。浏览器不了解 Sass / SCSS语法，因此在测试和部署之前，必须使用适当的工具将代码编译为 CSS。
库，框架和工具之间的区别很少。框架可以包括一个库。库可以实施类似框架的方法。对于前面二者来说，工具又是必不可少的。我试图标记每个提到的项目，看看他们属于库，框架还是工具，但尺度不同，标记的类型也可能会有所不同。
如果这听起来太复杂，可以考虑编写 vanilla JavaScript。没关系，但是您将不可避免地编写自己的库和/或框架代码。JavaScript本身就是一种浏览器和操作系统抽象塔的抽象！
