随笔分类 - js
1
摘要:floatNum (sourceValue, intLen = 10, floatNum = 4) { //默认10位浮点数 整数位最大6位 默认可输入4位小数 必须是正整数 必须输入数字 let tempValue = sourceValue ? sourceValue.toString() :
阅读全文
摘要:1.取出对象中的数组,并做扁平化处理(即转化为一维数组) const objArr = { '人员':[1,2,3], '市场':[5,6,12], '财物':[5,49,79], '总经办':[3,42,53,5,5,5,5], } let getArr=Object.values(objArr)
阅读全文
摘要:点击穿透即点击子元素时,透过子元素本身直接冒泡到父元素上的事件 <style> .noclick{ pointer-events: none; /* 上层加上这句样式可以实现点击穿透 */ } </style> </head> <body> <div class="under" onclick="u
阅读全文
摘要:||运算符应该都很熟悉 当符号前的值为:0,false,''(空串),undefined,null等只要取非 (! xxx)为true的。就返回||后的值,否则返回前值。 ?? 运算符简单说一下用法 写法和||相同,例如: let a = 1; let b = a ?? 2; 区别在于只有前置是nu
阅读全文
摘要:关于生成器函数的讲解有一篇文章写的挺清楚,留一下地址免的走丢 https://www.cnblogs.com/rogerwu/p/10764046.html
阅读全文
摘要:此方法主要用于我们将某些信息,下载成固定的文件格式,如word或记事本等等, 核心的方法有两个一个是Blob构造函数,一个是window.URL.createObjectURL()。 对于Blob官方解释如下 语法 var aBlob = new Blob( array, options ); 参数
阅读全文
摘要:贴出来给大家看一下 console.log('start') function test(){ console.log('start-test') return new Promise((resolve,reject)=>{ console.log('promise'); setTimeout(()
阅读全文
摘要:一个比较简单的小功能,直接上代码了 window.onload = function(){ var img1 = document.querySelector('#a');//一个原本就有的图片 function convertImageToCanvas(image) { var canvas =
阅读全文
摘要:项目中需要的一个功能,简化成两个小的demo,每个都有js和jq两个版本 1.交换两个元素的所在位置 点击转换更换两个元素的位置,html略过,直接上js版代码 var btn = document.querySelector('.btn') function insertEle(ele,targe
阅读全文
摘要:锚点定位大家肯定都熟悉,a标签通过id绑定直接跳转到相对应的位置 近期一个项目收尾阶段需要一个系统问答的页面,上面是问题下面是解答,自然想到用 锚点定位。 此页面通过iframe嵌套在其他页面中,在嵌入后引发一个问题点击问题跳到相对应的答案位置后,整个页面向上移动了20多px。导航栏被遮挡住一部分。
阅读全文
摘要:我们在上传图片时经常需要判断图片的尺寸是否在要求范围内 <input type="file" onchange="loadPic(this)"/> var Max_Size = 2000; //2M var Max_Width = 100; //100px var Max_Height = 200;
阅读全文
摘要:穿梭框相信很多人接触过,在写后台管理系统的项目时有很大可能性会用到这个功能。 其实这个组件在element ui里面有,但是因为兼容性ie的问题(万恶的ie啊),我现在必须手写一个类似的功能供项目使用 乞丐样式上图 原汁原味基本没有经过任何修饰的html,有一种朴素的美。。。还是以功能为主啊,只写了
阅读全文
摘要:from的语法如下 Array.from(object, mapFunction, thisValue) object为要转为数组的对象,此对象的必须有length值,或为set()得到的对象,或字符串(必须参数) 如果object是一个数组,返回的仍是此数组 mapFunction,处理objec
阅读全文
摘要:一、filter 数组的过滤或筛选功能,根据筛选条件返回一个包含符合条件元素的新数组,不影响原数组,筛选条件写在一个函数中 二、find 返回通过函数内条件的第一个元素的值 三、map 数组的映射,返回一个新数组,其值是通过函数处理过的值 四、some some() 方法会依次执行数组的每个元素:
阅读全文
摘要:最近接一个新需求,要求双击时文字变成输入框失去焦点自动保存到服务器 本来双击编辑文字并不困难,但是文字的父元素有正好有请求服务器的点击事件 如果不能阻止的话会导致无意义的多次请求服务器,就研究了一下解决方法,下面上代码,基于vue使用的 <div class="page-tit" v-for="(i
阅读全文
摘要:为了防止某些错误中断代码的执行我们在代码中经常使用try 和catch的写法 但要注意try catch不能做真假类的判断只能做是否合法的判断 也就是说:try {1 2},虽然1 2是假,但是是合法的,catch不会捕捉到错误,也不会告诉你1 2到底是真是假。 所以,写在try里的应该是json.
阅读全文
摘要:https://www.jianshu.com/p/e984c3619019
阅读全文
摘要:在读一些用jq或者原生js写的代码是可能会遇到这种代码 、 !function() {return 1} !会吧function当做一个值进行计算 !function相当于立即执行匿名函数,和(function(){... })();函数意义相同 但是会进行计算 !function() {retur
阅读全文
摘要:如下代码var num1 = !!num1 ? num1 : a;,如果num1是undefined,null,那么!num1是true,!!num1是false,以此可以看出这句代码的意思是如果num1不是undifined和null则取参数的值num1,否则取变量a的值。 !可将undefine
阅读全文
1