狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

超多JavaScript實用小妙招

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

字符串處理

1. 生成隨機字符串

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"

數組操作

3. 數組去重

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

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

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

對象處理

5. 深拷貝(簡易版)

const deepClone = (obj) => JSON.parse(JSON.stringify(obj));// 注意:無法復制函數和循環引用

6. 對象屬性過濾

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

數字處理

7. 千分位格式化


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


8. 生成范圍隨機數

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

DOM 相關

9. 復制內容到剪貼板

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

10. 檢測元素是否可見

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"

函數優化

12. 防抖函數(Debounce)

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

13. 節流函數(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;    }  };};// 適用場景:滾動事件

14. 類型判斷增強版

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

15. 本地存儲封裝

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 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved