摘要: <button class="btn">按钮</button> <!-- <script src="./js/underscore.js"></script> --> <script> function hdcthrottle(fn,time){ //获取开始时间 let startTime = 0 阅读全文
posted @ 2024-10-22 19:42 韩德才 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 认识节流throttle函数 ◼ 我们用一副图来理解一下节流的过程 当事件触发时,会执行这个事件的响应函数; 如果这个事件会被频繁触发,那么节流函数会按照一定的频率来执行函数; 不管在这个中间有多少次触发这个事件,执行函数的频繁总是固定的; 节流的应用场景: ➢ 监听页面的滚动事件; ➢ 鼠标 阅读全文
posted @ 2024-10-22 19:20 韩德才 阅读(7) 评论(0) 推荐(0) 编辑
摘要: <button>按钮</button> <input type="text"> <!-- 本地引入:下载js文件并且本地引入 --> <!-- <script src="./js/underscore.js"></script> --> <script> /* 自己实现函数需要做的事情 1.需要接收 阅读全文
posted @ 2024-10-22 18:49 韩德才 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 防抖函数和节流函数 认识防抖debounce函数 ◼ 我们用一副图来理解一下它的过程: 当事件触发时,相应的函数并不会立即触发,而是会等待一定的时间; 当事件密集触发时,函数的触发会被频繁的推迟; 只有等待了一段时间也没有事件触发,才会真正的执行响应函数; 防抖的应用场景很多: ➢输入框中频繁 阅读全文
posted @ 2024-10-22 16:31 韩德才 阅读(10) 评论(0) 推荐(0) 编辑
摘要: // 封装工具函数:格式化时间 function formatTime(timestamp,fmtString){ //1.将时间戳转成date const date = new Date(timestamp) // // 获取具体时间 // //获取年 // const year = date.g 阅读全文
posted @ 2024-10-22 16:01 韩德才 阅读(9) 评论(0) 推荐(0) 编辑
摘要: /* currentTime: 2000 [00:00.000] 作词 : 许嵩 -> { time: 0, content: "作词 : 许嵩" } [00:01.000] 作曲 : 许嵩 -> { time: 1000, content: "作曲 : 许嵩" } [00:02.000] 编曲 : 阅读全文
posted @ 2024-10-22 15:23 韩德才 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 什么是正则表达式? ◼ 我们先来看一下维基百科对正则表达式的解释: 正则表达式(英语:Regular Expression,常简写为regex、regexp或RE),又称正则表示式、正则表示法、规则表达式、常规表示法,是计算机科学的一个概念; 正则表达式使用单个字符串来描述、匹配一系列匹配某个句 阅读全文
posted @ 2024-10-22 11:35 韩德才 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 认识Storage ◼ WebStorage主要提供了一种机制,可以让浏览器提供一种比cookie更直观的key、value存储方式: cookie:服务器返回自动返回一个cooki,浏览器将cookie存储到本地,浏览器再发送请求自动把cooki传递过去 localStorage:本地存储,提 阅读全文
posted @ 2024-10-22 11:25 韩德才 阅读(17) 评论(0) 推荐(0) 编辑