JS 库
JS 库
花铛
这个作者很懒,什么都没留下…
展开
-
glamor
glamor 是一款 css-in-js 的插件。安装引入:安装: npm install glamor --save;引入:import {css} from 'glamor';使用:const styles = { container: css({ color: 'red', fontWeight: 'bolder', ':hover': { color: 'pink' }, '@media(min-width: 300px)': {原创 2021-05-10 14:04:10 · 376 阅读 · 0 评论 -
Moment.js
Moment.js是一个轻量级的JavaScript时间库。安装引入:node.js 方式:安装:npm install moment或者yarn add moment;引入: import 方式 import moment form 'moment' 或者 require 方式 var moment = require('moment')。浏览器方式:<script src="moment.js"></script>转化为 JS 原生的 Date 对象:mom原创 2021-04-22 15:53:49 · 705 阅读 · 0 评论 -
滚动视差插件skrollr.js
使用:引入源码文件skrollr.min.js或skrollr.js;<script src="skrollr.js"></script>页面加载完成后,初始化skrollr;<script> window.onload=function(){ var s=skrollr.init(); }</script>在HTML代码中,给标签元素添加类似data-500="background:rgb(255,2原创 2020-09-24 11:20:00 · 537 阅读 · 0 评论 -
sortable.js 实现拖拽
是一个 JavaScript 库,用于在现代浏览器和触摸设备上重新排序拖放列表。原创 2020-09-15 11:21:31 · 7665 阅读 · 1 评论 -
qrcode.js 生成二维码
qrcode.js是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。原创 2020-04-30 15:53:54 · 3026 阅读 · 1 评论 -
NProgress 实现加载进度条
NProgress是页面跳转出现在浏览器顶部的进度条。官网:http://ricostacruz.com/nprogress/github:https://github.com/rstacruz/nprogress安装:npm install --save nprogress使用://导入import NProgress from 'nprogress'import 'nprog...原创 2020-04-21 16:05:10 · 608 阅读 · 1 评论 -
svg转canvas
原生JS:<template> <div> <button id="btn" style="margin:10px;">按钮</button> <svg width="100px" height="100px"> <circle class="circle" cx="50" cy=...原创 2019-11-22 10:59:50 · 1076 阅读 · 0 评论 -
使用html2canvas.js将HTML转为canvas
html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏。他不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。html2canvas脚本将页面渲染成一个canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。当浏览器不支持canvas时,将采用Flashcanvas或ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本:Firefox 3...原创 2019-11-22 10:39:47 · 2183 阅读 · 0 评论 -
video.js播放m3u8格式视频
<link href="//cdn.bootcss.com/video.js/7.0.0-alpha.1/alt/video-js-cdn.css" rel="stylesheet"><script src="//cdn.bootcss.com/video.js/7.0.0-alpha.1/video.min.js"></script>//video.js须...原创 2020-04-08 17:07:18 · 3309 阅读 · 0 评论 -
hls.js播放m3u8格式视频
监控视频格式是m3u8。//引入hls.js<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script><video id="video" controls style="width:100%;height:600px;"></video> if(Hls...原创 2020-04-07 15:25:55 · 6795 阅读 · 3 评论 -
jspdf
使用jspdf和html2canval实现导出pdf。<script src="./static/js/libs/jspdf/jsdpf.min.js"></script><script src="./static/js/libs/jspdf/html2canvas.min.js"></script>function handleDownlo...原创 2019-12-02 11:47:34 · 1041 阅读 · 0 评论 -
使用 wangEditor 富文本编辑器
常用方法getContent();获得编辑器的html内容.getContentTxt();获取纯文本内容setContent();设置编辑器的内容。通过该方法插入的内容,是经过编辑器内置的过滤规则进行过滤后得到的内容直接使用setContent()赋值无效:直接使用setContent()方法赋值,会报错:解决办法:ue.ready(function(){ ue.s...原创 2019-04-25 09:53:57 · 2358 阅读 · 1 评论