xijs 是一款開箱即用的 js 業務工具庫, 聚集于解決業務中遇到的常用的js函數問題, 幫助開發者更高效的進行業務開發， 目前已聚合了50+常用工具函數, 接下來就和大家一起分享一下v1.2.3 版本的更新內容。

1、添加將樹結構轉換成扁平數組方法

該模塊主要由 EasyRo 貢獻, 添加內容如下:

使用方式如下:

import { transformArray } from 'xijs';
const tree = [
  {
    id: '0',
    name: '趣談前端',
    pid: '',
    children: [
      {
        id: '0-1',
        name: 'js',
        pid: '0',
        children: [],
      },
      {
        id: '0-2',
        name: 'css',
        pid: '0',
        children: [
          {
            id: '0-2-1',
            name: 'css3',
            pid: '0-2',
            children: [],
          },
        ],
      },
    ],
  },
];
console.log(transformArray(tree));

2、添加常用數學計算函數

該模塊主要由 無極俠嵐 貢獻, 添加內容如下:

使用方式如下:

import { transformTree } from 'xijs';

const data = [
  {
    id: '0',
    name: '趣談前端',
    pid: '',
  },
  {
    id: '0-1',
    name: 'js',
    pid: '0',
  },
  {
    id: '0-2',
    name: 'css',
    pid: '0',
  },
  {
    id: '0-2-1',
    name: 'css3',
    pid: '0-2',
  },
];

console.log(transformTree(data));

3、將鏈表結構轉化為數組結構

該模塊主要由知乎作者 萌萌你萌不萌啊 貢獻, 添加內容如下:

使用方式如下:

import { linkListToArray } from 'xijs';

const linkList = {
  value: 100,
  next: { value: 200, next: { value: 300, next: { value: 400 } } },
};
const arr = linkListToArray(linkList);
console.log(arr); // -> [100,200,300,400]

4、將鏈表結構轉化為數組結構

該模塊由 大臉貓 貢獻, 添加內容如下:

• $ 獲取dom元素。
• getDomPageXY 獲取dom元素在當前文檔中的絕對位置。
• getDomScreenXY 獲取dom元素相對于screen絕對位置。
• 獲取dom元素相對于screen絕對位置。
• getDomText 獲取文本內容。

使用方式如下:

import { getDomPageXY } from 'xijs';

// 獲取dom元素在當前文檔中的絕對位置
const dom = getDomPageXY('#id');

接下來我們跑一下單元測試, 對整個庫做一個全面的掃描:

整個測試一共花了16.83s, 測試全部通過, 各位小伙伴們可以放松食用.

為了方便大家更好的了解 xijs 這個庫, 我列一個完整的目錄結構供大家參考, 也可以直接用 xijs 的在線文檔中去參考學習。

• 瀏覽器相關 getRuntimeEnv - 獲取運行環境getSelection - 獲取選中文本redirect - 重定向store - 本地存儲庫。
• 字符串操作 base64 - base64編碼和解碼camelize - 橫線轉駝峰命名charCount - 獲取字符數formatNumber - 數值千分位格式化formatPercent - 值轉換為百分數表示hyCompact - 緊湊型駝峰命名轉換hyphenate - 駝峰命名轉橫線命名randomStr - 生成隨機字符串repeat - 生成重復字符串uuid - 生成唯一id。
• 常用判斷函數 isArray - 判斷數組類型isEmpty - 判斷空對象isPc - 判斷設備類型isPhone - 判斷手機號格式isEmail - 判斷郵箱函數isIdCard - 判斷身份證格式函數isPhone - 判斷手機號格式lang - 判斷中英文。
• 數據結構相關 cloneDeep - 數據深拷貝formatDate - 時間格式化getRawType - 獲取數據類型obj2url - 將對象參數解析為url字符串transformTree - 扁平轉樹結構url2obj - url字符串轉對象。
• 圖片處理函數 compressImg - 自定義壓縮圖片函數file2img - 文件轉圖片對象hex2rgba - hex色值轉rgbargba2obj - 將rgba值轉化為rgba對象。
• js高級函數 debounce - 防抖函數parser - json超級解析器sleep - 睡眠函數throttle - 節流函數。
• 常用算法和數據結構 bubbleSort - 冒泡排序quickSort - 快速排序。
• 數學計算 average - 計算數組平均值difference - 創建一個排除指定項的數組random - 返回區域內隨機數shuffle - 打亂數組factorial - 階乘計算fibonacci - 計算斐波那契數sum - 求和數組。
• dom操作 $ 獲取dom元素getDomPageXY 獲取dom元素在當前文檔中的絕對位置getDomScreenXY 獲取dom元素相對于screen絕對位置獲取dom元素相對于screen絕對位置getDomText 獲取文本內容。
• 幾何計算 coordinatesInCircle - 生成圓內任意坐標coordinatesInRect - 生成矩形內任意坐標judgePointInCircle - 判斷一點是否在圓內。