zzf_tools v1.0.2

公用方法

buildParams @将object对象转换成get方法请求参数

let params = buildParams({key1:'name',name:'sibu'})
console.log(params) // ?key1=name&name=sibu 

getQueryString @获取url上指定字段的查询参数，返回url参数对应值

let fieldvalue = getQueryString(fieldname)
console.log(fieldname) // fieldname

getQueryUrlSearch @获取url上search上的所有查询参数值

let fieldValues = getQueryUrlSearch()
console.log(fieldValues) // fieldValues 一个object对象

textPrewrap @canvas绘制文本换行

/**
 * canvas绘制文本换行
 * ctx:canvas context
 * content:文本内容
 * drawX:文本在canvas上的X轴
 * drawY:文本在canvas上的Y轴
 * lineHeight:每一行的文本高度
 * lineMaxWidth:每一行的文本宽度，文本在绘制指定宽度后自动换行
 * lineNum:文本最多绘制行数
 */
const content = '我只一段文本，用来换行的'
textPrewrap(ctx,content,100,100,30,100,3)

circleImg @canvas绘制圆形图片

/**
 * canvas绘制圆形图片
 * ctx:canvas context
 * img:图片路径，如果是网络图片需要加载成功后再绘制
 * x:文本在canvas上的X轴
 * y:文本在canvas上的Y轴
 * r:绘制圆形图片的半径
 */
circleImg(ctx,image,100,100,60)

flatPostParam @序列号post请求参数

/**
 * 序列号post请求参数
 */
flatPostParam({phone:'13800138000',nickName:'li'})

request 接口请求库

import {Request} from 'zzf_tools'
const req = new Request({
  beforeLoading:()=>{}, // 接口请求前的loading加载
  afterLoading:()=>{},  // 接口请求成功后移除loading
  // 接口响应头 ，接口请求成功后，对response.headers进行处理，比如读取headers里的token
  responseHeaders:(headers)=>{
    console.log(headers)
  },
  // 接口响应数据，接口请求成功后，对接口数据进行处理，方法必须return处理后的数据
  transformResponse:(data={},showMsg)=>{
    console.log(data)
    return data
  },
  // 接口请求前，接口请求前对headers请求头处理，比如接口需要的token参数
  requestHeader:()=>{
    return {
      "Accept":"application/json",
      "token":'token'
    }
  }
})
export const get = req.get
export const post = req.post
export const postJson = req.json
export const form = req.form


// 接口请求需要的参数
const params={
  pageSize:1,
  pageCurrent:1,
  showMsg:false, // 特殊请求参数，不是用于传递给接口，而是前端用来判断这次的请求是否需要弹出错误提示，false:不弹出，true:弹出，默认=true
}
const showMsg = false // 
var formData = new FormData;
formData.append('file', file);

req.get('/api/path',params)       // get请求方法，
req.post('/api/path',params)      // post请求方法，form表单数据提交参数
req.postJson('/api/path',params)  // post请求方法，json数据格式提交参数
req.form('/api/path',formData)      // post请求方法，form-data提交参数，一般用于图片上传