-

JS插件

Js插件在前端开发中占有很重要的地位,使用Js插件可以大大减少项目的工作量,提高开发效率。Js插件一般是解决了一个独立的问题,实现某些特效,或者是方便Web前端开发。Js插件主要分享开发中用过的或者是比较优秀的JS插件。

截取网页或屏幕快照插件-html2canvas

WEB前端

html2canvas是一个截取网页或屏幕快照插件。通过读取DOM和元素的不同样式,将当前页面呈现为画布图像。一般在需要将h5页面生成海报的时候用。html2canvas库使用Promise,如果浏览器不支持Promises,可以先加载一个es6-promise的补丁。之前雷雪松的博客中介绍过HTML转图片的JS插件-rasterizeHTML.js。今天雷雪松给大家分享一个截取网页或屏幕快照的插件html2canvas。
阅读原文 »

页面分步引导组件Driver.js

WEB前端

Web开发的时候,无意中发现了一下页面分步引导组件Driver.js。Driver.js是一个轻量级(约4kb gzip),并且无任何依赖,但功能强大的JavaScript引擎。Driver.js可以提高用户对页面的关注度,,也可以创建强大的分部引导介绍功能,号召性用语组件,焦点移位器等。更重要的是Driver.js支持所有的主流浏览器。下面雷雪松就详细的介绍一下页面分步引导组件Driver.js的用法。
阅读原文 »

网络分析可视化库Cytoscape.js

WEB前端

Web开发中,图形是很多数据分析和展示必不可少的组件。今天主要讲的是图与网络分析可视化库Cytoscape.js。在图与网络分析中对象用节点表示,对象之间的关系用连线边表示。用点、边的集合构成图。图是网络分析的基础,来研究有节点和边所组成图形的数学理论和方法。下面雷雪松给大家介绍一下网络分析可视化库Cytoscape.js的用法。
阅读原文 »

搜索、 排序、 筛选的Js插件-List.js

WEB前端

List.js是为纯HTML 列表,表格或任何其他内容添加了搜索,排序,过滤和灵活性的Js插件。List.js非常的小巧,并且简单,但是功能却非常强大。下面雷雪松详细的介绍一下搜索、 排序、 筛选的Js插件-List.js。
阅读原文 »

HTML转图片的JS插件-rasterizeHTML.js

WEB前端

WEB前端工作中,有时需要实现对页面生成缩略图的功能。rasterizeHTML.js就可以将HTML渲染到浏览器的canvas中,直接用JS插件达到生成图片的效果。rasterizeHTML.js为我们提供了三个方法:rasterizeHTML.drawURL( url [, canvas] [, options] )根据URL生成canvas,rasterizeHTML.drawHTML( html [, canvas] [, options] )根据HTML代码生成,rasterizeHTML.drawDocument( document [, canvas] [, options] )根据文档生成。下面雷雪松详细的介绍一下HTML转图片的JS插件-rasterizeHTML.js。
阅读原文 »

非常实用的select下拉框-Select2.js

WEB前端

Web开发中,Select下拉框是常用的输入组件。由于原生的Select几乎很难通过CSS样式控制。一些好看的Select下拉框就只能通过模拟来实现。雷雪松给大家推荐一筐款不错的Select下拉框插件:Select2。Select2可以支持搜索、标签、远程数据、无限滚动、和许多其他非常优秀的选项,Select2还可以非常方便的自定义样式,基本可以实现所有的Select效果。下面雷雪松就详细的讲解一下Select2.js的用法。
阅读原文 »

网页视频播放器video.js

WEB前端

video.js是一个集成HTML5和Flash的开源网页视频播放器,video.js自动检测浏览器对HTML5的支持情况,如果不支持HTML5则自动使用Flash播放器。目前有超过200000多的网站正在使用vedio.js,作为网页视频播放器。video.js可以很好的解决浏览器的视频播放器样式的兼容性。
阅读原文 »

js生成随机颜色-randomColor.js

WEB前端

randomColor.js是用一个生成随机颜色的js小脚本,也支持一些选项设置颜色的生成,支持npm和bower安装。
阅读原文 »

轻量级JS Cookie插件js-cookie

WEB前端

Cookie是网站设计者放置在客户端的小文本文件,一般后台语言使用的比较多,可以实现用户个性化的一些需求。js-cookie插件是一个JS操作cookie的插件,源文件只有3.34 KB,非常轻量级。js-cookie也支持npm和Bower安装和管理。下面雷雪松带大家一起看看js-cookie的具体用法。
阅读原文 »

日期相关处理类库Moment.js

WEB前端

Moment.js是一个JS处理日期相关的类库。Moment.js主要用于解析、检验、操作、以及显示日期,Moment.js可以很好的在IE8,9,Chrome,Safari,Firefox等浏览器中运行,当然也可以在Node.JS下运行。下面主要讲解下Moment.js的用法和一些API。
阅读原文 »