昔洛 的个人博客 昔洛 的个人博客

Bug不空,誓不成佛

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

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

前言

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

Bootstrap 前端响应式框架

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

swiper 轮播图插件

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

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

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

JQuery 插件 & 及 JQuery 插件库

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

template 模板引擎

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

twbsPagination 分页器功能

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

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

jedate 日期工具

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

tinymce 富文本编辑器

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

axios http 库

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

Vditor 一款浏览器端的 MarkDown 编辑器

MarkDown 编辑器的简约风格及排版风格已经逐渐取代了富文本编辑器,这里有一款使用 typescript 编写的浏览器端的 markdown 编辑器,支持原生 JavaScript、Vue、React、Angular。非常适合写技术类,分享类的文章。

内事不懂问百度,外事不懂问谷歌~