前端常用的小函式 1 解析url

2021-09-13 12:06:24 字數 912 閱讀 8289

寫作背景

算上實習時間,已經學習前端兩年了。知識結構很亂,需要有乙個網路化的總結。
寫作目的

知識總結,結交一些前端的小夥伴。
需求

請求某些後端的介面,需要前端提供一些特定的請求引數。
注意事項

1.解析的是否為普通的url (有時候也會解析帶hash的url)。

2.url 中是否有空格等字串

知識羅列

1.陣列的扁平化處理

2.正則匹配

3.模板字串拼接

$(function() , {});

};const renderurlqueries = queries =>

object.entries(queries).reduce((result, item, currentindex) => .  $ : $

`; return result;

}, "");

const getrender = () => ;

const init = () => ;

init();

$input.on("input", () => getrender());

});

不足

1.場景考慮的不夠充分。

2.沒有完全使用es6(indexof->includes).

js的url解析函式封裝

在實際開發中,有些通過get方式與後台交換資料的時候,需要用到的資料在url中,因此就需要我們來獲取到url中有用的資訊,下面封裝的函式已經可以將url解析的很徹底了,可以拿來直接用的 function parseurl url seg a.search.replace split len seg....

Url幾個常用的函式

1 parse url 本函式解析乙個 url 並返回乙個關聯陣列,包含在 url 中出現的各種組成部分。本函式不是用來驗證給定 url 的合法性的,只是將其分解為下面列出的部分。不完整的 url 也被接受,parse url 會嘗試盡量正確地將其解析。url par pares url url v...

常用的小函式

1獲取命令列的第n個引數值 cstring getstring cstring stropt,int n,cstring sign t 傳入字串 n 以什麼做為分格符 hw hw getwindow gw hwndnext hwnd hw getsafehwnd return i 1 6 顯示模組資...