正則
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ū)分大小寫
本地存儲(chǔ)
本地存儲(chǔ)分為cookie盆均,以及新增的localStorage和sessionStorage
1塞弊、cookie
cookie 存儲(chǔ)在本地,容量最大4k泪姨,在同源的http請求時(shí)攜帶傳遞游沿,損耗帶寬,可設(shè)置訪問路徑驴娃,只有此路徑及此路徑的子路徑才能訪問此cookie奏候,在設(shè)置的過期時(shí)間之前有效循集。
jquery 設(shè)置cookie
$.cookie('mycookie','123',{expires:7,path:'/'});
jquery 獲取cookie
$.cookie('mycookie');
2唇敞、localStorage
localStorage 存儲(chǔ)在本地,容量為5M或者更大咒彤,不會(huì)在請求時(shí)候攜帶傳遞疆柔,在所有同源窗口中共享,數(shù)據(jù)一直有效镶柱,除非人為刪除旷档,可作為長期數(shù)據(jù)。
設(shè)置:
localStorage.setItem("dat", "456");
localStorage.dat = '456';
獲刃稹:
localStorage.getItem("dat");
localStorage.dat
刪除
localStorage.removeItem("dat");
3鞋屈、sessionStorage
sessionStorage存儲(chǔ)在本地,容量為5M或者更大故觅,不會(huì)在請求時(shí)候攜帶傳遞厂庇,在同源的當(dāng)前窗口關(guān)閉前有效。
localStorage 和 sessionStorage 合稱為Web Storage , Web Storage支持事件通知機(jī)制输吏,可以將數(shù)據(jù)更新的通知監(jiān)聽者权旷,Web Storage的api接口使用更方便。
iPhone的無痕瀏覽不支持Web Storage贯溅,只能用cookie拄氯。
jqueryUI
jQuery UI是以 jQuery 為基礎(chǔ)的代碼庫。包含底層用戶交互它浅、動(dòng)畫译柏、特效和可更換主題的可視控件。我們可以直接用它來構(gòu)建具有很好交互性的web應(yīng)用程序姐霍。
Draggable
1鄙麦、設(shè)置數(shù)值的滑動(dòng)條
2、自定義滾動(dòng)條