資訊專欄INFORMATION COLUMN
摘要：前端培訓(xùn)初級階段語法變量值類型運(yùn)算符語句前端培訓(xùn)初級階段內(nèi)置對象函數(shù)前端培訓(xùn)初級階段類模塊繼承基礎(chǔ)內(nèi)容知識(shí)我們會(huì)用到。
前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開課啦（每周四）。
該文為前端培訓(xùn)-初級階段（13、18）的補(bǔ)充內(nèi)容 (介紹了 ECMAScript 歷史，ES6 常用點(diǎn))。
本文介紹ECMAScript基礎(chǔ)知識(shí)。
前端培訓(xùn)-初級階段（13） - ECMAScript （語法、變量、值、類型、運(yùn)算符、語句）
前端培訓(xùn)-初級階段（13） - ECMAScript （內(nèi)置對象、函數(shù)）
前端培訓(xùn)-初級階段（13） - 類、模塊、繼承
基礎(chǔ)內(nèi)容知識(shí)我們會(huì)用到。默認(rèn)已讀。
我們要講什么？正則表達(dá)式基本的關(guān)鍵詞
正則表達(dá)式一些進(jìn)階用法（預(yù)查斷言）
常見正則
實(shí)戰(zhàn)場景
正則表達(dá)式基本的關(guān)鍵詞聲明一個(gè)正則表達(dá)式
1）var reg=new RegExp("規(guī)則","條件");
因?yàn)橐?guī)則是一個(gè)字符串，所以可以拼接，比如new RegExp(["違規(guī)","罵人","涉黃","涉政"].join("|")).test("正經(jīng)人涉黃")在這個(gè)場景當(dāng)中，我們需要根據(jù)其他詞庫，來生成過濾正則。
2）var reg=/規(guī)則/條件;
一般來說我們使用這個(gè)，方便快捷
條件
| 關(guān)鍵詞 | 說明 | 用法 |
|---|---|---|
| i | ignore 忽略大小寫 | 一般用在標(biāo)簽匹配比如 |
| g | global 全局 | 一般用在需要匹配多個(gè)區(qū)域的時(shí)候比如違規(guī)詞語要替換成** |
| m | multiline 多行 | 這個(gè)用的比較少 |
規(guī)則
里面的所有｜都是錯(cuò)的，需要自己替換成半角的|
| 關(guān)鍵詞 | 匹配項(xiàng) 說明 | 用法 |
|---|---|---|
| 字符串 | 常規(guī)字符 直接填入你要匹配的字符即可，關(guān)鍵詞需要轉(zhuǎn)義 | "罵人，罵人的話".replace(/罵人/g, "**") |
| d | 數(shù)字0-9的縮寫，也等價(jià)于[0-9] | "0313-0000000".replace(/d/g, "*") |
| w | 單詞，也等價(jià)于[a-zA-Z0-9_] | "tel: 0313-;URI: lilnong.top".replace(/w/g, "*") |
| s | 任何不可見字符，包括空格、換行等。等價(jià)于[ f v] | " f v".replace(/s/g, "*") |
| 單詞邊界，類似于$ | "lists list".replace(/s/g, "") | |
| D W S B | 等同于上面小寫的取反 | |
| um | 匹配之前的分組num為索引，可以用來查找重復(fù)字符 | "abbcccffffddeffffffff".match(/(w)1+/g) |
| ( ) | 分組 可以用來給 um匹配，也可以用來給match函數(shù)使用 | |
| ｜ | 或 用來標(biāo)識(shí)關(guān)鍵字匹配其中的即可 | "x + y = ?".replace(/x｜y/g,()=>Math.random()*50>>0) |
| [xyz] | 字符集合 比較常用里面可以放上面的關(guān)鍵詞 | "x + y = ?".replace(/[xy]/g,()=>Math.random()*50>>0) |
| . | 除“ ”和" "之外的任何單個(gè)字符。 |
上面介紹了常見的規(guī)則，其實(shí)還有一些匹配的量詞
| 關(guān)鍵詞 | 匹配項(xiàng) 說明 | 用法 |
|---|---|---|
| ^ | 標(biāo)識(shí)開始 | "onchange".match(/^onw+/) |
| $ | 標(biāo)識(shí)結(jié)束 | "abc.mp4.avi".match(/.w+$/) |
| * | 0或多個(gè)，等價(jià)于{0,} | "abbccc".match(/a*/g) |
| + | 1或多個(gè)，等價(jià)于{1,} | "abbccc".match(/a+/g) |
| ? | 0活1個(gè)，等價(jià)于{0,1} | "abbccc".match(/a?/g) |
| {n,m} | n和m可以省略一個(gè)，也可以都寫上，限定個(gè)數(shù) |
js中的支持的不是很好
將簡單的網(wǎng)址：www.abc.com中的中間部分abc提取出來
正向零寬先行斷言 "https://segmentfault.com/write".match(/w+(?=.com)/)
3.
常見正則郵箱 /w+@w+(.w+)+/
手機(jī)號 /^1d{10}$/.test("15075754545")
實(shí)戰(zhàn)匹配歌詞文件
獲取URL中的參數(shù)
location.search.match(/[?&]q=[^&]*/) q為key
主講人文章-2019.04.18。
我雖然忙沒寫出來，但是學(xué)習(xí)我們是一直在做的。趕趕進(jìn)度。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/109395.html
摘要：提供了與瀏覽器窗口進(jìn)行交互的對象標(biāo)簽之間不會(huì)共享。用于描述當(dāng)前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開課啦（每周四）。 前面我們已經(jīng)基本掌握常規(guī)的語法語義，以及基...
摘要：提供了與瀏覽器窗口進(jìn)行交互的對象標(biāo)簽之間不會(huì)共享。用于描述當(dāng)前瀏覽器的歷史記錄。表示窗口是否以全屏顯示。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開課啦（每周四）。 前面我們已經(jīng)基本掌握常規(guī)的語法語義，以及基...
摘要：上節(jié)我們講了同源策略，這節(jié)我們講講如何跨域。當(dāng)這些從的腳本執(zhí)行出錯(cuò)，因?yàn)檫`背了同源策略為了保證用戶信息不被泄露，錯(cuò)誤信息不會(huì)顯示出來，取而代之只會(huì)返回一個(gè)。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思想，我們開課啦（每...
摘要：同源策略是什么同源策略是瀏覽器的一個(gè)安全功能，不同源的數(shù)據(jù)禁止訪問。或許你可以說驗(yàn)證，在瀏覽器沒有同源策略的情況下這些都可以繞過去?？偨Y(jié)同源策略是蠻好的，防御了大部分的攻擊。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS），本著提升技術(shù)水平，打牢基礎(chǔ)知識(shí)的中心思...
摘要：前端最基礎(chǔ)的就是。幫助從舊的事件方法轉(zhuǎn)換，和。方法移除用綁定的事件處理程序。特定的事件處理程序可以被移除元素上提供事件名稱，命名空間，處理函數(shù)。用于過濾器的觸發(fā)事件的選擇器元素的后代。事件觸發(fā)模擬觸發(fā)原生使用觸發(fā)。 前端最基礎(chǔ)的就是 HTML+CSS+Javascript。掌握了這三門技術(shù)就算入門，但也僅僅是入門，現(xiàn)在前端開發(fā)的定義已經(jīng)遠(yuǎn)遠(yuǎn)不止這些。前端小課堂（HTML/CSS/JS）...
閱讀 2639·2021-11-25 09:43
閱讀 2743·2021-11-04 16:09
閱讀 1660·2021-10-12 10:13
閱讀 891·2021-09-29 09:35
閱讀 894·2021-08-03 14:03
閱讀 1786·2019-08-30 15:55
閱讀 3003·2019-08-28 18:14
閱讀 3503·2019-08-26 13:43
