随笔分类 - 插件库
摘要:前言 在开发相亲资料填写页的时候,看到同事用了一个很好用的时间日期组件库 参考 Day.js教程 也可以这样引入 import dayjs from 'dayjs';
阅读全文
摘要:iconMoon iconMoon是另外一个优秀的第三方图标库。 使用说明可以参考: http://www.mamicode.com/info-detail-2144857.html https://blog.csdn.net/qq_27709465/article/details/76177300
阅读全文
摘要:Font Awesome Font Awesome 提供了675个可缩放的矢量图标,可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。 Font Awesome 5 跟之前的版本使用方式差别较大,功能是强大了,图标也更丰富了,但使用也变得更加复杂了。 本人还
阅读全文
摘要:前言 用过Elment的同鞋都知道,Element UI提供的字体图符少之又少,实在是不够用啊,幸好现在有不少丰富的第三方图标库可用,引入也不会很麻烦。 iconfont iconfont 是阿里提供的一个图标库。 官方网址:http://www.iconfont.cn/ 使用方法 方法一:傻瓜式引
阅读全文
摘要:参考 官网:SortableJS 拖放排序插件Sortable.js
阅读全文
摘要:参考 clipboard.js源码解析-复制到剪切板插件 clipboard.js:最轻便的复制页面内容到剪切板的JS
阅读全文
摘要:一、Lottie 的动画资源分类 1.1 Lottie 资源的不同 Lottie 是 Airbnb 开源的一套跨平台的完整的动画效果解决方案,真正的做到了在客户端 100% 还原设计师的动画效果。设计师只需要使用 After Effectes(AE)设计出动画,再使用 BodyMovin 插件将动画
阅读全文
摘要:WebUploader webuploader支持多图上传,大文件上传,压缩图片上传,拖拽上传,显示上传进度,预览等 当上传的需求要求可预览、显示上传进度、中断上传过程、大文件分片上传等等,这时传统的表单上传很难实现这些功能,我们可以借助现有插件完成。 如百度上传插件Web Uploader、jQu
阅读全文
摘要:有时我们需要在浏览器上生成文件并保存到本地,这个借助 FileSaver.js 就可以很方便地实现。 一、基本介绍 1.FileSaver.js 功能特点 FileSaver.js 是一款基于 HTML5 完成文件保存的插件,它可以帮我们直接从网页中导出多种格式文件。 同时对于那些本身不支持 HTM
阅读全文
摘要:1、引入swfupload.js <script type="text/javascript" src="/assets/ueditor/third-party/swfupload/swfupload.js"></script> 2、实例化swfupload对象,并传入参数配置对象 封装image.
阅读全文
摘要:参考 SWFUpload使用指南(推荐) SWFUpload 官方说明文档(2.5.0版) swfupload 文件 上传
阅读全文
摘要:$.ajaxSetup({cache: false}); var FinishSuperEntrance = { swfUpload: function (btn, addr) { ImageUpload.swfUpload(btn, addr); }, initConfig: function (
阅读全文
摘要:一、什么是Bootstrap-table? 在业务系统开发中,对表格记录的查询、分页、排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非常有名的开源表格插件,在很多项目中广泛的应用。Bootstr
阅读全文
摘要:简介 Animate.css是一个纯CSS动画库。 不兼容IE10以下的IE浏览器。 其他各大浏览器只要不是太旧的版本都能兼容。 所以说兼容性还是蛮强的。 官方给出了70多种动画特效。 这些动画其实大多数都不是很难,就是不愿意去写。所以这个CSS库真的很适合懒人。 参考 Github官网 中文网 【
阅读全文
摘要:什么是LABjs LABjs是一个动态的脚本加载器,LABjs的定义特性是能够在浏览器允许的范围内以最快的速度并行加载所有JavaScript文件,但是如果文件之间存在依赖关系,则可以选择确保正确的执行顺序。 总计来说就是:动态并行加载脚本文件以及管理加载脚本文件的执行顺序 使用方法 $LAB对象替
阅读全文
摘要:什么是LazyLoad LazyLoad是一个很小的,压缩后1.5kb(未使用Gzip压缩)、不依赖的JavaScript实用程序,它使根据需要加载外部JavaScript和CSS文件变得超级容易。 只要有可能,LazyLoad将自动并行加载资源,同时在指定要加载的url数组时确保执行顺序。在不保留
阅读全文
摘要:原理 在检测到touchend事件后, 会通过dom自定义事件模拟一个click事件,并把浏览器300ms之后真正触发的点击事件屏蔽掉,fastclick是不会对PC浏览器添加监听事件 使用 1、引入fastclick.js 2、给body所有的元素绑定click事件,之后我们使用的就是fastcl
阅读全文
摘要:zepto Zepto就是jQuery的移动端版本, 可以看做是一个轻量级的jQuery github地址: https://github.com/madrobby/zepto 官方地址: http://zeptojs.com/ 中文版地址: http://www.css88.com/doc/zep
阅读全文
摘要:前言 为什么通过touch可以触发click事件? touch事件的来源 PC网页上的大部分操作都是用鼠标的,即响应的是鼠标事件,包括mousedown、mouseup、mousemove和click事件。一次点击行为,事件的触发过程为:mousedown -> mouseup -> click 三
阅读全文
摘要:一、click 和 tap 比较 两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms延迟,所以请用tap代替click作为点击事件。 singleTap和doubleTap分别代表单次点击和双次点击。 $("div").tap(function(){ ...... })
阅读全文