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


好啦!今天嚴老濕的課就講到這里啦!大家喜歡的話可以關注我!

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM