使用clipboard.min.js实现一键复制内容,且支持移动端

使用clipboard.min.js实现一键复制内容,且支持移动端

1、clipboard.min.js文件CND地址:    https://www.bootcdn.cn/clipboard.js/2、clipboard.js 官网:    https://clipboardjs.com/3、利用clipboard.js实现复制几种方式(1)方式一:target<!DOCTYPE html><htmllang="en"><head>
浏览:126 标签: clipboard 复制 时间: 2018-12-18 13:14
js字符串按固定长度分割(substr)

js字符串按固定长度分割(substr)

今日有个小需求:实现银行卡号每个四位加一个空格。实现代码:// number:传入的字符串// grap:间隔的位数changeNumber(number,grap){    let arr = [];    let count =0;    for(let i=0,len=number.length/grap;i<len;i++) {        let s
浏览:145 标签: substr 字符串 js 时间: 2018-12-12 17:56
js判断ios系统/iphoneX/安卓系统

js判断ios系统/iphoneX/安卓系统

判断手机设备是ios系统,还是安卓(android)系统,或者是iphone。functiongetMobileSystem(){var u = navigator.userAgent;var isAndroid = u.indexOf('Android') >-1 || u.indexOf('Adr') >-1;//android系统var isiOS = !!u.match
浏览:229 标签: iphoneX ios 安卓 时间: 2018-11-20 14:30
vue中使用html2canvas及解决html2canvas截屏图片模糊问题

vue中使用html2canvas及解决html2canvas截屏图片模糊问题

最近在项目中用到了html2canvas插件,发现将html代码生成img图片后,特别模糊。于是查了很多资料,发现有一个直接修改html2canvas源码能达到要求。html2canvas  官方网站http://html2canvas.hertzen.com/index.html。这是一个js截屏插件,在前台利用h5的canvas  将html的内容显示在canvas上,
浏览:415 标签: html2canvas 时间: 2018-10-26 19:00
js canvas实现将html页面或div生成图片

js canvas实现将html页面或div生成图片

参考文章:js实现截图并保存图片在本地(html转canvas、canvas转image)html2canvas.js和canvas2image.js的下载地址:    html2canvas.js: http://html2canvas.hertzen.com/dist/html2canvas.min.js    canvas2image.js: https://git
浏览:298 标签: canvas js 时间: 2018-10-24 11:27
使用canvas将图片转换成base64格式

使用canvas将图片转换成base64格式

注意:canvas绘制图片,由于浏览器的安全考虑,如果在使用canvas绘图的过程中,使用到了外域的图片资源,那么在toDataURL()时会抛出安全异常:Uncaught SecurityError: Failed to execute'toDataURL' on'HTMLCanvasElement': Tainted canvases may not be exported
浏览:254 标签: canvas base64 时间: 2018-10-24 11:19
css实现背景图片充满整个屏幕

css实现背景图片充满整个屏幕

css代码html{height:100%;}body{width:100%;height:100%;background:url("https://f.51fanbei.com/h5/app/activity/2018/07/buy_bg.png") center center no-repeat;background-attachment: fixed;backgroun
浏览:249 标签: css 时间: 2018-10-24 10:35
js/jq代码实现鼠标点击文字有趣特效

js/jq代码实现鼠标点击文字有趣特效

效果展示JQuery代码部分<script type="text/javascript">/* 鼠标特效 */var a_idx =0;jQuery(document).ready(function($){ $("body").click(function(e){var a =newArray("富强","民主","文明","和谐","自由","平等","公正" ,"
浏览:258 标签: 文字 时间: 2018-10-10 10:12
网页一键分享到QQ空间、QQ好友、新浪微博、微信代码

网页一键分享到QQ空间、QQ好友、新浪微博、微信代码

使用到的接口:1. 分享到QQ空间接口https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息2. 分享给QQ好友接口http://connect.qq.com/widget/
浏览:367 标签: 分享 时间: 2018-10-08 17:34
css方法事项img图片自适应父元素大小并垂直水平居中

css方法事项img图片自适应父元素大小并垂直水平居中

之前写过一篇文章【jq实现图片在父级容器内等比例缩放且居中显示】,最终展示的效果与本文效果一样,具体代码可查看文章。本文是利用css代码实现img标签图片,再父元素中实现垂直居中的方法。<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=devi
浏览:314 标签: 垂直水平 css 时间: 2018-09-07 11:11
原生 js 实现点击按钮复制文本

原生 js 实现点击按钮复制文本

最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一、原理分析浏览器提供了 copy 命令 ,可以复制选中的内容document.execCommand("copy")如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用 
浏览:518 标签: 复制 js 时间: 2018-08-16 16:35
利用swiper插件实现3D轮播效果

利用swiper插件实现3D轮播效果

头部引入 swiper-3.4.2.min.css,底部引入 swiper-3.4.2.jquery.min.js。css代码#main { width:100%; } #main .swiper-container { width:95%; padding-top:0.5rem; } #main .swiper-slide
浏览:1801 标签: swiper 轮播 时间: 2018-04-19 11:06

邮箱快速注册

忘记密码