建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
xijs 是一款開(kāi)箱即用的 js 業(yè)務(wù)工具庫(kù), 聚集于解決業(yè)務(wù)中遇到的常用的js函數(shù)問(wèn)題, 幫助開(kāi)發(fā)者更高效的進(jìn)行業(yè)務(wù)開(kāi)發(fā)， 目前已聚合了50+常用工具函數(shù), 接下來(lái)就和大家一起分享一下v1.2.3 版本的更新內(nèi)容。
寶山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話(huà)聯(lián)系或者加微信：18980820575（備注：SSL證書(shū)合作）期待與您的合作！
1、添加將樹(shù)結(jié)構(gòu)轉(zhuǎn)換成扁平數(shù)組方法
該模塊主要由 EasyRo 貢獻(xiàn), 添加內(nèi)容如下:
使用方式如下:
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、添加常用數(shù)學(xué)計(jì)算函數(shù)
該模塊主要由 無(wú)極俠嵐 貢獻(xiàn), 添加內(nèi)容如下:
使用方式如下:
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、將鏈表結(jié)構(gòu)轉(zhuǎn)化為數(shù)組結(jié)構(gòu)
該模塊主要由知乎作者 萌萌你萌不萌啊 貢獻(xiàn), 添加內(nèi)容如下:
使用方式如下:
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、將鏈表結(jié)構(gòu)轉(zhuǎn)化為數(shù)組結(jié)構(gòu)
該模塊由 大臉貓 貢獻(xiàn), 添加內(nèi)容如下:
- $ 獲取dom元素。
- getDomPageXY 獲取dom元素在當(dāng)前文檔中的絕對(duì)位置。
- getDomScreenXY 獲取dom元素相對(duì)于screen絕對(duì)位置。
- 獲取dom元素相對(duì)于screen絕對(duì)位置。
- getDomText 獲取文本內(nèi)容。
使用方式如下:
import { getDomPageXY } from 'xijs';
// 獲取dom元素在當(dāng)前文檔中的絕對(duì)位置
const dom = getDomPageXY('#id');接下來(lái)我們跑一下單元測(cè)試, 對(duì)整個(gè)庫(kù)做一個(gè)全面的掃描:
整個(gè)測(cè)試一共花了16.83s, 測(cè)試全部通過(guò), 各位小伙伴們可以放松食用.
為了方便大家更好的了解 xijs 這個(gè)庫(kù), 我列一個(gè)完整的目錄結(jié)構(gòu)供大家參考, 也可以直接用 xijs 的在線(xiàn)文檔中去參考學(xué)習(xí)。
- 瀏覽器相關(guān) getRuntimeEnv - 獲取運(yùn)行環(huán)境getSelection - 獲取選中文本redirect - 重定向store - 本地存儲(chǔ)庫(kù)。
- 字符串操作 base64 - base64編碼和解碼camelize - 橫線(xiàn)轉(zhuǎn)駝峰命名charCount - 獲取字符數(shù)formatNumber - 數(shù)值千分位格式化formatPercent - 值轉(zhuǎn)換為百分?jǐn)?shù)表示hyCompact - 緊湊型駝峰命名轉(zhuǎn)換hyphenate - 駝峰命名轉(zhuǎn)橫線(xiàn)命名randomStr - 生成隨機(jī)字符串repeat - 生成重復(fù)字符串uuid - 生成唯一id。
- 常用判斷函數(shù) isArray - 判斷數(shù)組類(lèi)型isEmpty - 判斷空對(duì)象isPc - 判斷設(shè)備類(lèi)型isPhone - 判斷手機(jī)號(hào)格式isEmail - 判斷郵箱函數(shù)isIdCard - 判斷身份證格式函數(shù)isPhone - 判斷手機(jī)號(hào)格式lang - 判斷中英文。
- 數(shù)據(jù)結(jié)構(gòu)相關(guān) cloneDeep - 數(shù)據(jù)深拷貝formatDate - 時(shí)間格式化getRawType - 獲取數(shù)據(jù)類(lèi)型obj2url - 將對(duì)象參數(shù)解析為url字符串transformTree - 扁平轉(zhuǎn)樹(shù)結(jié)構(gòu)url2obj - url字符串轉(zhuǎn)對(duì)象。
- 圖片處理函數(shù) compressImg - 自定義壓縮圖片函數(shù)file2img - 文件轉(zhuǎn)圖片對(duì)象hex2rgba - hex色值轉(zhuǎn)rgbargba2obj - 將rgba值轉(zhuǎn)化為rgba對(duì)象。
- js高級(jí)函數(shù) debounce - 防抖函數(shù)parser - json超級(jí)解析器sleep - 睡眠函數(shù)throttle - 節(jié)流函數(shù)。
- 常用算法和數(shù)據(jù)結(jié)構(gòu) bubbleSort - 冒泡排序quickSort - 快速排序。
- 數(shù)學(xué)計(jì)算 average - 計(jì)算數(shù)組平均值difference - 創(chuàng)建一個(gè)排除指定項(xiàng)的數(shù)組random - 返回區(qū)域內(nèi)隨機(jī)數(shù)shuffle - 打亂數(shù)組factorial - 階乘計(jì)算fibonacci - 計(jì)算斐波那契數(shù)sum - 求和數(shù)組。
- dom操作 $ 獲取dom元素getDomPageXY 獲取dom元素在當(dāng)前文檔中的絕對(duì)位置getDomScreenXY 獲取dom元素相對(duì)于screen絕對(duì)位置獲取dom元素相對(duì)于screen絕對(duì)位置getDomText 獲取文本內(nèi)容。
- 幾何計(jì)算 coordinatesInCircle - 生成圓內(nèi)任意坐標(biāo)coordinatesInRect - 生成矩形內(nèi)任意坐標(biāo)judgePointInCircle - 判斷一點(diǎn)是否在圓內(nèi)。
文章標(biāo)題：分享50+常用工具函數(shù)之xijs更新指南(v1.2.3)
網(wǎng)頁(yè)路徑：http://m.5511xx.com/article/cccdjsj.html
