前端开发中常用到的第三方插件库

前言

随着大前端的发展，各种五花八门的技术都层出不穷，而各种各样的插件也加快开发效率，本文将不定时记录学习过程中及以后开发会常用到的第三方插件库。如果有其他可以推荐的插件或第三方库可以留言分享

Bootstrap 前端响应式框架

Bootstrap 来自 Twitter（推特），是目前最受欢迎的前端响应式框架，其特点是可以快速的搭建出响应式页面，重点在于它的栅格系统，响应式工具，此外他也提供了很多 css 样式，js 功能代码等。

• 中文网：http://www.bootcss.com/
• 官网：http://getbootstrap.com/

swiper 轮播图插件

swiper 插件是一个 js 库，其含有大量的轮播图以及各种各样的样式可供选择，其简约，大方，便捷的特点使得 swiper 非常受欢迎，无需手写多少代码，直接粘贴复制就可快速创建一个舒适的轮播图

• 官网：https://www.swiper.com.cn/

Zepto 专门用来为移动端开发而生的

Zepto 本质也同样是一个 JavaScript 文件，它是一个轻量级的 JS 库，其主要用于移动端开发，并且它除了几个核心的模块（zepto.js）需要必须引入，其他的许多功能都模块化了，也就是说不需要引入一个很大的文件，只需要去官网寻找开发时需要使用的模块功能进行引入就行，也从而避免引入一个特大文件而实际上没有用太多的这个尴尬问题。

• 英文站：http://www.zeptojs.cn 标题写的中文站，实际内容是英文，不知道什么鬼
• 中文站：https://www.zeptojs.com.cn/ 对英语不好的人非常友好

JQuery 插件 & 及 JQuery 插件库

JQuery 的存在已经有了一段历史了，虽然现阶段各种各样的插件工具层出不穷，JQuery 也不像以前那么火爆了，但却他的地位却依旧很重要（你大爷永远是你大爷）。随着 vue、react、angular 等框架的出现，确实 JQuery 发现维护起来与前面的相比，也越来越麻烦复杂，这也是 JQuery 逐渐被取代的原因，不过现阶段 JQuery 的功能还是十分强大，他的经典 $ 用法也一直被各种开发人员所熟知，其中封装的 ajax 方法，对 dom 操作的封装, 跨浏览器（浏览器兼容），使用起来还是那么的得心应手，他的链式编程，隐式迭代也是其标志性的特点。

• 官方网站：https://jquery.com/

• 其他版本：https://code.jquery.com/

  • 1x ：兼容 IE 678 等低版本浏览器， 官网不再更新
  • 2x ：不兼容 IE 678 等低版本浏览器， 官网不再更新
  • 3x ：不兼容 IE 678 等低版本浏览器， 是官方主要更新维护的

• 同样的基于 JQuery 开发的许多功能插件也非常多，使用起来也特别方便

  • http://www.jq22.com/ 有免费的，也有需要会员积分
  • http://www.htmleaf.com/ JQuery 自由之家 完全免费
  • https://www.huiyi8.com/chajian/ 一个绘图较多的 JQuery 插件

template 模板引擎

JavaScript 中，字符串的拼接使用本身很简单，但是做开发的时候有时会循环的对一个 div 块或者其他 dom 块进行大量的拼接填写，ES6 中引用的模板字符串（`Hello Today id {time}\`）可以直接使用 `{}引入变量，无需使用 '+' 进行拼接，从而减轻了编写负担，但是 es6 的模板字符串现阶段肯定兼容性非常差，许多浏览器也不支持，所以又不能再一些情况下去使用，这时就有了模板引擎这个工具，这个工具需要使用` type 不为 "text/javascript" 的 script 标签进行模板的引入，然后根据相应的语法进行变量填充，最后在 js 代码中使用 template(id,data) 就可以返回最后处理的字符串。使用简单方便，兼容性好。

• github: http://aui.github.io/art-template/
• 中文版：https://aui.github.io/art-template/zh-cn/docs/installation.html

twbsPagination 分页器功能

分页器基本在许许多多的网站上都会经常使用，虽然使用频繁，自己开发也比较容易，但是也会花费不少的时间，并且就算花了很多事件自己写了一遍出来，用户也就是使用页面跳转一下遍过去了，所以在开发中很少会自己去花大时间专门写分页器，而 twbsPagination 分页器功能已经实现了一套功能非常齐全，令人舒适的分页器功能，其注释文档写的也是非常详细，仅需 1 分钟就可以快速实现分页效果和配置的编辑

• github:https://github.com/josecebe/twbs-pagination

• 详细页面：http://josecebe.github.io/twbs-pagination/

虽然是英文版，但是配合翻译工具可网页的示例也能快速的搬运使用 😆

jedate 日期工具

同分页器功能一种性质，许多网页表单需要提交日期功能，现在也有现成的一个日期工具可以直接使用，不需要手动编写，并且其为原生 js 不需要依赖其他第三方插件，也可以快速配置各种想要的日期选择模式

• 网站地址：http://www.jemui.com/uidoc/jedate.html
  

tinymce 富文本编辑器

网站许多后台需要编写日志、文章、很多评论框也会用到文本的编辑，普通的 textarea 文本域根本满足不了填写需求，利用一些文本编辑器插件可以美化和丰富文本域，其主要作用就是利用各种各样的样式编辑将文本内容转换成 html 超文本 内容并存储起来，到时候直接选获取内容并渲染即可。

• 官方网站：https://www.tiny.cloud/docs/api/tinymce/root_tinymce/
  内容是英文的，可以利用翻译工具或者网上其他人的使用感想去使用。
  

axios http 库

axios 是一个易用、简洁且高效的 http 库，其主要特点有：同样的 API，node 和浏览器全支持，平台切换无压力；使用 Promise 管理异步，告别传统 callback 方式；支持拦截器等高级配置；axios 相关的 npm 包数量一直在增长，其中的 ajax 请求是目前阶段学习前端经常使用的，与 JQuery 相比，两者使用方式非常相似，但 JQuery 有许多功能是用不到的，所以专门引入会造成浪费，因此此时可以使用 axios 专门用来进行 http 操作

• 中文网：http://www.axios-js.com/
• GitHub：https://github.com/axios/axios