JavaScript
JavaScript
HqL丶1024
这个作者很懒,什么都没留下…
展开
-
JS点击复制文字或图片,和监控鼠标右键和ctrl+c事件
js点击复制图片或文字原创 2019-11-25 16:06:23 · 2740 阅读 · 1 评论 -
js多维数组合并成一维数组
const treeData = [ { title: '0-0', key: '0-0', children: [ { title: '0-0-0', key: '0-0-0', children: [ { tit...原创 2021-03-05 23:51:47 · 433 阅读 · 0 评论 -
数组.map使用indexOf获取下标
var array = [ { name: "aa", }, { name: "bb", }, { name: "cc", }, { name: "dd", }, { name: "ee", }, ]; var line = array.map((item) => item.nam...原创 2020-07-01 16:46:24 · 4104 阅读 · 0 评论 -
JS正则获取指定字符串后的字符串
var str = 'http://zhipur.com/item?data=SN120180525FEOCE'; var code1 = str.match(/\?data=(.*)/)[1];//取 ?data=后面所有字符串var code2 = str.match(/data=(.*)/)[1];//取 data=后面所有字符串var code3 = str.match(/data=...原创 2019-11-21 11:45:08 · 8017 阅读 · 0 评论 -
es6以及Promise解决同步问题
let a = new Promise((resolve,reject) => { let b = 4 if(b < 10){ setTimeout(function () { resolve(b) },2000) }else { ...原创 2020-01-16 16:18:49 · 785 阅读 · 0 评论 -
js对象和对象合并
var listgr = Object.assign(this.data.listgr, arrygr);原创 2020-11-20 17:42:44 · 667 阅读 · 0 评论 -
js获取多少天以后的时间
// 获取多少天后的时间 getDateStr(today, addDayCount) { var dd; if (today) { dd = new Date(today); } else { dd = new Date(); } dd.setDate(dd.getDate() + addDayCount); //获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = .原创 2020-10-21 12:23:22 · 988 阅读 · 0 评论 -
Vue手机号正则匹配,姓名加密展示
一丶手机号(1)正则匹配 var phone = "13807999985"; var resultPhone = phone.replace(/^(\d{3})\d{4}(\d+)/, "$1****$2"); console.log(resultPhone);//138****9985(2)substr截取 var phone = "17610603529"; var mphone = phone.substr(0, 3) + "****" + phone.原创 2020-10-09 11:53:56 · 2244 阅读 · 0 评论 -
js时间搓转时间,日期横杠转斜杠,时间转时间搓,年月日补个零,星期几,获取当前时间
console.log(app.getNowFormatDate(app.timeShj(res.data.jielongMemberExpirationTime * '1000'))) //时间搓转时间 timeShj(a) { var d = new Date(a); d = d.getFullYear() + "/" + (d.getMonth() + 1) + "/" + d.getDate(); return d; }, // 年与日补个0 getNo原创 2020-09-26 12:11:48 · 1713 阅读 · 0 评论 -
Js图片Base64位转换为blob上传到服务器
//转码方法function convertBase64UrlToBlob(urlData){ var localData= 'data:image/png...'; //假定dataUrl为base64位 let base = atob(localData.substring(localData.indexOf(',') + 1)); // base是将base64编码解码,去掉data:image/png;base64部分 let length = base.length; l原创 2020-09-05 15:07:56 · 1332 阅读 · 0 评论 -
html2canvas单页面打水印
http://html2canvas.hertzen.com/configuration/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat原创 2020-09-02 17:18:31 · 850 阅读 · 0 评论 -
input验证身份证或手机号格式
let code = this.data.code var reg = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/; if (!code || !code.match(reg)) { }原创 2020-05-28 15:17:17 · 1911 阅读 · 0 评论 -
用toFixed四舍五入以及保留两位小数方法
新建一个filters.wxsvar filters = { toFix: function (value,value1) { if (typeof (value) == 'undefined') { return value } else { return value.toFixed(value1) } }, toStr: function (value) { return value.toString() }, toNum:.原创 2020-06-03 13:51:44 · 1267 阅读 · 0 评论 -
Js双重循环倒计时展示
<!--index.wxml--><view class="container"> <view class="list" wx:for="{{list}}" wx:key="index"> <view class="home_top_r"> <view class="home_end">距离结束</view> <view class="home_time">{{item.day}}</view>原创 2020-05-29 14:39:09 · 238 阅读 · 0 评论 -
H5点击图片全屏播放视频
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>页面标题</title> <script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vue.js"></script> <meta name="vi原创 2020-05-20 18:08:12 · 1520 阅读 · 1 评论 -
js时间搓转当前北京时间
console.log(app.transTime('这里放时间搓')) // 时间搓转当前时间 transTime(unixtime) { var dateTime = new Date(parseInt(unixtime) * 1000) var year = dateTime.getFullYear(); var month = dateTime.getMonth() + 1 < 10 ? '0' + (dateTime.getMonth() + 1) : da原创 2020-05-20 09:38:45 · 185 阅读 · 0 评论 -
js使用split分割字符串显示金额数值
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>页面标题</title> <script src="https://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vue.js"></script> <script src="https:.原创 2020-05-18 17:23:04 · 488 阅读 · 0 评论 -
js 去除字符串中的空格
js 去除字符串中的空格正则 replace 方法去除字符串所有空格:str.replace(/\s*/g, '');去除字符串两头的空格str.replace(/^\s*|\s*$/g, '');去除字符串头部空格:str.replace(/^\s*/g, '');去除字符串尾部空格:str.replace(/\s*$/g, '');trim()trim() 方法只能删除字符串两侧代码str.trim();ES6let str = ' a b c ';let arr原创 2020-05-11 15:13:50 · 303 阅读 · 0 评论 -
九宫格抽奖
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>js九宫格...原创 2020-05-08 16:21:47 · 202 阅读 · 0 评论 -
js获取当前时间
//时间戳转化为日期 js_date_time(unixtime) { var dateTime = new Date(parseInt(unixtime ) * 1000) var year = dateTime.getFullYear(); var month = dateTime.getMonth() + 1; var day = dateTime.ge...原创 2020-04-17 15:48:08 · 184 阅读 · 0 评论 -
video播放5秒后暂停
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>视频</tit...原创 2020-04-17 12:32:39 · 1221 阅读 · 0 评论 -
js获取页面链接上的参数
var local_url = document.location.href; var getstr = local_url.substr(local_url.indexOf('?') + 1) var get = getstr.split('/') let goodId = get[0].split('=')原创 2020-04-17 10:55:33 · 481 阅读 · 0 评论 -
奇数和偶数展示不同样式
<view wx:for="{{list}}" wx:key="index" class="aaaa{{index%2 !=1 ?'active':''}}"></view>原创 2020-03-05 16:54:10 · 836 阅读 · 1 评论 -
js获取手机型号
var sys; if (navigator.userAgent.match("Android")) { sys = "Android"; } else if (navigator.userAgent.match("iPhone")) { sys = "iPhone"; } else if (navigator.userAgent.match...原创 2020-03-26 17:13:20 · 930 阅读 · 0 评论 -
三元运算渲染不同颜色
<div id="Vue"> <div> <p :class="['calender',item == nowDate ? 'active' : item > nowDate ? 'disabla' : '']">123</p> </div> </div&...原创 2020-03-23 15:51:34 · 949 阅读 · 0 评论 -
JS对象转JSON转数组
1、JS对象转JSON方式:JSON.stringify(obj)var json = {"name":"iphone","price":666}; //创建对象;var jsonStr = JSON.stringify(json); //转为JSON字符串console.log(jsonStr);2、JS数组转JSON//数组转json串var arr = [1,2,...原创 2020-03-06 17:39:05 · 3039 阅读 · 0 评论 -
js定时器,轮询
setTimeout(function () { console.log('结束了') }, 1000)原创 2020-02-24 14:03:22 · 1160 阅读 · 0 评论 -
html页面引入另一个html页面
<head> <meta charset="utf-8" /> <title>主页面</title> <!--import引入--> <link rel="import" href="top.html" id="page1"/> <link rel="import" href="f...原创 2020-02-12 15:09:29 · 291 阅读 · 0 评论 -
简单的点击展开和回缩
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"&g...原创 2020-02-12 14:56:04 · 394 阅读 · 0 评论 -
简单的点击复制
<body> <p onclick="copyContent(this);" title="点击复制">woshinidie</p> <input id="copy_content" type="text" value="" style="position: absolute;top: 0;left: 0;opacity: 0;z-ind...原创 2020-02-12 10:35:13 · 462 阅读 · 0 评论 -
去数组第三个之后的
var data = that.list for (let i = 3; i < data.length; i++) { console.log('123132',data[i].id) }原创 2020-01-08 10:03:00 · 229 阅读 · 0 评论 -
大转盘可连续抽奖
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <title>jqueryrotate积分抽奖效果演示</title> <style> * { margin: 0;...原创 2020-01-06 11:01:32 · 121 阅读 · 0 评论 -
JS正则表达式日期-转/
//只替换第一个“-”:2010/01-05 var dt = "2010-01-05"; var dt = dt.replace("-","/"); console.log(dt);//替换所有“-”,g为全局标志,另外如果加i就忽略大小写:2010/01/05 var dt = "2010-01-05"; var dt =...原创 2020-01-03 11:33:35 · 942 阅读 · 1 评论 -
JS实现倒计时
<span class="count"></span> window.onload = function () { countDown(); function addZero(i) { return i < 10 ? "0" + i: i + ""; } function...原创 2020-01-03 11:08:54 · 150 阅读 · 0 评论 -
数组里随机取出一个值
var arr = ["被表白","好运连连","遍地桃花","升职","加薪","健康","出名","暴富","瘦成闪电"]; var sar = Math.floor((Math.random()*arr.length)); console.log(arr[sar]);...原创 2019-12-28 14:13:42 · 1785 阅读 · 1 评论 -
年月日中的/转为-
var date = '2019/12/26' var row = date.split('/') console.log(row.join('-'))原创 2019-12-26 09:56:11 · 159 阅读 · 0 评论 -
获取链接上面的/参数
var pathname = window.location.href;//获取url值 var url = pathname.split('sign/'); console.log(url[1]) var item = url[1].split('/') console.log(item[0])...原创 2019-12-23 16:33:38 · 139 阅读 · 0 评论 -
html或者VUE循环的单选框并取值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min...原创 2019-12-20 13:52:10 · 1335 阅读 · 2 评论 -
函数防抖,节流
var fandou = true $(".begin").click(function () { if (fandou){ $.ajax({ type: "post", //请求方式 url: "", ...原创 2019-12-16 09:14:39 · 93 阅读 · 0 评论 -
html页面实现swiper轮播图
<link rel="stylesheet" href="https://cdn.suoluomei.com/common/js2.0/swiper/v4.3.0/swiper.min.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale...原创 2019-12-12 15:51:20 · 2584 阅读 · 0 评论