Shared 函数库

Appearance

搜索函数

模块数47
函数数319

纯函数

颜色处理

6
convertColor
转换颜色格式（hex、rgb、hsl 等）
detectColorFormat
检测颜色值的格式类型
extractColors
从代码中提取所有颜色值
deduplicateColors
颜色去重和相似度合并
colorValidation
验证颜色值的有效性
mixColors
查看文档了解详情

设计令牌

3
parseDesignTokens
查看文档了解详情
buildTokens
查看文档了解详情
generateVariables
查看文档了解详情

认证工具

1
parseJwtPayload
解析 JWT payload 并提取 subject

图片处理

15
compressImageToWidth
查看文档了解详情
compressToTargetSize
压缩图片到指定大小
getImageDimensions
获取图片的宽高尺寸
generateFavIcon
查看文档了解详情
generatePwaIcons
生成 PWA 应用图标集
generateMacIcons
生成 macOS 应用图标集
generateMacTrayIcon
生成 macOS 托盘图标
generatePaddedImage
生成带内边距的图片
generatePlaceholderImage
查看文档了解详情
generateRoundedImage
生成圆角图片
renderIdCard
查看文档了解详情
renderBankCard
查看文档了解详情
renderLicensePlate
查看文档了解详情
renderDrivingLicense
查看文档了解详情
renderBusinessLicense
查看文档了解详情

Android 工具

16
buildProject
构建 Android 项目
detectAndroidModules
检测 Android 项目模块
modifyGradle
修改 build.gradle 配置
modifyManifest
修改 AndroidManifest.xml
permission
Android 权限管理
integrateWechatLogin
查看文档了解详情
integrateWechatShare
查看文档了解详情
integrateQQLogin
查看文档了解详情
integrateSinaLogin
查看文档了解详情
integrateUniverifyLogin
查看文档了解详情
integrateMiuiLogin
查看文档了解详情
integrateGoogleLogin
查看文档了解详情
integrateFacebookLogin
查看文档了解详情
integrateShareTrace
查看文档了解详情
integrateUniAppNativePlugin
查看文档了解详情
integrateThirdPartyModule
查看文档了解详情

异步工具

6
createInterruptibleTask
创建可中断的异步任务
promiseLimit
Promise 并发限制控制
retryWithBackoff
带退避策略的重试机制
cachedAsync
查看文档了解详情
cancellableFetch
查看文档了解详情
cancellableXHR
查看文档了解详情

DOM 操作

15
createSharedKeyboardCenter
查看文档了解详情
createThrottledEventListener
查看文档了解详情
demonstrateResourceLoading
演示资源加载过程
detectOverflow
检测元素是否溢出
getElementRect
获取元素的矩形信息
getRelativePosition
获取元素相对位置
getViewportRect
获取视口矩形信息
pickFile
查看文档了解详情
computePosition
查看文档了解详情
getAlignment
查看文档了解详情
getBasePlacement
查看文档了解详情
getCrossAxisFlip
查看文档了解详情
getFlipPlacements
查看文档了解详情
getMainAxisFlip
查看文档了解详情
isValidPlacement
查看文档了解详情

CSS 工具

1
extractCssVariables
提取 CSS/SCSS/LESS 变量

XML 工具

1
modifyXml
通用 XML 文件修改工具

版本管理

2
parseVersion
解析和比较版本号
incrementVersion
递增版本号（Semver）

腾讯云工具

2
uploadToCOS
查看文档了解详情
deployToTCB
查看文档了解详情

AG Grid 工具

1
generateLicense
生成 AG Grid 许可证

字符串工具

13
base64
Base64 编码解码
capitalize
首字母大写
caseConverter
命名风格转换（camelCase/PascalCase/kebab-case等）
desensitize
敏感数据脱敏
htmlEscape
HTML 字符转义
levenshtein
计算编辑距离（Levenshtein Distance）
normalize
字符串标准化（去除空格/特殊字符）
pad
字符串填充（padStart/padEnd）
palindrome
回文判断
similarity
字符串相似度计算
template
模板字符串处理
testRegex
查看文档了解详情
wordCount
字数统计

数据结构

12
Queue
队列（FIFO），先进先出
Stack
栈（LIFO），后进先出
LinkedList
单向链表，动态内存分配
PriorityQueue
优先队列（最小堆），按优先级出队
Heap
堆数据结构，支持最小堆和最大堆
Trie
前缀树，高效的字符串检索和自动补全
BinarySearchTree
二叉搜索树，左子树 < 根 < 右子树
AVLTree
AVL 树（自平衡二叉搜索树），通过旋转保持平衡
Graph
图数据结构，支持有向图和无向图，提供 BFS、DFS、拓扑排序等算法
UnionFind
并查集（不相交集合），高效处理集合合并和查询
HashMap
哈希表，使用链地址法解决冲突，支持自动扩容
LRUCache
LRU 缓存，最近最少使用缓存淘汰策略

