【简介】
- 由Karenloar编写的js前端工具类插件,不需要任何额外依赖即可运行,其中大部分功能型指令适配uni-app
- 任何问题、bug可发送至邮箱：karenloar@foxmail.com
- 注:1.2.0之前的版本已经废弃,请勿使用
【通过npm安装】
npm install karenloar-utils
【引入】
【vue环境,npm引入】
import karenloarUtils from "karenloar-utils";
// vue3:main.js
import {createApp} from "vue";
import App from "./App.vue";
const app = createApp(App);
app.config.globalProperties.krUtils = karenloarUtils(config); // config请看工具配置项
app.config.globalProperties.krUtils.projectId("your project id"); // 规定你的项目id
// vue2:main.js
import Vue from 'vue';
Vue.prototype.krUtils = karenloarUtils(config); // config请看工具配置项
Vue.prototype.krUtils.projectId("your project id"); // 规定你的项目id
【cdn引入】
// 常规
<script src="https://cdn.jsdelivr.net/npm/karenloar-utils-cdn/karenloarUtils.min.js"></script>
<script>
KarenloarUtils(config); // 注意此处因为无法使用import来规定别名,所以是工具默认名称,需要大写K,config请看工具配置项
krUtils.projectId("your project id"); // 规定你的项目id
......
</script>
// 模块化
<script type="module">
import karenloarUtils from "https://cdn.jsdelivr.net/npm/karenloar-utils/+esm";
karenloarUtils(config); // config请看工具配置项
krUtils.projectId("your project id"); // 规定你的项目id
......
</script>
【工具配置项config】
额外说明:对象本身及其内部属性都可缺省,以下为缺省时默认值
{
autoMount: true, // v1.2.0 是否自动挂载顶级对象:浏览器环境挂载window,uni-app环境挂载uni
utilsName: "krUtils", // v1.2.0 工具类自动挂载到顶级对象中的名
routeWatchTime: 10, // v1.2.1 路由变化监听间隔(现用于uni-app环境不同页面防抖/节流重置,可调大不建议调小)
appendPrototype: true, // v1.2.7 是否追加数据原型属性/方法,为"choose"时,可传入appendPrototypeTable控制
appendPrototypeTable: { // v1.2.7 选择追加数据原型属性/方法
string_to_hump: true, // v1.2.7 String转驼峰命名 str.toHump()
string_to_line: true, // v1.2.7 String转下划线命名 str.toLine()
object_for: true, // v1.2.25 对象/数组强化for循环(该选项同时作用于object和array) obj.for((k,i,v,s)=>{...})
array_avgcut: true, // v1.2.25 数组平均分割 arr.avgcut(2)
},
exportTable: { // v1.2.9 导出html报表模板
basicExportTem, // v1.2.15 v1.2.16 基础excel导出模板,[说明](https://docs.qq.com/doc/p/ef5e9e3dcb1f3a27aed523cf88b2b8f74b2658c3)
},
}
