sw-utils-library

前端函数工具库

工具库还在完善中……

参考资料：

1. micell
2. utils-pro
3. bbo
4. rgutil
5. just
6. jtools
7. fetools

介绍

sw-utils-library 是一个函数工具，包括数组处理、时间处理、dom 处理、对象处理、常用验证等函数

文件命名规范

函数工具方法文件命名统一采用驼峰式命名

查看文档

在线

http://yaoyao1987.gitee.io/sw-utils-library-docs/

本地

yarn run docs

安装

// yarn
yarn add sw-utils-library -S

// npm
npm install sw-utils-library -S

通过<script>标签来直接使用

指定版本：

<script src="dist/sw-utils-library.min.js"></script>

ES 模块版本

<script src="dist/sw-utils-library.esm.browser.js"></script>

使用

js

import { isAndroid } from 'sw-utils-library'
const isDeviceAndroid = isAndroid()

ts

import { sortArrItem } from 'sw-utils-library'
import { objType } from 'sw-utils-library/lib/array'
const temp: objType[] = [
  { name: 'zzx', score: 90, age: 12 },
  { name: 'lyy', score: 90, age: 5 },
  { name: 'zjf', score: 50, age: 10 },
]
//根据 score 排序,score 相同时根据 age 排序
sortArrItem(sortArrItem(temp, 'age', 0), 'score', 0)

打包

类型	文件名	功能
cjs	sw-utils-library.cjs.js	CommonJS，适用于 Node 和 Browserify/Webpack
cjs	sw-utils-library.cjs.min.js	CommonJS，适用于 Node 和 Browserify/Webpack
umd	sw-utils-library.umd.js	通用模块定义，以 amd，cjs 和 iife 为一体
umd	sw-utils-library.umd.min.js	通用模块定义，以 amd，cjs 和 iife 为一体
esm	sw-utils-library.esm.js	软件包保存为 ES 模块文件
esm	sw-utils-library.esm.min.js	软件包保存为 ES 模块文件

依赖

Rollup

插件名	来源	说明
rollup-plugin-terser	社区	采用 Terser 压缩 JavaScript
rollup-plugin-typescript2	社区	ts 转 js 的编译器
@rollup/plugin-replace	官方	自动替换文件中的环境变量
@rollup/plugin-node-resolve	官方	提供打包引入库的功能
@rollup/plugin-commonjs	官方	解决 rollup.js 无法识别 CommonJS 模块
@rollup/plugin-json	官方	提供导入 json 文件功能
@rollup/babel	官方	用于处理 es6 代码的转换，使转换出来的代码可以用于不支持 es6 的环境使用

Babel

依赖名	说明
@babel/core	Babel 核心依赖
@babel/preset-env	Babel 默认预设
@babel/runtime	Babel helper 辅助函数依赖
@babel/runtime-corejs3	Babel polyfill 填充库
@babel/plugin-transform-runtime	对 Babel 各依赖联动管理

游览器兼容

IE9+
Edge 12+
Chrome 41+
Firefox 40+
Opera 28+