前端-JavaScript
文章平均质量分 56
前端-JavaScript
REX_PERSIST
这个作者很懒,什么都没留下…
展开
-
列表、表格滚动到底部加载数据方案
滚动加载是前端经常遇到的业务场景,主要是实现列表的加载,其实质跟分页没多大区别,如果不是特别要求,可以使用分页替代,综合性能和用途做以下几种方案。原创 2023-05-06 11:00:47 · 877 阅读 · 0 评论 -
js常用方法及写法思路整理
(1)数据、接口整合思维,能合并成一个数组或者接口的尽量合并,代码尽量使用高级一点的写法,不要让代码冗余;多种方案在脑中选择,最终选择从逻辑到代码最优的方案;一开始确定代码解构是否要写成父子结构,不必要的话,尽量不要写成父子结构,因为不利于传参事件联动(2)后端返回的数据结构是一维数组,类似于let resData=[ {a:'11',b:'11',level:'0'}, {a:'22',b:'22',level:'1'}, {a:'33',b:'33',level:'0'},原创 2022-03-30 14:39:51 · 635 阅读 · 0 评论 -
数组、对象、字符串常用方法整理
数组常用方法会修改原数组的方法:shift、unshift、pop、push、reverse、sort、splice不会修改原数组的方法:concat、join、slice、map、filter、some、every、includes、find、findIndex、reduce等(1)将一个字符串如“20190203”转化成“2019-02-03”?arr.slice(0,4)+'-'+arr.slice(4,6)+'-'+arr.slice(6)(2)将字符串如“2019/02/03”转化原创 2022-03-30 14:14:17 · 175 阅读 · 0 评论 -
offsetTop、getBoundingClientRect、scrollTop、scrollTo、scrollIntoView、offsetWidth、offsetHeight等js页面滚动操作
offsetTop、getBoundingClientRect获取元素距离参考系的距离1、offsetTop是获取指定对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置,offsetTop受父级定位的影响(relative、absolute、fixed定位都会影响),向上查找设置定位的父级元素,如果没有找到,直接查到body元素2、getBoundingClientRect是直接获取元素距离浏览器窗口可视区域的距离,不受定位的影响scrollTop、scrollTo、scro原创 2022-03-30 11:22:59 · 1000 阅读 · 0 评论 -
正则使用规则
正则使用规则//正则// const reg=new RegExp(/123/,'g')// ^ 表示匹配行首的文本// $ 表示匹配行尾的文本//大括号 表示量词 var reg = /^abc{3}$/; //c重复3次//中括号 var reg = /^[abc]$/; //a 可以b也可以 c也可以a||b||c,[^]括号内加^表示非[]内任何一个元素//小括号 表示优先级 var reg = /^(abc){3}/; //abc重复3次// 量词符 // *表示0至多个 /原创 2022-03-28 10:40:21 · 170 阅读 · 0 评论 -
lodash常用方法
lodash常用方法安装数组处理方法1、_.chunk(array, [size=1])2、_.drop(array, [n=1])3、_.dropRight(array, [n=1])4、_.fill(array, value, [start=0], [end=array.length])`(*会改变原始数组 array)`5、_.flatten(array)、_.flattenDeep(array)、_.flattenDepth(array, [depth=1])6、_.pull(array, valu原创 2022-03-28 10:38:30 · 1068 阅读 · 0 评论