# zzf_tools

> zengzhifeng's private package(工具类方法包)

Latest version **1.0.2** (published 2022-04-19) · ISC license · 0 weekly downloads

## Install

```sh
npm install zzf_tools
pnpm add zzf_tools
yarn add zzf_tools
bun add zzf_tools
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2022-04-19 |
| First published | 2022-04-19 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 19 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | zengzhifeng |
| Maintainers | npmzzf |

## Links

- npm: https://www.npmjs.com/package/zzf_tools
- npm.io page: https://npm.io/package/zzf_tools

## Dependencies (1)

- [isomorphic-fetch](https://npm.io/package/isomorphic-fetch.md) ^3.0.0

## Recent versions

- 1.0.2 (latest) — 2022-04-19
- 1.0.1 — 2022-04-19
- 1.0.0 — 2022-04-19

## README

# 公用方法

### buildParams @将object对象转换成get方法请求参数
```js
let params = buildParams({key1:'name',name:'sibu'})
console.log(params) // ?key1=name&name=sibu 
```
---

### getQueryString @获取url上指定字段的查询参数，返回url参数对应值
```js
let fieldvalue = getQueryString(fieldname)
console.log(fieldname) // fieldname

```
---
### getQueryUrlSearch @获取url上search上的所有查询参数值
```js
let fieldValues = getQueryUrlSearch()
console.log(fieldValues) // fieldValues 一个object对象
```
---
### textPrewrap @canvas绘制文本换行
```js
/**
 * 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绘制圆形图片
```js
/**
 * canvas绘制圆形图片
 * ctx:canvas context
 * img:图片路径，如果是网络图片需要加载成功后再绘制
 * x:文本在canvas上的X轴
 * y:文本在canvas上的Y轴
 * r:绘制圆形图片的半径
 */
circleImg(ctx,image,100,100,60)
```
---
### flatPostParam @序列号post请求参数
```js
/**
 * 序列号post请求参数
 */
flatPostParam({phone:'13800138000',nickName:'li'})
```


### request 接口请求库

```js
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提交参数，一般用于图片上传

```

---
_Source: https://npm.io/package/zzf_tools · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._