前端JS
关注
分享
扫一扫
致HTC
来自HTC的惊喜
展开
-
前端JS简单模拟节流
如果只是单纯的想要防止用户频繁操作, 可以做个简单的定时器来实现节流的效果, 完整代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati原创 2021-04-02 14:21:06 · 138 阅读 · 0 评论 -
前端JS节流
节流（throttle）函数就是指连续触发事件但是在 n 秒中只执行一次函数。节流会减少函数的执行频率。一般的使用场景是事件触发频率非常高的时候。如：当使用window.onresize进行窗口缩放时当使用mousemove 事件时监听键盘事件时。“那感觉和防抖的作用好像也什么区别啊？”“作用差不多，但还是有一些区别的，防抖动是将多次执行变为最后一次执行，节流是将多次执行变成每隔一段时间执行。”多说无益，实践出真知，且看代码： var count = 0; window.onloa原创 2021-04-02 14:18:27 · 178 阅读 · 0 评论 -
前端JS防抖
JS防抖其实也是用来提升网页性能的一种技术写法防抖就是指当用户触发某个操作时，如果在指定的时间内再次触发该操作，那么就清除前面触发的操作，直到用户操作之后并且在指定的时间内不再操作我们再处理用户的请求常见的场景：如用户在输入框输入内容，我们根据用户输入内容去查数据。当用户输入文字时，监听input事件，那么用户每输入一个字符都会触发查询，这样就会发起很多个请求所以，我们可以考虑一下，当用户输入关键字的时候并且在3秒内不再输入文字，我们才发请求，否则我们就什么都不做所以我们应该每次都使用一个定时器来原创 2021-04-02 14:12:30 · 212 阅读 · 0 评论