算法

38
垃圾回收
查看文档了解详情
visualizeGarbageCollection
查看文档了解详情
动态规划
查看文档了解详情
longestCommonSubsequence
查看文档了解详情
longestIncreasingSubsequence
查看文档了解详情
editDistance
查看文档了解详情
knapsack01
查看文档了解详情
maxProfit
查看文档了解详情
coinChange
查看文档了解详情
minPathSum
查看文档了解详情
climbStairs
查看文档了解详情
回溯算法
查看文档了解详情
permutations
查看文档了解详情
nQueens
查看文档了解详情
combinationSum
查看文档了解详情
generateParenthesis
查看文档了解详情
贪心算法
查看文档了解详情
canJump
查看文档了解详情
meetingRooms
查看文档了解详情
taskScheduler
查看文档了解详情
二分查找
查看文档了解详情
binarySearch
查看文档了解详情
滑动窗口
查看文档了解详情
lengthOfLongestSubstring
查看文档了解详情
minWindow
查看文档了解详情
双指针
查看文档了解详情
threeSum
查看文档了解详情
trap
查看文档了解详情
maxArea
查看文档了解详情
字符串匹配
查看文档了解详情
kmp
查看文档了解详情
rabinKarp
查看文档了解详情
图算法
查看文档了解详情
numIslands
查看文档了解详情
topologicalSort
查看文档了解详情
分治算法
查看文档了解详情
mergeSort
查看文档了解详情
quickSort
查看文档了解详情

函数式编程

9
compose
函数组合（从右到左执行）
flow
函数流（从左到右执行）
pipe
管道函数（链式调用）
curry
函数柯里化（基础版）
curryAdvanced
高级柯里化（支持占位符）
partial
偏函数应用（固定部分参数）
tap
链式调用调试（不改变值）
cond
条件分支（函数式 switch）
until
条件循环执行（异步）

性能优化

5
debounce
防抖函数（延迟执行）
throttle
节流函数（限制频率）
memoize
函数记忆化（缓存结果）
once
函数只执行一次
useCache
内存缓存Hook

数组/对象工具

11
groupBy
数组分组
sortBy
数组排序
pick
对象属性选取
omit
对象属性过滤
chunk
数组分块
shuffle
数组随机排序
flatten
数组扁平化（多维转一维）
flattenObject
对象扁平化（嵌套转平铺）
deepClone
深度克隆（完整复制）
evolve
对象属性转换（批量映射）
unique
数组去重（支持对象）

日期时间

3
formatDate
日期格式化
timeAgo
相对时间（刚刚/几分钟前）
dateRange
日期范围处理

文件处理

2
formatFileSize
文件大小格式化
getFileExtension
获取文件扩展名

数字处理

4
formatNumber
数字格式化（千分位）
clamp
数值区间限制
random
生成随机数
range
生成数字范围

URL 处理

2
parseUrl
URL解析
buildQueryString
构建查询字符串

Promise 工具

2
sleep
查看文档了解详情
timeout
查看文档了解详情

原理实现

4
myInstanceof
手写 instanceof 运算符
myNew
手写 new 运算符
functionBind
手写 Function.prototype.bind
MyPromise
Promise A+ 规范实现，异步编程

设计模式

14
singleton
单例模式
factory
工厂模式
builder
建造者模式
prototype
原型模式
adapter
适配器模式
proxy
代理模式
observer
观察者模式
EventEmitter
事件发布订阅系统，观察者模式实现
usePluginSystem
插件系统Hook
strategy
策略模式
decorator
装饰器模式
command
命令模式
chainOfResponsibility
责任链模式
templateMethod
模板方法模式

表单验证

5
isEmail
验证Email地址格式
isPhone
验证手机号码格式
isUrl
验证URL地址格式
isIdCard
验证身份证号码
isIpAddress
验证IP地址格式

假数据生成

5
generateFakeIdCard
查看文档了解详情
generateFakeLicensePlate
查看文档了解详情
generateFakeDrivingLicense
查看文档了解详情
generateFakeBankCard
查看文档了解详情
generateFakeBusinessLicense
查看文档了解详情

树形数据

4
buildTree
数组转树形结构
flattenTree
树形结构扁平化
findNode
查找树节点
filterTree
过滤树节点

数学计算

4
sum
数组求和
average
计算平均值
median
计算中位数
percentile
计算百分位数

浏览器检测

4
detectBrowser
检测浏览器类型/版本/OS/设备
detectOS
查看文档了解详情
isMobile
查看文档了解详情
isWeChat
查看文档了解详情

Bridge 通信

5
detectBridgeEnvironment
查看文档了解详情
generateBridgeMessageId
查看文档了解详情
createBridgeMessage
查看文档了解详情
validateBridgeMessage
查看文档了解详情
postBridgeMessage
查看文档了解详情

