![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
南有樛木。
这个作者很懒,什么都没留下…
展开
-
js正则汇总
【代码】js正则汇总。原创 2022-09-19 18:31:26 · 180 阅读 · 0 评论 -
js中使用Proxy代理实现数据双向绑定
js 中使用Proxy代理实现数据双向绑定html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s.原创 2021-09-15 21:29:47 · 571 阅读 · 0 评论 -
js递归,多维数组对象,非空判断
js递归,多维数组对象,所有值都不为空判断// 数据const arr=[ { indexName:'', score:1, detailVos:[{ parameter:'', pointName:'', remark:'', score:1, }] }, { indexName:'', score:1, detailVos:[{ parameter:'', pointName:'', remark:'', score:1, }] }, { indexName:'', sc原创 2021-07-09 17:25:28 · 885 阅读 · 0 评论 -
js 多维数组对象扁平化数组
多维数组对象,使用reduce转换成一维数组数据结构: let arr = [ { name: '1', id:'1', children:[ { name:'1-1', id:'1-1'}, { name:'1-2', id:'1-2' , children:[ { name:'1-2-1', id:'1-2-1' }] }] }]实现代码:fu原创 2021-06-28 14:20:03 · 2967 阅读 · 1 评论 -
js中window.onbeforeunload关闭/刷新页面不生效的原因
在写一个需求,要求用户进入页面,返回/刷新/关闭该页面提示用户一些信息。发现在使用window.onbeforeunload的时候,必须打开调试才会生效,而且只有第一次有效,再次点击就会失效。在实际使用中让用户打开调试模式肯定是不可能的,后来发现出现这种情况是因为没有在该页面有任何操作,或者是操作时间间隔太短,所以不会有提示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2021-03-30 14:42:46 · 7734 阅读 · 0 评论 -
js数组对象,对象深拷贝
//基础对象深/浅拷贝 let obj = { a:'1', b:'2'} // let newObj = obj //浅拷贝 // newObj.a = 4 // 改变newObj的值,obj也会发生改变 // console.log(obj,newObj) // newObj发生改变,obj也会发生改变 let newObj = JSON.parse(JSON.stringify(obj)) //深拷贝 // let newObj = Object.assign({},obj) //深拷.原创 2021-02-19 10:52:27 · 132 阅读 · 0 评论 -
vue 递归处理权限菜单(多维数组中查找一维数组中相同项,两个数组中查找相同项)
vue 递归权限菜单,这里随便写一个vue-router格式的菜单实现一个简单的权限菜单//以下数据根据vue-router 格式随意编写的,请根据实际业务需求来选择哪种方式let roles = ['admin','text','shop'] //也可以使用数组对象,请根据实际业务需求来选择哪种方式let asyncRouter = [ { path:'菜单admin', meta:{roles:['admin']} }, { path:'菜单text', m原创 2021-01-18 13:57:27 · 1520 阅读 · 0 评论 -
js 多级菜单渲染
实现效果html<div id="menu"></div>js代码: let json = [ { name: "一级菜单1", children: [ { name: "二级菜单1", children: [ { name: "三级菜单1", children: [原创 2020-10-25 13:14:40 · 1152 阅读 · 0 评论 -
js sort方法和事件冒泡数组排序
js sort方法和事件冒泡数组排序js的sort方法对数组进行排序let arr = [1,53,24,25,68,9,2,15];//方法一,使用js内置的sort方法arr = arr.sort(function(a,b){return a-b;//升序,return b-a降序})console.log(arr);//[1, 2, 9, 15, 24, 25, 53, 68]事件冒泡数组排序let arr = [1,53,24,25,68,9,2,15];functi原创 2020-06-05 14:37:32 · 181 阅读 · 0 评论 -
树结构数组,js实现点击某个节点,显示该节点对应的所有父级节点
树结构数组,js实现点击某个节点,显示该节点对应的所有父级节点现有测试数组结构如下:如果输入的id为20102显示的对应结果应该是['黑龙江','哈尔滨','呼兰区']city=[{ name:"北京", id:1,},{ name:"黑龙江", id:2, children:[ { name:'哈尔滨', ...原创 2019-12-03 15:15:45 · 596 阅读 · 0 评论 -
js数组/字符串方法
js数组方法笔记数组方法中会不会改变原数组的方法concat()-----连接两个或者多个数组,不会改变原数组//concat()----数组拼接 var arr1 = [1],arr2 = [2],arr3 = [3],arr4 = [4]; var arr5 = arr1.concat(arr2); //两个连接-数组arr1与arr2连接,结果[1,2]...原创 2019-11-08 18:02:21 · 147 阅读 · 0 评论 -
HTML+CSS+JS一个简易的计时器
一个粗糙的计时器,HTML部分:<div class="wrap"> <div id="timer"> <span id="hours">00</span> <span>:</span> <span id原创 2018-07-18 16:40:50 · 12547 阅读 · 4 评论 -
js点亮灯泡
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>点亮灯泡</title> <style type="text/css"> #img{ width:109px; ...原创 2019-03-19 15:30:53 · 876 阅读 · 0 评论 -
js调用一次函数,中间增加一个内容
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>调用一次,中间增加一个内容</title></head><body><script type="text/javascript"> //例子:go()----...原创 2019-04-28 15:45:50 · 501 阅读 · 0 评论 -
ajax-select+option实现二级联动
实现效果:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device...原创 2019-05-05 12:44:32 · 781 阅读 · 0 评论 -
form表单提交,页面无法跳转,页面刷新又回到登录页
form表单提交,点击登录的时候,页面仅仅是刷新,没有任何操作,form没有阻止默认提交事件用户名:<input type="text" name="uname" id="uname" placeholder="请输入用户名" /><br />密码:<input type="password" name="pwd" id="pwd" placeholder="...原创 2019-08-22 10:14:56 · 2620 阅读 · 0 评论 -
笔记:js计算两数相除保留两位小数,有时候显示的结果是正常的,有时候显示的infinity,解决办法
因为最近写的一个项目涉及到计算显示百分比,一开始是这样写的function calculation(num1,num2){ return Math.round(num1/num2*10000)/100+'%'}但是有时候显示是正常的,有时候显示的是infinity,因为精读的问题,一直出现bug,网上去搜索,大多数都是这样写的,没有一个是不一样的写法,中间尝试了很多种写法,还是会...原创 2019-09-06 13:42:59 · 3366 阅读 · 1 评论 -
js计算
1.计算100-200之间9的倍数有哪些function multipleOfNine() { for (let i = 100; i <= 200; i++) { if (i % 9 == 0) { console.log(i) } }}2.计算50-150之间7的倍数总共有多少个function c...原创 2019-09-10 16:48:00 · 1368 阅读 · 0 评论 -
js写九九乘法表,基数行为红色字体,偶数行为蓝色字体
function foo(){for(var i=1;i<10;i++){for(var j=1;j<=i;j++){if(i%2==0){ document.write("<span style='color:blue'>"+j+"*"+i+"="+j*i+"</span>"+"<span st...原创 2018-06-10 14:43:03 · 3584 阅读 · 0 评论