超碰人人人人人,色婷婷综合久久久久中文一区二区,国产-第1页-浮力影院,欧美老妇另类久久久久久

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

超多JavaScript實(shí)用小妙招

admin
2025年5月7日 12:20 本文熱度 138

字符串處理

1. 生成隨機(jī)字符串

const randomString = (length = 8) => {  return Math.random().toString(36).slice(22 + length);};// 示例:randomString() → "4f9d2fe3"

2. 首字母大寫

const capitalize = (str) => {  return str.charAt(0).toUpperCase() + str.slice(1);};// 示例:capitalize("hello") → "Hello"

數(shù)組操作

3. 數(shù)組去重

const uniqueArray = (arr) => [...new Set(arr)];// 示例:uniqueArray([1,2,2,3]) → [1,2,3]

4. 數(shù)組亂序(洗牌算法)

const shuffleArray = (arr) => {  return arr.sort(() => Math.random() - 0.5);};// 示例:shuffleArray([1,2,3,4]) → 隨機(jī)順序

對(duì)象處理

5. 深拷貝(簡(jiǎn)易版)

const deepClone = (obj) => JSON.parse(JSON.stringify(obj));// 注意:無(wú)法復(fù)制函數(shù)和循環(huán)引用

6. 對(duì)象屬性過(guò)濾

const filterObject = (obj, keys) => {  return Object.fromEntries(    Object.entries(obj).filter(([key]) => keys.includes(key))  );};// 示例:filterObject({a:1, b:2}, ['a']) → {a:1}

數(shù)字處理

7. 千分位格式化


const formatNumber = (num) => {  return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g",");};// 示例:formatNumber(1234567) → "1,234,567"


8. 生成范圍隨機(jī)數(shù)

const randomInRange = (min, max) => {  return Math.floor(Math.random() * (max - min + 1)) + min;};// 示例:randomInRange(5, 10) → 5~10之間的整數(shù)

DOM 相關(guān)

9. 復(fù)制內(nèi)容到剪貼板

const copyToClipboard = (text) => {  navigator.clipboard.writeText(text);};

10. 檢測(cè)元素是否可見(jiàn)

const isElementVisible = (el) => {  return el.offsetParent !== null;};

日期處理

11. 格式化日期

const formatDate = (date = new Date(), format = 'YYYY-MM-DD') => {  const pad = n => n.toString().padStart(2'0');  return format    .replace('YYYY', date.getFullYear())    .replace('MM'pad(date.getMonth() + 1))    .replace('DD'pad(date.getDate()));};// 示例:formatDate() → "2023-08-15"

函數(shù)優(yōu)化

12. 防抖函數(shù)(Debounce)

const debounce = (fn, delay = 300) => {  let timer;  return (...args) => {    clearTimeout(timer);    timer = setTimeout(() => fn.apply(this, args), delay);  };};// 適用場(chǎng)景:搜索框輸入

13. 節(jié)流函數(shù)(Throttle)

const throttle = (fn, interval = 300) => {  let lastTime = 0;  return (...args) => {    const now = Date.now();    if (now - lastTime >= interval) {      fn.apply(this, args);      lastTime = now;    }  };};// 適用場(chǎng)景:滾動(dòng)事件

14. 類型判斷增強(qiáng)版

const typeOf = (obj) => {  return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();};// 示例:typeOf([]) → "array"

15. 本地存儲(chǔ)封裝

const storage = {  set(key, value) => localStorage.setItem(key, JSON.stringify(value)),  get(key) => {    try {      return JSON.parse(localStorage.getItem(key));    } catch (e) {      return null;    }  }};


該文章在 2025/5/7 12:20:37 編輯過(guò)
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved