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


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

 

 

posted @ 2020-03-12 17:04  疯狂的严先生  阅读(...)  评论(...编辑  收藏