開(kāi)箱即用的開(kāi)源工具庫(kù)xijs示例詳解
正文
xijs
是我2年前開(kāi)源的一款面向復(fù)雜業(yè)務(wù)場(chǎng)景的 javascript
工具庫(kù), 包含了業(yè)務(wù)開(kāi)發(fā)中常用的:
- 瀏覽器相關(guān)函數(shù)
- 字符串常用操作方法
- 常用類(lèi)型判斷方法
- 數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)換算法
- 圖像圖形處理算法
- js高級(jí)函數(shù)
- 數(shù)學(xué)計(jì)算函數(shù)
我們可以通過(guò) npm /yarn
一鍵安裝到項(xiàng)目:
yarn add xijs
也可以使用 cdn
在項(xiàng)目中引用:
<script src="https://cdn.jsdelivr.net/npm/xijs@1.1.1/dist/xijs.min.js"></script>
同時(shí) xijs
有詳細(xì)的使用文檔, 可以幫助我們輕松的使用和查詢.
接下來(lái)和大家同步一下最近的更新.
引入單元測(cè)試
這塊主要是小伙伴 EasyRo
貢獻(xiàn)的代碼. 為了保證工具庫(kù)的代碼質(zhì)量, 我們需要對(duì)每一個(gè)函數(shù)進(jìn)行單元測(cè)試, 以便讓 xijs
的函數(shù)庫(kù)擁有更高的質(zhì)量, 這里分享一段測(cè)試代碼:
import { store, sleep } from '../src/index'; describe('瀏覽器相關(guān)測(cè)試', () => { test('支持設(shè)置過(guò)期時(shí)間的 localstorage', async () => { store.set('name', 'jack', Date.now() + 1000); expect(store.get('name')).toEqual({ status: 0, value: 'jack' }); await sleep(1000); expect(store.get('name')).toEqual({ status: 3, value: null }); }); });
每次代碼提交時(shí)會(huì)自動(dòng)跑一遍測(cè)試用例, 如下結(jié)果為測(cè)試的效果:
后續(xù) xijs
會(huì)提供更多實(shí)用的方法函數(shù), 比如:
- 幾何邊界計(jì)算
- 幾何隨機(jī)數(shù)生成算法
- 常見(jiàn)排序算法
- 鏈表函數(shù)
等, 如果大家有好的建議或者想?yún)⑴c貢獻(xiàn), 歡迎和我聯(lián)系.
github: github.com/MrXujiang/x…
以上就是開(kāi)箱即用的開(kāi)源工具庫(kù)xijs示例詳解的詳細(xì)內(nèi)容,更多關(guān)于開(kāi)箱即用開(kāi)源工具庫(kù)xijs的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
JavaScript實(shí)現(xiàn)班級(jí)抽簽小程序
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)班級(jí)抽簽小程序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05JavaScript中解析JSON數(shù)據(jù)的三種方法
這篇文章主要介紹了JavaScript中解析JSON數(shù)據(jù)的三種方法,本文講解了eval()方法、new Function方法、JSON.parse()方法等三種方法,需要的朋友可以參考下2015-07-07理解 javascript 中的函數(shù)表達(dá)式與函數(shù)聲明
這篇文章主要介紹了理解 javascript 中的函數(shù)表達(dá)式與函數(shù)聲明,需要的朋友可以參考下2017-07-07針對(duì)JavaScript中this指向的簡(jiǎn)單理解
這篇文章主要為大家詳細(xì)JavaScript中this指向的簡(jiǎn)單理解,感興趣的小伙伴們可以參考一下2016-08-08JavaScript之a(chǎn)ppendChild、insertBefore和insertAfter使用說(shuō)明
這幾天需要用到對(duì)HTML節(jié)點(diǎn)元素的刪/插操作,由于用到insertBefore方法的時(shí)候遇到了一些麻煩,現(xiàn)在作為知識(shí)的整理,分別對(duì)appendChild、insertBefore和insertAfter做個(gè)總結(jié)2010-12-12理解Javascript_02_理解undefined和null
其實(shí)在 ECMAScript 的原始類(lèi)型中,是有Undefined 和 Null 類(lèi)型的。 這兩種類(lèi)型都分別對(duì)應(yīng)了屬于自己的唯一專(zhuān)用值,即undefined 和 null。2010-10-10JavaScript中訪問(wèn)節(jié)點(diǎn)對(duì)象的方法有哪些如何使用
js訪問(wèn)節(jié)點(diǎn)對(duì)象的方法有很多,比如getElementById在本文將舉例為大家介紹下2013-09-09chrome監(jiān)聽(tīng)cookie變化與賦值問(wèn)題
這篇文章主要介紹了chrome監(jiān)聽(tīng)cookie變化與賦值問(wèn)題,cookie監(jiān)聽(tīng)與賦值操作需要manifest文件里聲明權(quán)限問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-10-10