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，或者全局引入jQuery
import 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

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