前端开发 [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
...