超级实用JS
2024-03-29 14:43 WEB前端小菜鸟 阅读(3) 评论(0) 编辑 收藏 举报1.千分位
1 2 3 4 5 6 7 | // js数字每三位加逗号(千分位格式)美元格式3位一个逗号 handleUs(val){ // eg:2536995 --->2,536,995 爽得一匹 return val.toLocaleString() }, // toLocaleString() 还可以将数字转为百分比 eg: var a = 1;<br>console.log(a.toLocaleString( 'zh' ,{style: 'percent' })) --> "100%" -->爽得一匹 <br><br>2.判断数组对象的数组里面是否存在这个对象,(如果存在则不加,应用场景--拖拽的时候,判断是否存在存在则不加) |
1 2 3 4 5 6 7 8 9 10 11 12 | // 检查是否已存在于数组中 let exists = draggableData.draggableDataArray.some( (item) => item.threeLevel === JSON.parse(e.dataTransfer.getData( "customData" )).threeLevel ); // 如果对象不存在,则添加到数组中 if (!exists) { draggableData.draggableDataArray.push( JSON.parse(e.dataTransfer.getData( "customData" )) ); } |
3.防抖节流函数--》一般按钮多次点用节流避免多次调用 -- 输入框输入就去调接口或者窗口事件这些用防抖
npm install lodash
import { debounce, throttle } from 'lodash'
// 保存最终接口(或者编辑) const save = throttle(async () => { if (history.state.borardId) { saveBoardLastLast(true); // 编辑 } else { saveBoardLastLast(false); // 新增 } },2000,{'trailing':false});//设置 2000 毫秒的节流时间及只调用一次加上这个'trailing':false,否则会调用2次开始一次结束一次
写法就是throttle(函数,时间,option)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架