两者的总体关系是jQuery是JavaScript的一个类库。即把JavaScript中的一些功能封装成方法，将一些DOM对象重新封装，是的开发人员使用起来更加快捷方便。
成都创新互联致力于互联网品牌建设与网络营销，包括成都网站建设、做网站、SEO优化、网络推广、整站优化营销策划推广、电子商务、移动互联网营销等。成都创新互联为不同类型的客户提供良好的互联网应用定制及解决方案，成都创新互联核心团队十年专注互联网开发，积累了丰富的网站经验，为广大企业客户提供一站式企业网站建设服务，在网站建设行业内树立了良好口碑。
jQuery相对于JavaScript有很大优势：
1、轻量级
JQuery非常轻巧，采用Dean
Edwards编写的Packer压缩后，大小不到30KB,如果使用Min版并且在服务器端启用Gzip压缩后，大小只有18KB。
2、强大的选择器
JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及JQuery独创的高级而且复杂的选择器，另外还可以加入插件使其支持XPath选择器，甚至开发者可以编写属于自己的选择器。由于JQuery支持选择器这一特性，因此有一定CSS经验的开发人员可以很容易的切入到JQuery的学习中来。
3、出色的DOM操作的封装
JQuery封装了大量常用的DOM操作，使开发者在编写DOM操作相关程序的时候能够得心应手。JQuery轻松地完成各种原本非常复杂的操作，让JavaScript新手也能写出出色的程序
4、可靠的事件处理机制
JQuery的事件处理机制吸收了JavaScript专家Dean
Edwards编写的事件处理函数的精华，是的JQuery在处理事件绑定的时候相当可靠。在预留退路、循序渐进以及非入侵式编程思想方面，JQuery也做得非常不错。
5、完善的Ajax
JQuery将所有的Ajax操作封装到一个函数$.ajax（）里，使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。
6、不污染顶级变量
JQuery只建立一个名为JQuery的对象，其所有的函数方法都在这个对象之下。其别名$也可以随时交流控制权，绝对不会污染其他的对象。该特性是JQuery可以与其他JavaScript库共存，在项目中放心地引用而不需要考虑到后期的冲突。
7、出色的浏览器兼容性
作为一个流行的JavaScript库，浏览器的兼容性是必须具备的条件之一。JQuery能够在IE6.0+,FF
2+,Safari2.+和Opera9.0+下正常运行。JQuery同时修复了一些浏览器之间的的差异，使开发者不必在开展项目前建立浏览器兼容库。
什么是别名？
可以省去 ../../../xxx ，直接从配置的目录开始找文件
使用 webpack 进行打包并且在 webpack.config.js 配置里面配置 alias
配置 webpack.config.js
之后在目录 src 下面创建 index.js 和 test.js
index.js
test.js
之后控制台输入 webpack 编译之后运行 node dist/bundle.js 即可输出结果 test
控制台输入 npm install module-alias 或 yarn add module-alias 安装 module-alias
然后进入 package.json 加入如下配置：
（如果使用 TypeScript 的话，可以用 tsc 直接编译。但是清注意这里的 src 应改成打包后的目录比如 dist build 等）
之后在主入口文件头部引用 module-alias/register 如：
index.js
test.js
之后控制台运行 node src/index.js 即可输出结果 test
虽然打包运行可以通过别名，但是 IDE 并不认识
我们需要在项目根目录新建文件 jsconfig.json （使用 TypeScript 则是 tsconfig.json ）
在 compilerOptions 加入：
文件最后如下：
安装环境之后两种办法：
实际上，Webstorm不能自动解析和应用 web pack配置，但是你可以以同样的方式设置别名。
你只需将"utils"的父文件夹标记为资源 root ( 右键单击，将目录标记为/资源 root ) 。
TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言，我们已经熟知 TypeScript 是 JavaScript 的一个超集。JavaScript 和 TypeScript 的主要差异：
1、TypeScript 可以使用 JavaScript 中的所有代码和编码概念，TypeScript 是为了使 JavaScript 的开发变得更加容易而创建的。例如，TypeScript 使用类型和接口等概念来描述正在使用的数据，这使开发人员能够快速检测错误并调试应用程序
2、TypeScript 从核心语言方面和类概念的模塑方面对 JavaScript 对象模型进行扩展。
3、JavaScript 代码可以在无需任何修改的情况下与 TypeScript 一同工作，同时可以使用编译器将 TypeScript 代码转换为 JavaScript。
4、TypeScript 通过类型注解提供编译时的静态类型检查。
5、TypeScript 中的数据要求带有明确的类型，JavaScript不要求。
6、TypeScript 为函数提供了缺省参数值。
7、TypeScript 引入了 JavaScript 中没有的“类”概念。
8、TypeScript 中引入了模块的概念，可以把声明、数据、函数和类封装在模块中。
