🧰 wjs-js-toolkit

11年持续积累 · JavaScript 常用工具函数库

20
功能分类
2000+
工具函数
2015-2026
持续维护

📂 功能分类

📅 发展历程

2015
起步阶段 - 基础类型判断、日期处理、字符串工具、DOM操作等核心函数封装,主要服务于银行系统和企业管理项目
2016
业务深化 - 数字高精度运算、数组操作、表单校验、本地存储封装,适配电商平台和金融系统需求
2017
工具完善 - 对象深拷贝、事件处理、URL操作、Cookie工具,HTML5/CSS3 项目大量实践
2018
函数式编程 - 柯里化、组合、偏应用、Promise工具、函数防抖节流增强,ES6 全面应用
2019
数据处理 - Map/Set集合处理、随机数生成、浏览器检测增强,Vue2 项目深度实践
2020
性能监控 - 性能计时、内存检测、FPS监控、Web Vitals 指标收集,大屏可视化项目实践
2021
异步控制 - 并发限制、重试机制、熔断器模式、Worker线程池,复杂业务系统架构
2022
Promise增强 - 批量处理、缓存策略、异步队列、优先级队列,微前端架构支持
2023
状态管理 - 响应式数据、事件发射器、状态机、计算属性,低代码平台开发
2024
性能分析 - 性能评分、资源监控优化、性能报告生成,AI辅助开发工具
2025
工程化补充 - 构建工具适配、TypeScript 类型支持、Tree Shaking 优化
2026
持续优化 - 最新API适配、性能优化补充、AI大模型工具集成

📖 使用方式

浏览器直接引入
模块化引入
完整引入

直接在 HTML 中引入 JS 文件,所有函数挂载在全局作用域:

<!-- 引入日期工具 -->
<script src="src/date.js"></script>
<script>
  // 格式化日期
  var dateStr = wjs_date_format(new Date(), 'yyyy-MM-dd hh:mm:ss');
  console.log(dateStr); // 2024-01-15 10:30:00

  // 计算相对时间
  var time = wjs_date_relativeTime(new Date('2024-01-10'));
  console.log(time); // 5天前
</script>

支持 ES Module 按需引入(需配置构建工具):

import { wjs_date_format, wjs_date_relativeTime } from 'wjs-js-toolkit/src/date.js';

// 格式化日期
const dateStr = wjs_date_format(new Date(), 'yyyy-MM-dd');

// 相对时间
const time = wjs_date_relativeTime(new Date('2024-01-10'));

一次性引入多个模块(按实际需要选择):

<!-- 按需引入需要的模块 -->
<script src="src/type.js"></script>
<script src="src/date.js"></script>
<script src="src/string.js"></script>
<script src="src/validate.js"></script>

<script>
  // 手机号校验
  if (wjs_validate_phone('13800138000')) {
    console.log('手机号合法');
  }
</script>
零依赖,纯原生JS实现
wjs_ 前缀命名,无命名冲突
支持按需引入 / 完整引入
完整 JSDoc 类型注释
持续更新维护