05 2022 档案
摘要：为了让项目的运行效率更高，减少开销，需要对重排、回流、重绘有一定的了解。 重排和回流其实是一回事。 浏览器渲染 浏览器在渲染页面的时候，大致是以下几个步骤： 解析html生成DOM树，解析css，生成CSSOM树，将DOM树和CSSOM树结合，生成渲染树； 根据渲染树，浏览器可以计算出网页中有哪些节
阅读全文
摘要：正则表达式的作用 提取字符串：从指定的字符串中将符合规则部分提取出来 匹配正则：判断一个字符串是否跟指定的规则匹配 替换字符串：将一个字符串中跟规则匹配的部分替换掉 正则表达式的组成 普通字符 特殊字符(元字符)：正则表达式中有特殊意义的字符 元字符 常用元字符串 元字符说明 \d 匹配数字 \D
阅读全文
摘要：数组新增的方法 some - 判断数组中是否至少有一个元素是满足指定条件的，返回布尔值 语法： 布尔值 = 数组.some(function(v,i,a){ return 条件; }) // 上面的i和a是可选参数 some内置的原理，遍历数组，判断每个值是否满足条件，有满足的就返回true，并br
阅读全文
摘要：鼠标事件 事件描述 click 左键单击 contextmenu 右键单击 dblclick 双击 mousedown 左键按下 mouseup 左键弹起 mouseover 鼠标放上去（在子元素上也会触发） mouseout 鼠标离开 mouseenter 鼠标放上去 mouseleave 鼠标离
阅读全文
摘要：焦点事件 焦点事件会在页面元素获得或失去焦点时触发，针对input属性 blur 在元素失去焦点时触发。这个事件不冒泡，所有浏览器都支持。 focus 在元素获得焦点时触发。这个事件不冒泡，所有浏览器都支持。 focusin 在元素获得焦点时触发。这个事件冒泡,某些浏览器不支持。 focusout
阅读全文
摘要：function get() { var now = +new Date() var guonian = +new Date('2023-1-22') var shenxia = parseInt((guonian - now) / 1000) var y = parseInt(shenxia /
阅读全文
摘要：function getColor(ele) { if (ele 16) { var color = '#' for (var i = 0; i < 3; i++) { var num = getRandom(0, 256) var jinzhi = num.toString(16) if (jin
阅读全文
摘要：function countDown (time) { var now = +new Date() //返回的是当前的总毫秒数 var inputTime = new Date(time) //返回的是用户输入的总毫秒数 var times = (inputTime - now) / 1000 //
阅读全文
摘要：function getDate () { var time = new Date() var h = time.getHours() h = h<10 ? '0' + h : h var m = time.getMinutes() m = m<10 ? '0' + m : m var s = ti
阅读全文
摘要：得到两个数之间的随机整数包括两个数在内 function getRandomIntInclusive(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - m
阅读全文
摘要：//1，把旧数组里不重复的元素选取出来放到新数组中，重复的元素只保留一个，放到新数组中去重//2，遍历旧数组，然后拿旧数组的元素去查询新数组，如果该元素在新数组里没有出现过我们就添加，否则不添加//3.利用新数组.indenxOf(数组元素)如果返回是-1就说明新数组没有改元素function un
阅读全文
摘要：时间日期对象创建 var date = new Date() console.log(date) // Tue Jul 30 2019 21:26:56 GMT+0800 (中国标准时间) 创建好的是一个对象，但是当输出的时候被浏览器自动转为字符串输出了。获取到的是当前本地的时间日期对象。如果把本地
阅读全文
摘要：10进制转其他进制： 语法：10进制数字.toString(进制数) var x = 110; x.toString(2) // 转为2进制 x.toString(8) // 转为8进制 x.toString(16) // 转为16进制 其他进制转10进制： 语法：parseInt(数据,进制数)
阅读全文
摘要：Math常用API 1. 圆周率 Math.PI // 3.1415926535 2. 生成随机数 (生成的是0~1之间的随机小数，通常在实际项目中需要获取到一个范围内的随机整数，利用这个随机小数封装一个获取范围内的随机整数的函数：) Math.random() function getRandom
阅读全文
摘要：1. charCodeAt - 根据指定下标获取对应的字符的阿斯克码 var str = 'abcdef'; // 获取下标为3的字符的阿斯克码 var res = str.charCodeAt(0); // 参数为指定的下标 console.log(res); // 97 2. String.fr
阅读全文
摘要：indexOf方法 （查找某个元素在数组中第一次出现的位置） 语法：arr.indexOf(元素,[开始查找的起始下标]); 代码示范： var arr = [1,3,5,7,7,5,3,1]; console.log(arr.indexOf(5)); // 2 - 查找数字5在数组中第一次出现的下
阅读全文
摘要：降序：先找最大值，排在最左边，再找第二大的值，往左边靠...，已经排好的，不再参与比较 var arr = [3,2,1]; // 》 [1,2,3] // arr[0]放最小的值，所以将arr[0]跟后面所有值比较，如果有比arr[0]更小的，就跟arr[0]交换位置 for(var i=1;i<
阅读全文
摘要：相邻两个元素进行比较，将一个数组中的数字使用循环进行升序或降序的排列 var arr = [3,2,1]; // > [1,2,3] // 相邻的元素比较，就是下标i的元素跟下标i+1的元素比较 - 所以循环要比正常的遍历少一次 for(var i=0;i<arr.length-1;i++){ //
阅读全文
摘要：unshift - 给数组开头添加一个或多个元素 - 返回数组新长度 var arr = ['a','b','c']; var l = arr.unshift('d') console.log(arr) // ['d','a','b','c'] console.log(l) // 4 shift -
阅读全文
摘要：<script> var arr = [ { goodsImg:'https://img30.360buyimg.com/seckillcms/s140x140_jfs/t1/186995/37/12433/183771/60e7ffb3E1b78db87/c5696abfd650ef64.jpg.
阅读全文
