lutils

此工具包是在 outils 的基礎上,加上個人平時收集的程式碼片段進行的二次整合 outils的GitHub:https://github.com/proYang/outils/blob/master/README.md

使用

直接下載min目錄下的lutils.min.js或lutils.full.min.js
推薦根據自己的的實際需求,自行進行打包
可通過 Object.keys(lutils) 檢視內建封裝函式

瀏覽器使用示例:

  <script src="lutils.min.js"></script>

  <script>

      var demo=lutils.str.trim(" 複製到剪下板 ");//trim示例

      demo+=(" 隨機:"+lutils.random.randomChars(7));//隨機字串

      lutils.clipboard(demo);//剪下板示例

  </script>

Cookie

• getCookie 根據name讀取Cookie

• removeCookie 根據name刪除Cookie

• setCookie 新增Cookie

Json (包含Object與Array)

• array2Tree 陣列轉為樹狀格式陣列

• deepClone 深拷貝，支援常見型別

• isEmpty 判斷物件或陣列是否為空

• copy 一般拷貝，淺拷貝

• arrayEqual 判斷陣列是否相等

• countArray 判斷陣列項在陣列中出現的次數

• reverse Object資料翻轉 key value翻轉 或 陣列翻轉

• optionArr2Obj 例如:[{value: '選項1',label: '黃金糕'},...] 轉 {'黃金糕':'選項1',...}

• obj2OptionArr 例如:{'黃金糕':'選項1',...} 轉[{value: '選項1',label: '黃金糕'},...]

• initRangeArray 生成指定範圍的整數陣列

Str (String)

• replaceAll 替換所有

• digitUppercase 現金額轉大寫

• rtrim 去除字串前後空格

• ltrim 去除左空格

• trim 去除右空格

• reverse 字串倒轉

• ucfirst 英文字串首字母大寫

Support

• webP 判斷瀏覽器是否支援webP格式圖片

• webP2 判斷瀏覽器是否支援webP格式圖片

Keycode

• getName 根據keycode獲得鍵名

File

• toBlobURL 檔案轉BlobURL

• toDataURL 檔案轉DataURL

• base64UrlToBlob base64轉Blob 或 ArrayBuffer

• downloadByUrl 通過url下載檔案

Num (Number)

• accAdd 精確的加法計算

• accSub 精確的減法計算

• accMul 精確的乘法計算

• accDiv 精確的除法計算

Date (日期時間處理推薦結合moment.js使用)

• string2date 字串時間轉為Js Date型別

• formatPassTime 格式化${startTime}距現在的已過時間

• formatRemainTime 格式化現在距${endTime}的剩餘時間

• isSameDay 判斷是否為同一天

• getTimeStamp 時間戳

Validate

• messages 預設驗證提示

• required 非空驗證

• email 郵箱驗證

• url url驗證

• date 時間驗證

• dateISO 時間驗證,例如：2009-06-23，1998/01/22 只驗證格式

• number 數字驗證

• digits 數字驗證

• isarr 是否是陣列

• minlength 最小長度驗證

• maxlength 最大長度驗證

• rangelength 長度範圍驗證

• min 最小值驗證

• max 最大值驗證

• range 值範圍驗證

• equalTo 型別與值是否相等

• mphone 手機號驗證

• tphone 動畫號驗證

• idCard 身份證驗證

• postal 郵編驗證

Url

• getQueryObject 將url引數獲取為物件

• stringfyQueryString 物件序列化為url引數

• getQueryString 根據name獲取url引數值

Fun (Function)

• throttle 函式節流

• debounce 函式防抖

Random

• randomColor 隨機生成顏色

• randomNum 生成指定範圍隨機數

• randomChars 生成隨機字串([A_Z],[az],[0~9])

• randomChars 生成隨機字串([A_Z],[az],[0~9])

• randomSort 打亂陣列內部順序

• UUID 生成UUID

Dom

• addClass 為元素新增class

• getScrollTop 獲取滾動條距頂部的距離

• hasClass 判斷元素是否有某個class

• offset 獲取一個元素的距離文件(document)的位置，類似jQ中的offset()

• removeClass 為元素移除class

• scrollTo 在${duration}時間內，滾動條平滑滾動到${to}指定位置

• setScrollTop 設定滾動條距頂部的距離

• windowResize H5軟鍵盤縮回、彈起回撥

• append 追加html類似jQ中的html()

• fullscreen 進入全屏模式

• exitFullScreen 退出全屏模式

Xml

• json2xml json轉xml文字

• xml2json xml(Element)轉json

• parseXml 字串轉xml(Element)

Device

• getExplore 獲取瀏覽器型別和版本號

• getOS 獲取作業系統型別

• isWeixin 獲取是微信瀏覽器

Mime

• 描述訊息內容型別

Clipboard

• 剪下板

轉自：https://gitee.com/baojuhua/lutils/tree/master