web前端之JavaScript的插件下载指令及介绍npminstallsaverequire

Posted 2022-12-06 牧码厂

目录

• 1、扁平结构数据与树形结构数据之间的转换
• 2、防抖与节流
• 3、浮点数的加减乘除
• 4、检测输入的数据格式和类型是否正确，是否存在空数组或空对象
• 5、重名自增
• 6、根据后缀名渲染对应图标

---

1、扁平结构数据与树形结构数据之间的转换

下载安装指令

npm install mj-tree-structure --save  

---

功能介绍

本插件主要有两个功能。
功能一：扁平结构的数据转化成树形结构的数据，关键点在于扁平结构的数据必须有一个字段存储其父级id。
更能二：树形结构的数据转化成扁平结构的数据。

---

2、防抖与节流

下载安装命令

npm install mj-debounce-throttle --save

---

功能介绍

防抖的多种定义
1、防抖是指短时间内多次触发，最终在停止触发后的某个指定时间执行一次函数，只执行一次。
2、防抖是指触发事件n秒后才执行函数，如果在n秒内又触发事件，则会重新计算函数执行时间。
3、防抖是n秒内重复的触发会导致重新计时，直到n秒内没有重复触发函数才会执行。

节流的多种定义
1、短时间内多次触发，即使触发仍在继续也可以根据指定时间触发一次函数，至少执行一次。
2、节流是指连续触发事件，但是在n秒中只执行一次函数。节流会稀释函数的执行频率。
3、节流是n秒内只会执行第一次触发的函数，重复的触发无效。

---

3、浮点数的加减乘除

前言

因为javascript这门语言在计算浮点数时存在精度丢失，所以封装了加减乘除四个方法，每个方法只允许传两个参数，参数之间需要用逗号隔开。

---

下载安装指令

npm install mj-calculation --save

---

暴露的方法

方法名	描述
addition	加法
subtraction	减法
multiplication	乘法
division	除法

---

4、检测输入的数据格式和类型是否正确，是否存在空数组或空对象

下载安装指令

npm install mj-check-object-type --save

---

功能介绍

检测输入的数据格式和类型是否正确，是否存在空数组或空对象。

---

5、重名自增

下载安装指令

npm install mj-double-name-self-increase --save

---

功能介绍

重名自增，比如做断点续传的时候，暂停了一个文件，然后又重新选择这个文件上传，此时就需要给一样名字的文件再去一个名字了。此插件是在同名文件后面自增(1)。

---

函数方法介绍
doubleNameSelfIncrease('string')：需要传一个字符串，也就是文件名。

---

6、根据后缀名渲染对应图标

下载安装指令

npm install mj-matching-icon --save  

---

功能介绍

根据后缀名渲染对应图标，如果没有则渲染默认图标。