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