2019-04-15 本地存儲(chǔ)和正則表達(dá)式

本地存儲(chǔ)分為cookie,以及新增的localStorage和sessionStorage

1、cookie 存儲(chǔ)在本地,容量最大4k,在同源的http請(qǐng)求時(shí)攜帶傳遞,損耗帶寬,可設(shè)置訪問(wèn)路徑,只有此路徑及此路徑的子路徑才能訪問(wèn)此cookie,在設(shè)置的過(guò)期時(shí)間之前有效。

jquery 設(shè)置cookie

$.cookie('mycookie','123',{expires:7,path:'/'});

jquery 獲取cookie

$.cookie('mycookie');

2、localStorage 存儲(chǔ)在本地,容量為5M或者更大,不會(huì)在請(qǐng)求時(shí)候攜帶傳遞,在所有同源窗口中共享,數(shù)據(jù)一直有效,除非人為刪除,可作為長(zhǎng)期數(shù)據(jù)。

//設(shè)置:

localStorage.setItem("dat", "456");

localStorage.dat = '456';

//獲?。?/p>

localStorage.getItem("dat");

localStorage.dat

//刪除

localStorage.removeItem("dat");

3、sessionStorage 存儲(chǔ)在本地,容量為5M或者更大,不會(huì)在請(qǐng)求時(shí)候攜帶傳遞,在同源的當(dāng)前窗口關(guān)閉前有效。

localStorage 和 sessionStorage 合稱為Web Storage , Web Storage支持事件通知機(jī)制,可以將數(shù)據(jù)更新的通知監(jiān)聽者,Web Storage的api接口使用更方便。

iPhone的無(wú)痕瀏覽不支持Web Storage,只能用cookie。

正則表達(dá)式

1、什么是正則表達(dá)式:?

能讓計(jì)算機(jī)讀懂的字符串匹配規(guī)則。

2、正則表達(dá)式的寫法:

var re=new RegExp('規(guī)則', '可選參數(shù)');

var re=/規(guī)則/參數(shù);

3、規(guī)則中的字符?

1)普通字符匹配:

如:/a/ 匹配字符 ‘a(chǎn)’,/a,b/ 匹配字符 ‘a(chǎn),b’

2)轉(zhuǎn)義字符匹配:

\d 匹配一個(gè)數(shù)字,即0-9

\D 匹配一個(gè)非數(shù)字,即除了0-9

\w 匹配一個(gè)單詞字符(字母、數(shù)字、下劃線)

\W 匹配任何非單詞字符。等價(jià)于[^A-Za-z0-9_]

\s 匹配一個(gè)空白符

\S 匹配一個(gè)非空白符

\b 匹配單詞邊界

\B 匹配非單詞邊界

. 匹配一個(gè)任意字符,除了換行符‘\n’和回車符‘\r’

\1 重復(fù)子項(xiàng)

4、量詞:對(duì)左邊的匹配字符定義個(gè)數(shù)?

? 出現(xiàn)零次或一次(最多出現(xiàn)一次)

+ 出現(xiàn)一次或多次(至少出現(xiàn)一次)

* 出現(xiàn)零次或多次(任意次)

{n} 出現(xiàn)n次

{n,m} 出現(xiàn)n到m次

{n,} 至少出現(xiàn)n次

5、任意一個(gè)或者范圍?

[abc123] : 匹配‘a(chǎn)bc123’中的任意一個(gè)字符

[a-z0-9] : 匹配a到z或者0到9中的任意一個(gè)字符

6、限制開頭結(jié)尾?

^ 以緊挨的元素開頭

$ 以緊挨的元素結(jié)尾

7、修飾參數(shù):

g: global,全文搜索,默認(rèn)搜索到第一個(gè)結(jié)果接停止

i: ingore case,忽略大小寫,默認(rèn)大小寫敏感

m: multiple lines,多行搜索(更改^ 和$的含義,使它們分別在任意一行對(duì)待行首和行尾匹配,而不僅僅在整個(gè)字符串的開頭和結(jié)尾匹配)

8、常用函數(shù)?

1、test

用法:正則.test(字符串) 匹配成功,就返回真,否則就返回假

2、search

用法:字符串.search(正則) 匹配成功,返回位置,否則返回-1

3、match

用法: 字符串.match(正則);匹配成功,就返回匹配成功的數(shù)組,否則就返回null

4、replace

用法:字符串.replace(正則,新的字符串) 匹配成功的字符去替換新的字符

正則默認(rèn)規(guī)則?

匹配成功就結(jié)束,不會(huì)繼續(xù)匹配,區(qū)分大小寫

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 正則 1、什么是正則表達(dá)式: 能讓計(jì)算機(jī)讀懂的字符串匹配規(guī)則。 2、正則表達(dá)式的寫法: var re=new Re...
    jackmanzhang閱讀 170評(píng)論 0 0
  • jsonp ajax只能請(qǐng)求同一個(gè)域下的數(shù)據(jù)或資源,有時(shí)候需要跨域請(qǐng)求數(shù)據(jù),就需要用到j(luò)sonp技術(shù),jsonp可...
    上心心上閱讀 307評(píng)論 0 0
  • jsonp ajax只能請(qǐng)求同一個(gè)域下的數(shù)據(jù)或資源,有時(shí)候需要跨域請(qǐng)求數(shù)據(jù),就需要用到j(luò)sonp技術(shù),jsonp可...
    阿朝狠酷閱讀 396評(píng)論 0 0
  • jsonp ajax只能請(qǐng)求同一個(gè)域下的數(shù)據(jù)或資源,有時(shí)候需要跨域請(qǐng)求數(shù)據(jù),就需要用到j(luò)sonp技術(shù),jsonp可...
    3788ea30a4e8閱讀 184評(píng)論 0 0
  • 正則表達(dá)式 1、什么是正則表達(dá)式:能讓計(jì)算機(jī)讀懂的字符串匹配規(guī)則。 2、正則表達(dá)式的寫法:var re=new R...
    BaiBao丶閱讀 162評(píng)論 0 0

友情鏈接更多精彩內(nèi)容