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
好啦!今天严老湿的课就讲到这里啦!大家喜欢的话可以关注我!