Angular引入第三方库（angular4.0以上、示例引入jquery、swiper）

走了很远的路，深知自学不易，如果有幸被你看到，不要放弃，坚持下去。水平不高，能力有限，愿尽最大努力帮助大家绕过一些弯路，如果发现有错误或者不合理之处，劳烦联系，另，最下方有招聘信息。预祝成神。

你应该已经知道angularJS和angular的区别了，如果不知道，请点击这里

https://www.zhihu.com/question/67839941

还是先介绍一下angular，angular是现下最火的前端框架之一，具有跨平台、速度快、效率高、性能高、生产率高等特性，充分利用现代 Web 平台的各种能力，提供 App 式体验，其他特性请到官方网站查看。

https://www.angular.cn/translations/cn/home

看到这里，你可能已经了解到angular的强大了，但是，因为，推出时间短，学习曲线陡峭，入门门槛高的原因，angular的生态并不如同类别的其他框架，所以在开发过程中，我们还是会引入第三方的库，比如"jquery"、"swiper"、"bootstrap"等，那该怎么引入这些库呢？

首先我们看一下angular项目的文件结构

文件结构

打开package.json这个文件，我们知道，这个文件定义了这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等元数据）。npm install命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。

package.json

值得注意的就是图上标明的dependencies与devDependencies的区别，
使用npm下载依赖包时，

npm install -save 对应的是dependencies

npm install --save-dev 对应的是devDependencies

dependencies字段指定了项目运行所依赖的模块，devDependencies指定项目开发所需要的模块。

它们都指向一个对象。该对象的各个成员，分别由模块名和对应的版本要求组成，表示依赖的模块及其版本范围。

我们要引入Jquery，就要先把jquery下载到node-modules文件夹下，

打开终端，进入项目所在文件夹，输入以下指令

$ npm install -save jquery

还记得吧，npm install -save对应的是dependencies，也就是我们的运行环境下

现在看下package.json的dependencies下已经多了jquery，（这里我就不截图了，刚才截图的时候失误，因为我的是现有项目，已经引入过jquery了，具体可对照上面的截图）

然后查看node-modules文件夹下，已经有了jquery的包了

image.png

接下来我们打开根目录下 angular.json 文件，此文件是Angular CLI 的配置文件。 在这个文件中，你可以设置一系列默认值，还可以配置项目编译时要包含的那些文件，

我们在这个文件中找到styles和scripts两个数组，把我们刚才下载好的js全局引入进去

image.png

这个时候我们还不能直接使用jquery，因为Angular是使用TypeScript语言开发的，而jquery本质是javascript，TypeScript是不能直接使用的。我们需要先安装类型描述文件，让TypeScript认识jquery

打开终端，输入以下指令

npm install @types/jquery –save-dev

知识点又来了，npm install --save-dev 对应的是devDependencies，也就是开发环境，这次安装的是jquery的类型描述文件，所以安装到开发环境即可。

现在 jquery就可以使用，但是别忘了，

最重要也是最容易被忽视的一步，重启项目。

招聘

空心科技

*大企业的待遇

*创业的机会

*人均200平米办公场地

*不打卡

*不考勤

*没有办公室政治，

*包酒店式公寓！

---

---

软件技术研究员实习生/兼职（5K-8K）

【岗位职责】
1、云计算、移动互联网、大数据、人工智能等领域前沿技术的调研和知识储备；
2、计算机软件领域关键技术的攻关和预研；
3、分析软件产品的现有问题，提出解决方案并指导实施；
4、整理公司技术文档，撰写知识产权相关材料。

【任职要求】
1、具备较强的学习能力和探索精神，逻辑性强，具有良好的问题理解与分析能力；
2、具有良好的沟通能力，团队精神及抗压能力；
3、精通至少一门主流开发语言及相关技术框架，有良好的编程习惯；
4、具有良好的数学建模和算法设计能力；
5、具有计算机网络、计算机图像处理、软件工程等方向的研究背景；
6、计算机或者相关专业，硕士或博士研究生。

Java研发工程师 （15K-20K）

【岗位职责】
1、负责所属模块的功能规划、需求分析设计、技术实现和用户体验，
2、负责所属模块的代码开发、调试与维护工作；
3、积极响应客户需求并进行开发和交付；
4、协助并完成其他各类技术开发任务。

【任职要求】
1、计算机或者相关专业，大学专科及以上学历；
2、良好的问题理解能力和沟通能力，能够理解客户需求，提出解决方案；
3、具备较强的自学能力，团队精神及抗压能力；
4、三年以上的Java应用开发经验，精通JAVA core，熟悉SpringMVC框架；
5 、熟练掌握JAVASCRIPT脚本编写，熟练掌握AJAX，jquery，熟悉html、css；
6 、掌握数据库的相关知识，熟悉MySQL及SQL-Server，具备SQL、触发器、函数、存储过程的编写能力；
7、熟练使用Git等版本控制工具。

高级Java研发工程师（架构师方向 20K-40K）

【岗位职责】
1、负责软件项目产品的整体功能规划、需求分析设计及技术路线选型和部署方案；
2、负责软件项目整体框架搭建及所属模块的代码开发、调试与维护工作；
3、积极响应客户需求并进行开发和交付；
4、完成其他各类技术攻关及开发任务。

【任职要求】
1、计算机或者相关专业，大学本科及以上学历；
2、良好的问题理解能力和沟通能力，能够理解和引导客户需求，提出解决方案；
3、具备较强的自学能力，团队精神及抗压能力；
4、精通JAVA core，J2EE，熟悉SpringMVC框架；
5 、熟练掌握JAVASCRIPT脚本编写，熟练掌握AJAX，jquery，熟悉html、css，熟悉HTML5；
6 、掌握数据库的相关知识，熟悉MySQL及SQL-Server，具备SQL、触发器、函数、存储过程的编写能力，有数据库调优经验；
7、熟悉Linux操作环境，熟练使用Git等版本控制工具。

有意加V联系

image.png