開箱即用的開源工具庫xijs示例詳解
更新時間：2023年03月09日 09:26:46 作者：徐小夕
這篇文章主要為大家介紹了開箱即用的開源工具庫xijs示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
正文
xijs 是我2年前開源的一款面向復(fù)雜業(yè)務(wù)場景的 javascript 工具庫, 包含了業(yè)務(wù)開發(fā)中常用的:
- 瀏覽器相關(guān)函數(shù)
- 字符串常用操作方法
- 常用類型判斷方法
- 數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)換算法
- 圖像圖形處理算法
- js高級函數(shù)
- 數(shù)學(xué)計算函數(shù)
我們可以通過 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>
同時 xijs 有詳細(xì)的使用文檔, 可以幫助我們輕松的使用和查詢.
接下來和大家同步一下最近的更新.
引入單元測試
這塊主要是小伙伴 EasyRo 貢獻(xiàn)的代碼. 為了保證工具庫的代碼質(zhì)量, 我們需要對每一個函數(shù)進(jìn)行單元測試, 以便讓 xijs 的函數(shù)庫擁有更高的質(zhì)量, 這里分享一段測試代碼:
import { store, sleep } from '../src/index';
describe('瀏覽器相關(guān)測試', () => {
test('支持設(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 });
});
});
每次代碼提交時會自動跑一遍測試用例, 如下結(jié)果為測試的效果:
后續(xù) xijs 會提供更多實(shí)用的方法函數(shù), 比如:
- 幾何邊界計算
- 幾何隨機(jī)數(shù)生成算法
- 常見排序算法
- 鏈表函數(shù)
等, 如果大家有好的建議或者想?yún)⑴c貢獻(xiàn), 歡迎和我聯(lián)系.
github: github.com/MrXujiang/x…
以上就是開箱即用的開源工具庫xijs示例詳解的詳細(xì)內(nèi)容，更多關(guān)于開箱即用開源工具庫xijs的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要介紹了JS+CSS3實(shí)現(xiàn)的類似于蘋果iwatch計時器特效，很實(shí)用的代碼，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了JS中判斷null的方法,結(jié)合實(shí)例形式對比分析了常見的JS錯誤判斷方法及正確判斷操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
JS 實(shí)現(xiàn)可停頓的垂直滾動實(shí)例代碼
下面小編就為大家?guī)硪黄狫S 實(shí)現(xiàn)可停頓的垂直滾動實(shí)例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
layui 數(shù)據(jù)表格+分頁+搜索+checkbox+緩存選中項(xiàng)數(shù)據(jù)的方法
今天小編就為大家分享一篇layui 數(shù)據(jù)表格+分頁+搜索+checkbox+緩存選中項(xiàng)數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
工作中常用的js、jquery自定義擴(kuò)展函數(shù)代碼片段匯總
本文主要對工作中常用的js、jquery自定義擴(kuò)展函數(shù)代碼片段進(jìn)行了分享，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
這篇文章主要介紹了JavaScript 繪制餅圖的示例，幫助大家更好的利用JavaScript繪制圖表，感興趣的朋友可以了解下2021-02-02
一個多層疊的TAB選項(xiàng)卡，自適應(yīng)寬度(自行更改nonstop的width測試效果)。2010-01-01
這篇文章主要介紹了JsonProperty 的使用方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
微信小程序?qū)崿F(xiàn)列表滾動頭部吸頂?shù)氖纠a
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)列表滾動頭部吸頂?shù)氖纠a，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
tracking.js實(shí)現(xiàn)前端人臉識別功能
這篇文章主要介紹了tracking.js實(shí)現(xiàn)前端人臉識別功能，本文通過實(shí)例代碼截圖的形式給大家展示的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04