项目简介
这是一个基于 JavaScript 的企业级类库项目,借助函数式编程思想,提供丰富实用工具与方法。它兼容 CommonJS 和 module(ES)模块引入方式,能有效提高开发效率、优化代码结构。
项目的主要特性和功能
- 函数库形式:多数类库以函数库呈现,方便调用与管理。
- 多模块兼容:支持 CommonJS 和 module(ES)两种模块引入方式,适配不同项目需求。
- 多场景支持:有适用于 Web 项目的 jQuery - Plugin 插件库,还支持微信等智能小程序的 miniApp 功能。
- 完善测试体系:具备手工测试页面(demoPages)和单元测试(test)框架,保障类库质量与稳定性。
- 丰富类库功能:data、utils 等目录涵盖数组、字符串、数字、日期等多方面实用工具和方法。
安装使用步骤
假设用户已下载本项目源码文件。
1. 配置 package.json:打开 package.json
文件,修改 version
字段,根据项目需求配置 "type": "commonjs"
或 "type": "module"
。
2. 安装依赖:在项目根目录下执行 npm install
安装所有依赖。
3. 引入类库:
- CommonJS 方式:在 package.json
中配置 "type": "commonjs"
,使用 require
语句引入,如 const oh = require("../utils/objectHelper");
;对于 Inject 类型文件,可简化引入,如 require("../utils/objectInjector");
。
- module(ES)方式:在 package.json
中配置 "type": "module"
,使用 import
语句引入,如 import {helper as hh} from "../utils/htmlHelper.mjs"
;对于 Inject 类型文件,可简化引入,如 import {} from "../utils/stringInjector.mjs";
,注意使用 import
导入的文件需含 .mjs
扩展名。
4. HTML 页面使用:
- 新建 main.js
文件,引入类库,如 const ah = require("basiclibrary.javascript/utils/arrayHelper");
等。
- 使用 webpack 将 main.js
转换为 bundle.js
。
- 在 HTML 页面引用 bundle.js
,通过 $bl
使用包含的类型和方法。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】