前端實用工具大集合

2022-07-17 10:42:12 字數 3169 閱讀 9206

1.判斷js型別

js有自己判斷方法 typeof 但是當他遇到引用型別的時候得到的結果往往不是我們想要的,例如

typeof       //

object

typeof

null

//object

於是自定義判斷型別就出現了

//

自定義判斷元素型別js

function

totype(obj)

//來我們測試一下

filternull(undefined) //

'undefined'

filternull(null) //

'null'

filternull(nan) //

'number'

filternull(function(){}) //

'function'

filternull({}) //

'object'

filternull() //

'array'

filternull(0) //

'number'

filternull(false) //

'boolean'

2.過濾引數

有沒有時候後台返回的引數是null或者undefined然後就被丟到了頁面上,很難看,要每乙個地方都去處理,很不好,如果你也遇到過這樣情況,那麼你就可以用到這個小工具啦

//

引數過濾函式(處理引數 格式化引數)

function

filternull(o)

if (o[key] ===undefined)

if (totype(o[key]) === 'string' && o[key] === '') else

if (totype(o[key]) === 'object')

else

if (totype(o[key]) === 'array')

} returno}

//自定義判斷元素型別js

function

totype(obj)

//

//initialize()

output = document.getelementbyid("output"); //

輸出的div

video = document.getelementbyid("video"); //

要擷取的目標video

video.setattribute('crossorigin', 'anonymous'); //

允許跨域

video.addeventlistener('loadeddata',captureimage); //

},

4.根據位元組數擷取字串

//

根據位元組擷取字串

mysubstring(str, len)

//假設指定長度內都是中文

var m = math.floor(len/2);

for (var i = m, j = str.length; i < j; i++)

}return

str;

}

5.js複製到剪下板

//

input框不能有disabled屬性

//根據第一條擴充套件,input的width || height 不能為0;

//input框不能有hidden屬性

6.rem適配字型大小

import vue from 'vue'

function

resizefont()

if (!document.addeventlistener) return

window.addeventlistener(resizeevt, recalc,

false

) recalc()

document.addeventlistener(onload, recalc,

false)}

vue.prototype.$resizefont = resizefont

7.獲取當前網域名稱

window.location.protocol+"//"+window.location.host; //

返回window.location.host;

//返回url 的主機部分,例如:mp.csdn.net

window.location.hostname; //

返回"www.cnblogs.com

window.location.href; //

返回整個url字串(在瀏覽器中就是完整的位址列) "/qqqing/p/11417738.html"

window.location.pathname; //

返回 /qqqing/p/11417738.html

window.location.protocol; //

返回url 的協議部分,例如: http:,ftp:,maito:等等。

window.location.port //

url 的埠部分,如果採用預設的80埠,那麼返回值並不是預設的80而是空字元

8.獲取url裡的引數

//

獲取url裡的引數

function

getquerystring(name)

geturlvars() ;

var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function

(m,key,value) );

return

vars;

},

linux實用工具

基本實用工具 ls 顯示檔名 list cat 顯示文字檔案內容 rm i 刪除檔案 remove i開啟選項 less more 分屏顯示檔案 hostname 顯示系統名 檔案操作 cp sourcefile destinationfile 複製檔案copy mv oldname newname...

Linux實用工具

特殊字元 轉義字元可以用 括起來,也可以在前面加上 基礎的一些命令 列出檔名 ls 顯示檔案文字內容 cat 刪除檔案 rm 顯示系統名 hostname 複製檔案 cp 更改檔名 mv 列印檔案 lpr 查詢字串 grep 顯示頭,尾檔案 head,tail 按順序顯示檔案內容 sort 刪除檔案...

sqlcmd 實用工具

使用 sqlcmd 實用工具可以在命令提示符處輸入 transact sql 語句 系統過程和指令碼檔案。此實用工具使用 ole db 執行 transact sql 批處理。sqlcmd e s server name instance name h wksta name d db name l ...