npm依赖之tooljs、requestjs

 

雾灯似归音，风也寻音讯。、

>>>> 前言

最近发布了了两个简单一点的npm包，供大家使用，娱乐娱乐；

一个是tool-funjs，另外一个是request-funjs

>>>> tool-funjs

tool-funjs 是工作总结的一些工具函数，目前只暴露了一部分（20个，都是一些常用的函数），比如说 toFullScreen 开启全屏、GetUrlParam 获取url上携带的参数、downloadFile base64数据导出文件，文件下载

>>>> request-funjs

request-funjs是对$Ajax的各种请求封装成一个简洁的函数，便捷开始，提高效率，比如 Request.Get 、Request.Post、  Request.delete  

 

 tool-funjs 快速上手

 安装

npm install tool-funjs

 全局注册（在main.js文件里注册）

import tooljs from 'tool-funjs';Vue.prototype.tooljs = tooljs;

　　

 局部注册（在你所使用的vue里注册）

import tooljs from 'tool-funjs';

　　

 例子

// isStatic：检测数据是不是除了symbol外的原始数据this.tooljs.$isStatic('str')// true

 目录

1、isStatic：检测数据是不是除了symbol外的原始数据
2、isPrimitive：检测数据是不是原始数据
3、isObject：判断数据是不是引用类型的数据 (例如：arrays, functions, objects, regexes, new Number(0),以及 new String(''))
4、isObjectLike：检查 value 是否是 类对象。如果一个值是类对象，那么它不应该是 null，而且 typeof 后的结果是 "object"
5、getRawType：获取数据类型，返回结果为 Number、String、Object、Array等
6、isPlainObject：判断数据是不是Object类型的数据
7、isArray：判断数据是不是数组类型的数据
8、isRegExp：判断数据是不是正则对象
9、isDate：判断数据是不是时间对象
10、isNative：判断 value 是不是浏览器内置函数内置函数toString后的主体代码块为 [native code] ，而非内置函数则为相关代码，所以非内置函数可以进行拷贝(toString后掐头去尾再由Function转)
11、isFunction：检查 value 是不是函数
12、isLength：检查 value 是否为有效的类数组长度
13、isArrayLike：检查 value 是否是类数组,如果一个值被认为是类数组，那么它不是一个函数，并且value.length是个整数，大于等于 0，小于或等于 Number.MAX_SAFE_INTEGER。这里字符串也将被当作类数组
14、exitFullscreen：退出全屏
15、toFullScreen：开启全屏
16、downloadFile：base64数据导出文件，文件下载
17、GetUrlParam：获取Url参数，返回一个对象
18、getPropByPath：根据字符串路径获取对象属性 : 'obj[0].count'
19、dateStrForma：将指定字符串由一种时间格式转化为另一种
20、dateFormater：格式化时间
21、repeat：生成一个重复的字符串，有n个str组成，可修改为填充为数组等

　　

 request-funjs 快速上手

 安装

npm install request-funjs

 全局注册（在main.js文件里注册）

// 因为Requestjs是由$Ajax封装而成的，所以我们须要在index.html中引
// 入jQuery，或者全局引入jQueryimport Request from 'request-funjs';Vue.prototype.Request = Request;
//在这里需要声明一个 host 变量，作为请求的主机名称Request.host = 'https://www.baidu.com'

　　

 局部注册（在你所使用的vue里注册）

import Request from 'request-funjs';
//在这里需要声明一个 host 变量，作为请求的主机名称this.Request.host = 'https://www.baidu.com'

 例子

this.Request.Get("api/list",this.params,    
　　res => {       
　　　　console.log(res);    
　　},    
　　err => {       
　　　　console.log(err);}
)　

目录

1、get请求 :    Request.Get
2、post请求 :    Request.Post
3、批量post :    Request.PostBatch
4、put请求 :    Request.Put
5、delete请求     Request.Delete
6、批量delete :    Request.DeleteBatch
7、微信分享 :    Request.SetShare

好啦！今天严老湿的课就讲到这里啦！大家喜欢的话可以关注我！