@lanq/utils

1.0.9 • Public • Published

@lanq/utils

  • npm publish --access=public

http初始化

yarn add @lanq/utils  

// main.js
import lanq from "@lanq/utils";
import "@lanq/utils/style.scss";

// 初始化token
lanq.api.create({
  isToken: true,    // 是否使用token加密,默认:true,使用加密
  // 是否为native端混合开发 | true(native端),false(web端)。注:开发时可不传或值传false,执行api.jwt()赋值。
  app: false,
  debugger: false,  // 混合app调试环境。debugger=true生效
  baseURL: "",      // axios baseURL
  timeout: 10000,    // axios请求超时设置,默认10000
  authURL: "",      // 必传字段!http获取token url
  refreshURL: "",   // 必传字段!http刷新token url
  appKey: "",       // 必传字段!
  appSecret: "",     // 必传字段!
  before: () => {},  // http请求前执行function
  success: () => {},  // http请求成功时执行function
  error: (error) => {},  // http请求错误时执行function(回调参数:error错误信息)
  all: () => {},  // http请求成功或错误都会执行function
});

// 修改axios baseURL
lanq.api.updateURL(url)

// jwt手动传值
lanq.api.jwt(jwt);

// http请求已经配置,可直接使用
get: this.$get(url,data);
put: this.$put(url,data);
post: this.$post(url,data);
delete: this.$delete(url,data);

// 常用方法,详情参考下面文档说明
this.$fun.fn()

// 深copy
this.$new(data)
// 例如 main.js
import Vue from "vue";
import router from "./router";
import store from "./store";
import lanq from "@lanq/utils";
import "@lanq/utils/style.scss";

lanq.api.create({
  app: false,
  baseURL: "xxxxxxxx",
  authURL: "xxxxxxxx",
  refreshURL: "xxxxxxxx",
  appKey: "xxxxxxxx",
  appSecret: "xxxxxxxx",
  before: () => {
    lanq.fun.loading();
  },
  all: () => {
    lanq.fun.loading(false);
  },
  error: () => {
    ...
  }
});

new Vue({
  router,
  store,
  render: h => h(App),
  created() {
    // vuex配置jwt
    lanq.api.jwt(store.state.jwt);
  },
}).$mount("#app");

scs依赖于scss预编译

js方法说明:

  1. 原型方法
  • 时间日期格式化
    new Date().Format('yyyy-MM-dd hh:mm:ss')
  1. 函数方法
  • newData
    // 深copy

  • getDifferent(arr1,arr2)
    // 取出两个数组中的不同元素

  • arrayDedup(arr)
    // 数组去重

  • isJSON(string)
    // 判断是否json字符串

  • swapItem(arr,fromIndex,toIndex)
    // 数组元素移动
    // fromIndex: 当前元素所在位置索引, toIndex: 移动到交换的位置索引

  • loading(state) // state: true(显示),false(隐藏) // loading

  1. 常用正则编录(持续更细)
  • regExp.existChinese
    // 存在中文

  • regExp.onlyChinese
    // 只有中文

  • regExp.existNum
    // 存在数字

  • regExp.onlyNum // 只有数字

  • regExp.existLetter // 存在字母

  • regExp.onlyLetter // 只有字母

  • regExp.num_letter // 匹配数字+字母

  • regExp.num_letter_special // 匹配数字 + 字母 + 特殊字符

  • regExp.num_letter_require // 匹配数字 + 字母,且必须包含

  • regExp.phone // 手机号

  • regExp.email // Email

  • regExp.url // 网址URL

  • regExp.qq // qq号

  • regExp.postalCode // 邮政编码

  • regExp.ip // ip

  • regExp.idCard // 身份证号

  • regExp.date // 格式日期

  • regExp.money // 金钱

Readme

Keywords

Package Sidebar

Install

npm i @lanq/utils

Weekly Downloads

0

Version

1.0.9

License

ISC

Unpacked Size

23.4 kB

Total Files

6

Last publish

Collaborators

  • xudeping