霧燈似歸音,風也尋音訊。、
>>>> 前言
最近發布了了兩個簡單一點的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
好啦!今天嚴老濕的課就講到這里啦!大家喜歡的話可以關注我!