Js
js
明知山_
这个作者很懒,什么都没留下…
展开
-
Js网页添加水印
【代码】Js网页添加水印。原创 2023-08-31 16:16:46 · 519 阅读 · 0 评论 -
Js通过value查找树型数据所有的父节点
【代码】Js通过value查找树型数据所有的父节点。原创 2023-07-14 11:34:55 · 504 阅读 · 0 评论 -
Js保留树型数据指定层级
自定义一个树型的数据。原创 2023-06-26 09:15:01 · 549 阅读 · 0 评论 -
Js上传图片文件获取Base64位格式预览
<input type="file" accept="image/*" @change="changeFile" />const changeFile= (e) => { let reader = new FileReader() reader.readAsDataURL(e.target.files[0]) reader.onload = (e) => { e.target.result // 赋值到图片src }}...原创 2022-01-14 17:45:44 · 794 阅读 · 0 评论 -
Js根据相同值将数组转换为二维数组
let list = [{ id: 1 }, { id: 1 }, { id: 2 }] let arr = Object.values(list.reduce((res, item) => { res[item.id] ? res[item.id].push(item) : res[item.id] = [item]; return res; }, {})); co...原创 2021-06-26 17:27:48 · 757 阅读 · 0 评论 -
Js限制空格和空字符串
isNull(content) { const reg = '^[ ]+$' const re = new RegExp(reg) return re.test(content) },true为空false为有输入值原创 2021-05-18 14:56:55 · 532 阅读 · 0 评论 -
Js三点运算符
设置未知参数 function foo(param1, param2, ...params) { console.log(param1); console.log(param2); console.log(params); } foo("a", "b", 1, 2, 3); //a b [1,2,3] foo("a", "b"); //a b []数组解构 let arr = [1, 2, 3]; console.log(...arr); //1 2 3字符原创 2021-04-26 15:03:02 · 802 阅读 · 0 评论 -
Js中类的定义和继承
定义类function Person() { // 属性 this.name = "张三" this.age = 20 // 方法 // 实例方法,需要new才能被调用 this.run = function () { console.log(this.name + "在运动") }}var per = new Person()per.run()// 静态方法无需newper.talk = function () {原创 2021-04-05 11:27:41 · 248 阅读 · 0 评论 -
Js数字千分位逗号分隔
console.log(change(12345.67)) function change(num) { var str = num.toString() var reg = str.indexOf(".") > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g return str.replace(reg, "$1,") }原创 2021-04-02 10:33:59 · 332 阅读 · 0 评论 -
js代码简写优化
单个值进行多个if判断 let val = 1 // old if (val == 1 || val == 2 || val == 3) { } // new if ([1, 2, 3].includes(val)) { }for循环 var list = [1, 2, 3, 4] // old for (let i = 0; i < list.length; i++) { } // new for (let i in原创 2021-02-20 15:35:44 · 254 阅读 · 0 评论 -
Js隐藏微信公众号分享按钮
//隐藏 document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() { WeixinJSBridge.call("hideOptionMenu"); } ); // 显示 document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() { WeixinJSBridge.call('showOption.原创 2020-10-23 13:54:02 · 533 阅读 · 0 评论 -
Js实现list导出为excel表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button原创 2020-09-25 14:32:07 · 1106 阅读 · 2 评论 -
Js实现文本复制
function copyText() { var ctx = document.createElement("input"); var content = "需要复制的内容"; ctx.setAttribute("value", content); document.body.appendChild(ctx); ctx.select(); document.execCommand("copy"); ...原创 2020-09-11 10:23:24 · 294 阅读 · 0 评论 -
Js根据数组相同的值生成二维数组
原数组新数组<script> var list = [ { id: 1, num: 3, }, { id: 1, num: 3, }, { id: 1, num: 2, }, { id: 2, num: 1, }, { id: 2, num: 2, }, { id: 3, num: 2, }, { id: 3, num: 3, }, ] var res原创 2020-09-05 11:37:09 · 1304 阅读 · 0 评论 -
Js数组获取最大、最小值
var list = [-1, 0, 1, 2, -10, 3, 4] console.log(Math.max(...list)) console.log(Math.min(...list))原创 2020-07-03 13:40:50 · 466 阅读 · 0 评论 -
Js时间戳倒计时天时分秒
countDown(endTimeStamp) { var nowTimeStamp = new Date().getTime() var time = {} if (endTimeStamp > nowTimeStamp) { var mss = endTimeStamp - nowTimeStamp; var days = parseInt(mss / (1000 * 60 * 60 * 24)) var hours = parseIn.原创 2020-06-29 14:47:37 · 1409 阅读 · 0 评论 -
Js获取富文本所有图片src地址
getImgSrc(rich) { var imgList = []; htmlstr.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/g, (match, capture) => { imgList.push(capture); }); return imgLis...原创 2020-05-06 11:17:33 · 2435 阅读 · 0 评论 -
Js使用callback处理异步
<script> function getData(callback) { setTimeout(() => { var id = 123 callback(id) }, 2000) } getData((val) => { console.log(val...原创 2020-05-02 13:59:11 · 709 阅读 · 0 评论 -
Js处理异步async,await
<script> function setDate(time) { return new Promise(resolve => { setTimeout(() => { resolve(2000); }, time); }) } asyn...原创 2020-04-30 14:46:44 · 241 阅读 · 0 评论 -
Js图片转base64,base64转file上传服务器
var dataUrl = canvas.toDataURL(); //假定dataUrl为base64位 let base = atob(localData.substring(localData.indexOf(',') + 1)); // base是将base64编码解码,去掉data:image/png;base64部分 let length = base.length;...原创 2020-04-22 18:38:23 · 630 阅读 · 0 评论 -
Js数组去重
var list = [{ name: "aa" }, { name: "aa" }, { name: "bb" }] for (let i = 0; i < list.length; i++) { for (let j = i + 1; j < list.length; j++) { if (list[i].name == li...原创 2020-03-31 15:34:11 · 238 阅读 · 0 评论 -
Js判断对象有无属性
var obj = { name: "aa", sex: "男" } console.log(obj.hasOwnProperty('birth')) //false console.log(obj.hasOwnProperty('sex')) //true原创 2020-03-31 15:21:16 · 1274 阅读 · 0 评论 -
Js把键值对象转换成数组
<script> var list = { 0: 'aaa', 1: 'bbb', 2: 'ccc' } var array = [] array = Object.keys(list).map(val => ({ key: val, val: list[val] })) console.log(array)...原创 2020-03-31 15:17:24 · 5243 阅读 · 0 评论 -
Js通过值获取索引下标
var list = [1, 2, 3, 4, 5, 6, 7, 8] var index = list.map(item => item).indexOf(8) console.log(index) //7 var array = [{ name: "aa" }, { name: "bb" }, { ...原创 2020-03-04 11:01:03 · 6699 阅读 · 2 评论 -
Js递归
递归的过程就是出入栈的过程递归是一个函数调用自身的一种方法//必须要有if判断进行出栈,不然会进行死循环<script> function factorial(n) { if (n == 1) return n; return n * factorial(n - 1) } console.log(factorial(5)) ...原创 2019-12-30 18:03:10 · 245 阅读 · 0 评论 -
Js的switch语句
//定义个变量var index = 0//switch()里面用来判断这个变量 switch (index) {//case 如果这个变量为0 case 0://执行的逻辑 console.log('0000') break; case 1: console.log('1111') break; case ...原创 2019-12-13 10:20:01 · 348 阅读 · 0 评论 -
Js限制video拉动进度条
function notdrag() { var video = document.getElementById("myvideo"); var last = 0; video.ontimeupdate = function() { var current = video.currentTime; if (current -...原创 2019-11-19 14:48:42 · 2005 阅读 · 1 评论 -
Js委托事件
我们做新闻资讯的时候需要点击跳到详情页面去,但是大多会在域名上面显示参数,例如id之类的,这样的风险性比较大,用户可以随意更改值,这时候我们就需要把参数存储到session,到另一个页面去拿就可以了 $.ajax({ url: 'https:xx.php', type: "post", dataType: 'json', su...原创 2019-07-26 09:02:07 · 203 阅读 · 0 评论 -
Js用forEach语法循环列表
首先假如我们从后端拿到了需要循环的列表打印出来console.log(res.data.list)在ajax外部写上方法 function getList(data) { var html = '' data.forEach(function (item) { //定义的参数 html += ` <div class="li...原创 2019-09-15 16:45:34 · 2847 阅读 · 0 评论 -
Js Promise的基础使用
new Promise(function (resolve, reject) {// 假设此处是异步请求某个数据 $.ajax({ url: '......', success: function (res) { if (res.code === 200) { resolve(res.data); ...原创 2019-10-25 17:06:37 · 231 阅读 · 0 评论 -
Js多元嵌套运算符
var state = 2; var select = (state == 1 ? "第一" : (state == 2 ? "第二":(state == 3 ? "第三" : "第四"))) console.log(select)原创 2019-10-14 17:12:44 · 1730 阅读 · 1 评论 -
Js反引号遍历数值
<div class="rol"> </div> var list = [ { 'one': '一等奖', 'two': '111', 'three': '500' }, { 'one': '二等奖', 'two': '222', 'three': '600' }, { 'one': '三等奖'...原创 2019-10-14 16:52:03 · 826 阅读 · 0 评论 -
Js获取系统当前时间展示
<div class="time"></div> setInterval(function () { var dateTime = new Date(); var year = dateTime.getFullYear(); var month = dateTime.getMonth() + 1;...原创 2019-10-14 12:49:23 · 250 阅读 · 0 评论 -
Js常见点击跳转方式
在原有的页面跳转window.location.href='next.html'返回上一页window.history.back(-1)top跳转top.location.href='next.html'打开新窗口window.open("next.html"); 重定向来跳转window.location.replace("next.html");...原创 2019-09-04 11:26:50 · 15127 阅读 · 0 评论 -
Js实现video自动跳转到上次观看的位置、获取视频总时长
<video id="myvideo" controls> <source src="https://vdse.bdstatic.com//b84fba2d24e31318aea3b215b0d394a9?authorization=bce-auth-v1/fb297a5cc0fb434c971b8fa103e8dd7b/2017-05-11T09:...原创 2019-09-18 14:25:51 · 9247 阅读 · 0 评论 -
Js引rem手机端自适应
在头部加上meta标签 <html lang="en" style="font-size:100px;"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-...原创 2019-09-15 16:54:14 · 252 阅读 · 0 评论 -
Js本地缓存storage
localStorage.setItem("id",id);//存localStorage.getItem("id");//取 localStorage.clear(); //清空localStorage localStorage.removeItem("id");//清除特定的存储原创 2019-09-26 18:05:47 · 368 阅读 · 0 评论 -
Js微信公众号引JS-SDK调起微信支付
<script src="http://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>//后台返回的配置数据wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时...原创 2019-10-07 10:12:39 · 1085 阅读 · 0 评论 -
Js解决微信浏览器刷新的问题
正常情况下我们直接使用 location.reload 方法来刷新。 function realod() { var { search, href } = window.location; href = href.replace(/&?t_reload=(\d+)/g, '') window.location.href = href ...原创 2019-09-25 20:02:57 · 1045 阅读 · 0 评论