- 博客(35)
- 收藏
- 关注
RSS订阅原创 随机正整数
// 2-10之间的随机数，但不包含10const nub = 2 + Math.floor(Math.random()*(10 - 2))// 2-10之间的随机数，包含10const nub = 2 + Math.floor(Math.random()*(10 - 2 + 1))// min - max之间的随机数公式(如果需要包含max,则max-min+1即可)// min + Math.floor(Math.random()*(max - min))js获取区间内的随机整数..
2021-07-16 15:57:47
309
原创 记录vue中Cropper.js裁切插件的使用
git地址：https://github.com/fengyuanchen/cropper官方演示地址：https://fengyuanchen.github.io/cropper/1、下载：npm install cropperjs2、main.js中引入：import Cropper from 'cropperjs'3、初始化：<img src="https://fengyua...
2020-03-30 17:20:44
1064
原创 自动播放背景音乐兼容ios
<audio id="bg-music" src="1.mp3" autoplay="autoplay" controls></audio>// DOM中的内容加载完毕之后，调用函数document.addEventListener('DOMContentLoaded', musicInWeixinHandler);function musicInWeixi...
2019-12-30 17:59:53
392
原创 解决微信内播放视频完毕后，弹出微信推广视频。
经过测试只有安卓机在视频播放完毕后会出现推荐广告的情况，可以监视视频播放结束后，先执行播放视频的方法，再暂停视频，可以防止广告的显示。let isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)let videoContext = document.getElementById('video'); v...
2019-05-20 16:34:57
2797
原创 vue-count-to 数字滚动插件
安装：npm install vue-count-to引入：import countTo from 'vue-count-to';使用：<template> <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo></template...
2019-04-23 14:18:26
2864
原创 vue在当前页面引入Js和css
mounted(){ if (!document.getElementById('qiniuCss')) { //避免多次引入 const link = document.createElement('link'); link.rel = 'stylesheet'; link.href = 'http://sdk-release.qn...
2018-12-25 11:37:14
1955
转载 vue中利用clipboard.js实现点击按钮复制文字到剪贴板
//html&amp;lt;p id=&quot;needCopy&quot;&amp;gt;这是需要进到剪贴板的文字&amp;lt;/p&amp;gt;&amp;lt;button onclick=&quot;copyBtn()&quot;&amp;gt;复制到剪贴板&amp;lt;/button&amp;gt;
2018-11-30 16:48:42
631
原创 js时分秒抢购倒计时
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</title> </head> <body> <div>...
2018-11-12 09:35:36
507
原创 vue自定义指令之拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 100px; height: 100
2018-10-08 11:05:23
1496
原创 移动端贼好用的时间选择插件
mobiscroll 官方地址 ：https://mobiscroll.com/下载地址： https://share.weiyun.com/5u6WDqi <input type="text" id="txtBirthday" name="birthday" value=""/> var currYear = (new Date()).getFullYe...
2018-09-10 11:31:38
12235
4
原创 js手机号验证
废话不多说，直接贴代码function isPhone(phone) { var myreg=/^[1][3,4,5,6,7,8,9][0-9]{9}$/; if (!myreg.test(phone)) { return false; } else { return true; }}现在的手机号第二位除了数字“2”基本上...
2018-08-14 09:35:33
11682
原创 微信小程序POST传递数据
wx.request({ url: 'url', data: { userId:userId }, method: 'POST', header: { 'content-typ...
2018-06-27 10:05:53
1067
转载 js获取当前时间
忘了在哪儿看的一段代码了。保存下来 var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate(); va...
2018-06-16 15:02:24
226
原创 从后台获取的字符串分割成数组
var content = "1、每台押金58元，激活一台返现200元；#2、分润分成万分之四，即商户每刷卡交易一万元，会得分润4元；#3、活动期间，对您未推广出去的机具，我们承若全额回收，退换全额押金。"array = content.split('#');console.log(array);结果：["1、每台押金58元，激活一台返现200元；", "2、分润分成万分之四，即商户每刷卡交...
2018-06-12 17:27:43
2778
2
原创 微信小程序点击switchTab不刷新
当switchTab点击过的时候，只有第一次加载数据，第二次点击的时候是不刷新数据的，这个时候只要在需要每次点击都刷新数据的switchTab页的js里加上onShow的方法即可 onShow:function(e){ this.onLoad(); },...
2018-06-08 10:51:56
2210
原创 前端ajax传值中文汉字的传递方法
var array = '这是需要传递给后台的中文数据'//只需要在ajax中的data里利用js的encodeURI()方法把数据转换成中文的编码就可以了$.ajax({ type: "GET", url: "/ask/subQuestion", dataType: 'json', data: {...
2018-05-31 18:30:09
10030
原创 向数组的json中添加数据
var j =[{"name":"caocao","sex":"男"}]; j[0].age='18'console.log(j)具体效果请按F12打开控制台，复制粘贴+回车
2018-05-22 17:25:40
64582
4
原创 js阻止事件冒泡
需求：点击input框会弹出一个警告信息，当点击除了input框以外的部分要求让警告信息隐藏。 $(".dk_mouth_p input").click(function (e){ $(".dk_jg").toggle(); e.stopPropagation(); }) $(document)....
2018-03-27 16:18:51
248
原创 vue-cli脚手架搭建
1、首先安装好node.js 登录node.js中文网http://nodejs.cn/根据自己的电脑系统下载相应的安装包；安装完成后，在cmd命令窗口中输入 node -v出现版本号后即为安装成功。2、在需要项目文件夹中按住shift键右击，选择在此处打开命令窗口。3、输入npm install vue-cli -g进行安装，安装完成后，输入vue -V然后出现版本号后代表安装完成。4、安装we...
2018-03-08 18:23:19
122
原创 常用的css技巧
1、超出几行显示滚动条 css:text-overflow:ellipsis;-webkit-line-clamp:2; //(几行)-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;2、让文字在未定义高度的容器里垂直居中 css://父元素display:table;//子元素display:tab
2017-12-07 17:06:15
163
原创 利用swiper进行tab切换时，需要注意的问题。
css:.swiper-slide:{height:10px};.swiper-slide-active:{height:auto}
2017-12-07 16:52:19
7293
原创 vue规定v-for循环的次数
html:<p v-for="(lab,index) in card.label" v-if='index<=1'></p>控制for 循环的次数为两次
2017-12-05 17:12:46
41263
4
原创 input_file上传图片（vue）
html:<input @change="fileImage" type="file" accept="image/jpeg,image/x-png,image/gif" id="" value="" />js:methods:{ fileImage:function(e){ var that=this;
2017-12-04 17:30:24
11651
3
原创 js判断安卓客户端或IOS客户端来执行相应的方法
var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(isiOS){
2017-11-29 17:30:18
309
原创 时间戳转几周前
function getDateDiff(dateTimeStamp){ var minute = 1000 * 60; var hour = minute * 60; var day = hour * 24; var halfamonth = day * 15; var month = day * 30;
2017-11-29 17:28:35
282
原创 时间戳转换时间
function timeFormat(nS) { return new Date(parseInt(("/Date("+nS+")/").substr(6, 13))).toLocaleDateString().replace(/\//g, '-');};
2017-11-29 17:28:03
216
转载 ios对于fixed属性不兼容的解决方案
最近在做支付宝口碑项目的时候的，遇到的一个的ios对position:fixed不兼容的的问题的时候的同事给出了一个解决方案，此篇博客是我简述这个解决方案(我是基于vue的写法来讲解的)。常见的需求的 是在屏幕底部定位一个div，然后里面有个的input的，此时的安卓出现的软键盘的会把这个定位的div推到上面去，但是得ios的情况吧fixed的效果失效的，或产生很大的间隔现给出的解决的方案的，就
2017-11-25 11:02:18
779
原创 jq的tab切换
html:<!--菜单--><div class="menu"> <span class="active">热门</span> <span class="">帮你解答</span> <span class="">帮你识图</span> <span class="">我要分享</span></div><div class="box"> <div class
2017-11-24 15:44:34
408
原创 js获取url地址栏问号后携带的参数
function GetRequest() { var url = decodeURI(location.search); //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1);
2017-11-17 17:08:26
8009
原创 vue的v-if和v-else-if判断的应用
<div class="car_gl"> <div v-for="gl in Article"> <div class="new_box1 clearfix" v-if="gl.images.length==1"> <div class="box1_left"> <p>{{gl.title
2017-11-16 18:01:59
5710
原创 vue往data里添加数据
利用js的concat函数。var app=new Vue({ el:"#app", data(){ return{ data:'', card:'', type:'', grade:'', bank_bt:{ nam
2017-11-16 17:58:40
11225
原创 js url传值为中文的时候，页面接收乱码
传值页面：var url="strategySeach.html?seach=1&name=穿的文字";url=encodeURI(url);window.location.href=url;接收页面：var ourl=window.location.href;ourl=decodeURI(ourl);
2017-11-01 11:47:56
200
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人