web基础
Ms_杨
just go
展开
-
js 数组扁平化处理flat
js 数组扁平化处理flat1、直接调用flat2、正则表达式匹配3、递归4、数组累加器reduce5、展开运算符...和while循环 1、直接调用flat flat (arr) { return arr.flat(Infinity) }, 2、正则表达式匹配 flat1 (arr) { const str = JSON.stringify(arr) const reg = /(\[\]))/g return str.replace原创 2020-11-18 21:58:38 · 478 阅读 · 0 评论 -
CSS经典布局
css经典布局一、圣杯布局1. flex弹性布局2. 绝对定位3. float浮动布局二、双飞翼布局三、table布局四、calc 一、圣杯布局 1. flex弹性布局 ①父盒子设置flex布局 ②左右盒子flex属性的拓展和收缩比例为0、1,基准值为内容宽度 ③中间盒子flex为1,内容占满剩余空间 <div class="parent"> <div class="left side-background">left</div> &l原创 2020-11-18 15:26:18 · 401 阅读 · 0 评论 -
防抖节流
防抖节流 目的 解决短时间内高频触发某事件导致响应速度跟不上频率,从而出现延迟、停顿、卡死等问题 防抖 1. 概念 高频触发事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间 2. 实现 方式:每次触发事件时设置一个延迟调用方法,并且取消之前的延时调用方法,其中使用到闭包来缓存定时器 缺点:如果事件在规定的时间间隔内被不断的触发,则调用方法会被不断的延迟 3. 应用 登录、发短信时,用户点击多次,只发送一次请求 resize浏览器窗口变化,1秒内只重绘一次图表 文本编辑原创 2020-10-18 16:38:14 · 865 阅读 · 0 评论 -
js 数组去重
js 数组去重js 数组去重1、forEach、indexOf2、forEach、includes3、forEach、对象属性存在4、filter删选5、ES6的Set结构、Array.from方法 js 数组去重 1、forEach、indexOf 利用数组原型对象上的forEach方法遍历,indexOf方法筛选 arrayUnique (arr) { const newArr = [] arr.forEach(item => { if (newArr.indexOf(item)原创 2020-10-12 16:06:19 · 238 阅读 · 0 评论