算法刷题
大厂面试还是很注重算法题的,尤其是字节跳动,算法是问的比较多的,关于算法,推荐《LeetCode》和《算法的乐趣》,这两本我也有电子版,字节跳动、阿里、美团等大厂面试题(含答案+解析)、学习笔记、Xmind思维导图均可以分享给大家学习。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
写在最后
最后,对所以做Java的朋友提几点建议,也是我的个人心得:
-
疯狂编程
-
学习效果可视化
-
写博客
-
阅读优秀代码
-
心态调整
这个也是没有必要每次输入都要保存,而是设定一个时间,多少时间之后呢再自动保存
1.2、防抖代码实现思路?
回答:利用定时器定时器基本靠谱了
let timerId=null
// 首先把定时器声明为null
document.querySelector('.ipt').onKeyup=function(){
//onkeyup键盘抬起事件
//防抖
if(timerId !==null){
clearTimeout(timerId)
}
//键盘抬起的时候我们先来判断是不是null,如果不是null我就清除定时器
//首次执行这个条件是不满足的,所以不清除定时器,执行下面代码
timerId =setTimeout(()=>{
console.log('我是防抖')
},1000)
//定时器一旦执行,就会返回给我们一个数字,所以timerId就有数字了
//1.如果此时你又做了一次键盘的抬起事件,
//2.因为定时器timerId不是null,那么就先清除定时器
//3.清除完毕又执行这段代码
}
2.节流:
就是指连续触发事件但是在设定的一顿时间内只执行一次函数。
例如:
设定1000毫秒执行,那你在1000毫秒触发再多次,也只在1000毫秒后执行一次
记忆方法
- 记忆核心:不要打断我
2.1、节流应用场景:
- 高频事件 例如 快速点击、鼠标滑动、resize事件、scroll事件
- 下拉加载
- 视频播放记录时间等
2.2、节流代码实现思路?
回答:利用定时器定时器基本靠谱了
let timerId=null
// 首先把定时器声明为null
document.querySelector('.ipt').onmouseover=function(){
//onmouseover鼠标经过事件
//节流
if(timerId !==null){
return
}
//首次执行timerId为空,这个条件是不满足的
//所以不执行return,执行下面代码
timerId =setTimeout(()=>{
console.log('我是节流')
timerId=null
},100)
//定时器一旦执行,就会返回给我们一个数字,所以timerId就有数字了
//但是这段代码是在100毫秒之后才去执行代码块
//如果是在100毫秒之内再次做了一个鼠标事件
//我再次触发事件,timerId已经做了变化
//if条件就满足了,return结束我们这个函数,
}
所以我们会发现节流就是不要打断我,在我执行期间,你如果多次触发,他都会return返回出我这个函数,所以不糊影响下面代码块的执行,除非等我代码执行完了,在等于null,我才执行新的一轮开始
总结
- 防抖:单位时间内,频繁触发事件,只执行最后一次
- 典型场景:搜索框搜索输入
- 代码思路是利用定时器,每次触发先清掉以前的定时器(重新开始)
- 节流:单位时间内:频繁触发事件,只执行一次
- 典型场景:高频事件 快速点击、鼠标滑动、resize、srcoll事件
- 代码思路也是利用定时器,等定时器执行完毕,才开始定时器(不要打断)
常用的JavaScript设计模式
-
单体模式
-
工厂模式
-
例模式
函数
-
函数的定义
-
局部变量和全局变量
-
返回值
-
匿名函数
-
自运行函数
-
闭包
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】