基础库
NPM 方式
CDN 方式
- 简洁路径:已在 package.json 的
exports
和 miniprogram
字段配置,常用于 vue、node、小程序环境。 - 完整路径:可自行选用 src 或 dist 目录,无法使用简洁路径的环境可使用完整路径,或配置 alias、Import maps 使用简洁路径。
属性 | 说明 |
---|
envs | 代码运行环境,如 ['browser', 'chrome-extension'], ['node'] |
isBrowser | 根据 envs 得到 |
isNode | 根据 envs 得到 |
os | 操作系统: windows, mac, linux, ... |
isWindows | 根据 os 得到 |
isMac | 根据 os 得到 |
isLinux | 根据 os 得到 |
写法对应:浏览器 Console API, node console
属性 | 说明 |
---|
log | 常规 |
warn | 警告 |
error | 报错 |
success | 成功 |
end | 结束 |
dir | |
table | |
group | |
groupCollapsed | |
groupAction | |
getStackInfo | 基础方法 |
show | 基础方法 |
...其他同名属性 | 继承 |
属性 | 说明 |
---|
static: | |
keys | 相对于 Object.keys 扩展,增加了选项处理需要不同属性的情况 |
values | 对应 keys 配套 |
entries | 对应 keys 配套 |
getOwner | 属性定义所在的最近对象(来自自身或继承),便于后续方法获取 descriptor 等操作 |
getPropertyDescriptor | 相对于 Object.getOwnPropertyDescriptor 扩展 |
getPropertyDescriptors | 相对于 Object.getPropertyDescriptors 扩展 |
assign | 浅合并对象,通过重定义方式合并以对 get/set 惰性求值的属性的处理 |
deepAssign | 深合并对象,同 assign 使用重定义方式 |
filter | 过滤对象取部分值 |
pick | 根据 filter 得到,挑选方式 |
omit | 根据 filter 得到,排除方式 |
bindThis | 对象的函数属性绑定 this,方便 vue 中如 @click="formInfo.click" 简便写法 |
属性 | 说明 |
---|
static: | |
pipe | 管道操作, x |> f1 |> f2 |> ... |
NOOP | 空函数 |
RAW | 原样返回 |
FALSE | 返回 false |
TRUE | 返回 true |
属性 | 说明 |
---|
static: | |
toMaxFixed | 相对于 Number.prototype.toFixed 会移除尾部多余的零和小数点,以精简显示 |
convertBase | 进制转换 |
isPrime | 素数判断 |
相对于 Math 对象提供更直观和符合数学约定的名称,方便解构后顺手使用
属性 | 说明 |
---|
static: | |
PHI | 黄金分割比 ${\Phi}$=$\frac{\sqrt{5} - 1}{2}$ |
PHI_BIG | $\frac{1}{\Phi}$=$\frac{\sqrt{5} + 1}{2}$ |
arcsin | $\arcsin{x}$ |
arccos | $\arccos{x}$ |
arctan | $\arctan{x}$ |
arsinh | ${arsinh} {x}$ |
arcosh | ${arcosh} {x}$ |
artanh | ${artanh} {x}$ |
log | $\log_a{x}$ |
loge | $\log_e{x}$ |
ln | $\ln{x}$ |
lg | $\lg{x}$ |
factorial | $n!$ |
permutation | $A_n^k=P(n,k)=\frac{n!}{(n-k)!}$ |
combination | $C_n^k=\binom{k}{n}=\frac{n!}{k!(n-k)!}$ |
A | $A_n^k$ 简写方式 |
C | $C_n^k$ 简写方式 |
Sequence | 数列,基础方法用于继承 |
ArithmeticSequence | 等差数列:$a_1, a_1+d, a_1+2d, \ldots$ |
GeometricSequence | 等比数列:$a_1, a_1q, a_1q^2, \ldots$ |
FibonacciSequence | 斐波那契数列:$1, 1, 2, 3, 5, 8, 13, \ldots$ |
PrimeSequence | 素数数列:$2, 3, 5, 7, 11, 13, 17, 19, \ldots$ |
属性 | 说明 |
---|
static: | |
sleep | 延迟操作 |
prototype: | |
constructor | |
year | |
isLeapYear | |
month | |
day | |
week | |
hour | |
shortHour | |
minute | |
second | |
millisecond | |
microsecond | |
timeZoneOffsetHour | |
setTime | |
setYear | |
setFullYear | |
setMonth | |
setDate | |
setHours | |
setMinutes | |
setSeconds | |
setMilliseconds | |
setUTCFullYear | |
setUTCMonth | |
setUTCDate | |
setUTCHours | |
setUTCMinutes | |
setUTCSeconds | |
setUTCMilliseconds | |
Symbol.toPrimitive | |
toNumber | |
toString | |
toBoolean | |
toJSON | |
toDateString | |
toTimeString | |
属性 | 说明 |
---|
static: | |
toFirstUpperCase | 首字母大写 |
toFirstLowerCase | 首字母小写 |
toCamelCase | 转驼峰命名 |
toLineCase | 转连接符命名 |
getUnitString | 带单位字符串 |
属性 | 说明 |
---|
static: | |
namesToArray | 属性名统一成数组格式,手动传参用 |
prototype: | |
constructor | |
push | |
pop | |
remove | |
unshift | |
shfit | |
clear | |
with | |
toSpliced | |
toSorted | |
toReserved | |
Symbol.toPrimitive | |
toNumber | |
toString | |
toBoolean | |
toJSON | |
toArray | |
toCustomArray | |
toSet | |
toCustomSet | |
...其他同名属性 | 继承 |
属性 | 说明 |
---|
static: | |
cup | $A \cup B \cup \ldots$ |
cap | $A \cap B \cap \ldots$ |
setminus | $A \setminus B \setminus \ldots$ |
prototype: | |
constructor | |
add | |
delete | |
Symbol.toPrimitive | |
toNumber | |
toString | |
toBoolean | |
toJSON | |
toArray | |
toCustomArray | |
toSet | |
toCustomSet | |
...其他同名属性 | 继承 |
专注于 JSON 支持的类型:null
,number
,string
,boolean
,array
,object
,前后端数据交互用
属性 | 说明 |
---|
static: | |
typeof | 判断类型 |
DataModel | 数据模型 |
model | 创建 DataModel 实例简写方式 |
number | 创建 DataModel 实例简写方式 |
string | 创建 DataModel 实例简写方式 |
boolean | 创建 DataModel 实例简写方式 |
array | 创建 DataModel 实例简写方式 |
object | 创建 DataModel 实例简写方式 |
属性 | 说明 |
---|
static: | |
ownValues | 对应 Reflect.ownKeys 的配套 |
ownEntries | 对应 Reflect.ownKeys 的配套 |
同浏览器 Clipboard API 使用
属性 | 说明 | browser | node | wx |
---|
copy | 复制 | ✓ | ✓ | ✓ |
paste | 粘贴 | ✓ | ✓ | ✓ |
copySync | 复制(同步方式) | ✕ | ✓ | ✕ |
pasteSync | 粘贴(同步方式) | ✕ | ✓ | ✕ |
| | | | |
writeText | 同 copy | ✓ | ✓ | ✓ |
readText | 同 paste | ✓ | ✓ | ✓ |
writeTextSync | 同 copySync | ✕ | ✓ | ✕ |
readTextSync | 同 pasteSync | ✕ | ✓ | ✕ |
同浏览器 Web Storage API 使用,同样专注于前后端交互的 JSON, 存取方法默认做了 JSON 转换
对象 | 说明 | browser | node | wx |
---|
_sessionStorage | 对应 sessionStorage | ✓ | ✓ | ✓ |
_localStorage | 对应 localStorage | ✓ | ✓ | ✓ |
属性 | 说明 | browser | node | wx |
---|
setItem | 存值 | ✓ | ✓ | ✓ |
getItem | 取值 | ✓ | ✓ | ✓ |
toObject | 转换成对象 | ✓ | ✓ | ✓ |
...其他同名属性 | 继承 | | | |
操作 Web Cookie
对象 | 说明 | browser | node | wx |
---|
BaseCookie | 基础 class | ✓ | ✓ | ✓ |
cookie | browser 用 | ✓ | ✕ | ✕ |
属性 | 说明 | browser | node |
---|
prototype: | | | |
constructor | | | |
get | 存值 | ✓ | ✓ |
set | 取值 | ✓ | ✓ |
value | | ✓ | ✓ |
length | | ✓ | ✓ |
toArray | | ✓ | ✓ |
toObject | | ✓ | ✓ |
has | | ✓ | ✓ |
remove | | ✓ | ✓ |
clear | | ✓ | ✓ |
markdownlint 配置
stylelint 配置
eslint 配置,eslint-plugin-vue 配置,typescript-eslint 配置
prettier 配置
commitlint 配置,husky
vite 配置
pnpm run refresh
pnpm link ./
pnpm run build:watch
pnpm run docs:dev