nkxrb-tools
v1.0.1
Published
a tool for js
Downloads
3
Maintainers
Readme
nkxrb tools
开发各种实用工具Utils。使用vite + typescript打包,使用方便,类型提示更友好
已完成的工具有:
| 函数名 | 参数 | 返回值 | 说明 | | -------------------- | ------------------------------------------------------------ | ------ | -------------------------------- | | listenElResize | el: HTMLElement, fn: (entry?: ResizeObserverEntry) => void | -- | 监听指定Div宽高变化 | | removeListenElResize | el: HTMLElement(注意,此参数需要和添加监听的el为同一个对象) | -- | 移除该Div上的大小监听事件 | | largePlus | a: string, b: string | string | 两个可能超过number存储的整数相加 | | getTextWidth | text: string, font: string = 'blod 12px Arial' | number | 计算一段文字在浏览器中的宽度 | | readCache | fn: Function |Function| 缓存一个函数相同的计算结果,提高性能 | | rgbToHex | rgb: string | object | 色值rgba转换为十六进制hex | | hexToRgb | hex:string | object | 色值hex转换为rgba | | intervalFn | fn: Function | Function | 将频繁执行的函数收集起来,以一定间隔执行。例如:收集日志 |
使用到的技术
- 语言环境 nodejs 12.18.2 / 部分工具仅适用于浏览器客户端(因为要使用到window、document内置对象)
- 类型推导 typescript
- 打包工具 vite
- 测试工具 jest
- 兼容配置 babel (IE11 + 谷歌)
目录结构
- _test_ 测试文件
- example 使用样例
- lib 最终的打包文件目录
- .eslintrc.js 代码格式约束文件
- .gitignore git提交忽略文件
- package.json 基本信息、执行命令、依赖包配置文件
- README.md 项目说明文件
- tsconfig.json TypeScript配置文件
- vite.config.ts vite打包工具配置文件