前端最基础的就是 HTML+CSS+Javascript。控制了这三门手艺就算入门，但也仅仅是入门，如今前端开辟的定义已远远不止这些。前端小教室（HTML/CSS/JS），本着提拔手艺水平，打牢基础学问的中心思想，我们开课啦（每周四）。

该文为前端培训-初级阶段（13、18）的补充内容 (引见了 ECMAScript 汗青，ES6 经常运用点)。

本文引见ECMAScript基础学问。

1. 前端培训-初级阶段（13） – ECMAScript （语法、变量、值、范例、运算符、语句）
2. 前端培训-初级阶段（13） – ECMAScript （内置对象、函数）
3. 前端培训-初级阶段（13） – 类、模块、继续

基础内容学问我们会用到。默许已读。

我们要讲什么？

1. 正则表达式基础的关键词
2. 正则表达式一些进阶用法（预查断言）
3. 罕见正则
4. 实战场景

正则表达式基础的关键词

1. 声明一个正则表达式
   1）var reg=new RegExp('划定规矩','前提');
   由于划定规矩是一个字符串，所以能够拼接，比方new RegExp(['违规','骂人','涉黄','涉政'].join('|')).test('正经人涉黄')在这个场景当中，我们须要依据其他词库，来天生过滤正则。

   2）var reg=/划定规矩/前提;
   平常来说我们运用这个，方便快捷

2. 前提

   关键词	申明	用法
   i	ignore 疏忽大小写	平常用在标签婚配比方 <img>和<IMG>
   g	global 全局	平常用在须要婚配多个地区的时刻比方违规词语要替换成**
   m	multiline 多行	这个用的比较少

3. 划定规矩
   内里的一切｜都是错的，须要本身替换成半角的|

   关键词	婚配项 申明	用法
   字符串	通例字符 直接填入你要婚配的字符即可，关键词须要转义	'骂人，骂人的话'.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\n\r\t\v]	' \f\n\r\t\v'.replace(/\s/g, '*')
   \b	单词边境，类似于$	'lists list'.replace(/s\b/g, '')
   \D \W \S \B	等同于上面小写的取反
   \num	婚配之前的分组num为索引，能够用来查找反复字符	'abbcccddddeffffffff'.match(/(\w)\1+/g)
   ( )	分组 能够用来给\num婚配，也能够用来给match函数运用
   ｜	或 用来标识关键字婚配个中的即可	'x + y = ?'.replace(/x｜y/g,()=>Math.random()*50>>0)
   [xyz]	字符鸠合 比较经常运用内里能够放上面的关键词	'x + y = ?'.replace(/[xy]/g,()=>Math.random()*50>>0)
   .	除“\n”和”\r“以外的任何单个字符。

   上面引见了罕见的划定规矩，实在另有一些婚配的量词

   关键词	婚配项 申明	用法
   ^	标识最先	'onchange'.match(/^on\w+/)
   $	标识完毕	'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中的支撑的不是很好

1. 将简朴的网址：www.abc.com中的中心部份abc提取出来
2. 正向零宽先行断言 'https://segmentfault.com/write'.match(/\w+(?=\.com)/)

3.

罕见正则

1. 邮箱 /\w+@\w+(\.\w+)+/
2. 手机号 /^1\d{10}$/.test('15075754545')

实战

1. 婚配歌词文件

   

2. 猎取URL中的参数
   location.search.match(/[?&]q=[^&]*/) q为key

跋文

主讲人文章-2019.04.18。

我虽然忙没写出来，然则进修我们是一直在做的。赶赶进度。