English | 简体中文
目前整理了200 左右的常用函数,还在持续更新中...,你的认可是对我最大的鼓励
- 纯 js 的工具函数,可使用在任何可执行 js 的环境
- 大量减少
ref<HTMLElement>和onMounted的使用，可以 script 标签直接调用 - 所有的副作用函数都能返回一个 stop 函数，可以在任意地方停止事件的执行，并且在页面销毁时自动销毁事件
- api 设计简单、实用、类型友好
import { insertElement, useEventListener, useMutationObserver, useRaf, } from 'lazy-js-utils' // 监听container的变化, 你不再需要const container = ref<HTMLElement> useMutationObserver('#container', (mutationsList, observer) => { console.log(mutationsList) }) // requestAnimationFrame useRaf( (timestamp) => { // 每帧相隔1s执行 console.log('animationFrame', timestamp) }, { delta: 1000, autoStop: true /* 只执行一次后被销毁 */ } ) // 注册事件 useEventListener('#container', 'click', () => { console.log('click') }) // 插入元素 insertElement('#container', '.content') // 删除元素 removeElement('.content')<div id="container"></div> <div class="content">hello world</div>npm i lazy-js-utils // 安装 import { deepCompare } from 'lazy-js-utils' // 按需引入 👉 文档
