前端 -- 手写工具类函数
JS手写记录各种工具类函数
wincheshe
秋天,黄叶坠地,凉风有信。
展开
-
常用的JS装饰器函数记录 --- 缓存,防抖,节流 --- 持续更新···
1、缓存函数实现功能:当第一次函数调用,保存该函数第二次调用传相同参数时,直接输出缓存结果优化性能let worker = { slow(min, max) { console.log(`Called with ${min},${max}`); return min + max; }};function cachingDecorator(func) { // 用map来保存缓存 let cache = new Map(); return functio原创 2022-02-28 19:46:19 · 677 阅读 · 3 评论 -
常用的JS工具函数记录 --- 持续更新······
获取元素样式obj:元素对象name:样式属性Pseudo:伪元素名称// 获取元素的样式代码function getstyle(obj, name,Pseudo=null) { return getComputedStyle(obj, Pseudo)[name];}1、普通元素获取// body<div id="box1" style="width: 100px; height: 100px; background-color: #bfa;"></div&原创 2022-02-28 17:48:14 · 87 阅读 · 0 评论 -
EventMixin 继承类拓展方法(自定义事件生成,监听,取消)
EventMixin现在让我们为实际运用构造一个 mixin。例如,许多浏览器对象的一个重要功能是它们可以生成事件。事件是向任何有需要的人“广播信息”的好方法。因此,让我们构造一个 mixin,使我们能够轻松地将与事件相关的函数添加到任意 class/object 中。Mixin 将提供 .trigger(name, [...data]) 方法,以在发生重要的事情时“生成一个事件”。name 参数(arguments)是事件的名称,[...data] 是可选的带有事件数据的其他参数(argument原创 2022-02-28 16:19:55 · 127 阅读 · 0 评论