前端开发 [7]

TypeScript中interface和type的继承方法
interface 继承 interface 可以通过 extends 继承一个或者多个接口,例如: interface Person { name: string; age: number; } interface Teacher extends Person { subject: string; teachingYear: number; } type 继承 type 继承和 ...
JavaScript常见数组遍历方法汇总
在学习 JavaScript 初期,我们可能只知道使用 for 循环进行遍历。然而现在各种遍历方法层出不穷,让人眼花缭乱。因此,在本文中我们将总结常用的几种方法,以便于后期按需使用。 find() find 方法会遍历整个数组,对每个元素都执行一次回调函数,如果有任意一个元素满足条件,就会立即中断遍历并返回当前元素。反之如果没有元素满足条件,则返回 undefined。 [2, 5, 8, 1, ...
vueuse使用方法随手记
useThrottleFn 函数节流(点击查看官方文档) 参数 参数 说明 默认值 fn 需要节流的函数 - ms? 等待时间,单位为毫秒 200 leading? 是否在延迟开始前调用函数 true trailing? 是否在延迟开始后调用函数 false 类型声明 export declare function useThrottleFn<T extend ...
常用正则随手记
同时匹配多个单词 判断是否同时存在“import”、“PropType” (?=^.*?import)(?=^.*?PropType) ...
解决vue项目由浅拷贝深拷贝导致的问题
前两天项目上碰到了一个让人头疼的问题,需求是把data的数据赋值给dataCopy,修改dataCopy的时候保证data不变。 但是不论我怎么操作,data都会跟随着dataCopy的变化而变化,自己怎么折腾都解决不了,最后搜索了下,发现是浅拷贝导致的问题。 export default { data() { return { data:{}, ...
用position sticky来实现菜单吸顶效果
前言 我之前都是使用固定定位来实现吸顶效果,做个普通的顶部菜单吸顶功能还凑活,但是碰到复杂的场景就歇菜了。 恰逢今天项目上需要做个非常规的吸顶效果,用固定定位怎么调都不达不到最好效果。最后还是得请教一下万能的搜索引擎,然后就发现了本文接下来要介绍的position:sticky。 简介 单词sticky的中文意思是“粘性的”,position:sticky表现也符合这个粘性的表现。 基本上可以看成 ...
用querySelector和scrollIntoView来实现让页面滚动到某一元素的功能
这次的开发需求是给列表做个搜索框,输入对应的编号,页面自动滚到所在位置。这里用到了querySelector()和scrollIntoView()两个方法。 querySelector() 返回文档中匹配指定CSS选择器的一个元素,例如要返回class="item"的元素:document.querySelector(".item") scrollIntoV ...