微信能力

1
downloadFile
查看文档了解详情

差异对比

2
diff
对比两个对象差异
vueDiff
查看文档了解详情

类型检查

2
isType
类型判断工具（精确判断）
validate
数据验证（规则引擎）

开发工具

8
generateExports
自动生成导出文件
generatorUtils
生成器工具函数集
randomRegion
查看文档了解详情
walk
目录遍历（文件系统）
useAltool
macOS altool CLI工具Hook
createDebugger
查看文档了解详情
findSoftware
查看文档了解详情
dispatchIpcRequest
查看文档了解详情

Vue 工具

7
dynamicMount
查看文档了解详情
isVNode
查看文档了解详情
isVueComponent
查看文档了解详情
parseVueFile
查看文档了解详情
extractColorsFromVueFile
查看文档了解详情
extractColorsFromVueSection
查看文档了解详情
filterSections
查看文档了解详情

UniApp 工具

20
build
查看文档了解详情
detectProjectType
查看文档了解详情
detectAndroidProjectStructure
查看文档了解详情
parseManifest
查看文档了解详情
waitForPages
查看文档了解详情
buildAndroidApp
查看文档了解详情
buildIOSApp
查看文档了解详情
buildIOSPlugin
查看文档了解详情
showImage
查看文档了解详情
showVideo
查看文档了解详情
showCamera
查看文档了解详情
showLogin
查看文档了解详情
showPay
查看文档了解详情
showRecord
查看文档了解详情
showScanCode
查看文档了解详情
showFile
查看文档了解详情
showWxPhone
查看文档了解详情
showWxCustomerService
查看文档了解详情
showWxSubscribeMessage
查看文档了解详情
wxGetUserInfo
查看文档了解详情

iOS 工具

7
integrateNativePlugin
查看文档了解详情
integrateWechatOauth
查看文档了解详情
integrateWechatShare
查看文档了解详情
integrateQQShare
查看文档了解详情
integrateSinaShare
查看文档了解详情
integrateThirdPartyModule
查看文档了解详情
configureLaunchScreen
查看文档了解详情

部署工具

1
publishToPgyer
查看文档了解详情

存储工具

4
useLocalStorage
LocalStorage Hook
useSessionStorage
SessionStorage Hook
useStorage
通用Storage Hook
useStorageWithIndexedDB
IndexedDB Storage Hook

响应式（跨框架）

createReactive
Proxy响应式系统核心
useReactiveCookie
响应式Cookie管理
useReactiveWebsocket
查看文档了解详情
useReactiveSSE
查看文档了解详情
createReactiveI18n
响应式国际化系统
createReactivePermission
响应式权限管理
createReactiveErrorManager
响应式错误管理
createReactivePinia
响应式状态管理（Pinia-like）

Vue Hooks

状态管理

13
createGlobalState
创建全局状态
createInjectionState
创建注入状态
createSharedComposable
创建共享组合式函数
injectLocal
注入本地状态
provideLocal
提供本地状态
useAsyncState
异步状态管理Hook
useCounter
计数器Hook
useToggle
布尔值切换Hook
handleUserInvalid
查看文档了解详情
useGlobalSettingsManager
查看文档了解详情
useSystemSettingsManager
查看文档了解详情
useUserManager
查看文档了解详情
useTokenManager
查看文档了解详情

浏览器API

18
useBattery
查看文档了解详情
useBluetooth
查看文档了解详情
useCamera
查看文档了解详情
useClipboard
剪贴板操作Hook
useFileUpload
查看文档了解详情
useFullscreen
查看文档了解详情
useGamepad
查看文档了解详情
useGeolocation
查看文档了解详情
useMediaSession
查看文档了解详情
useMicrophone
查看文档了解详情
useNetwork
查看文档了解详情
useOrientation
查看文档了解详情
usePageVisibility
查看文档了解详情
useScreenOrientation
查看文档了解详情
useScreenWakeLock
查看文档了解详情
useShare
查看文档了解详情
useVibration
查看文档了解详情
useWechatJSSDK
查看文档了解详情

DOM交互

5
useAutoUpdate
查看文档了解详情
useClickOutside
点击外部检测Hook
useDraggable
可拖拽Hook
useEventListener
事件监听器Hook
useResizable
可调整大小Hook

时间控制

2
useInterval
定时器Hook（setInterval）
useTimeout
定时器Hook（setTimeout）

历史记录

3
useDebouncedRefHistory
防抖Ref历史Hook
useManualRefHistory
手动Ref历史Hook
useRefHistory
Ref历史记录Hook

Web Worker

3
useWebWorker
Web Worker Hook
useWorkerFunction
Worker函数Hook
useWorkerPool
Worker池Hook

快速开始

npm install zcw-shared
import { convertColor } from 'zcw-shared'

Copyright © 2023-present