图解前端之正则表达式

以前都只是网上看文章，学学正则。然，一直都处于入门阶段。

学东西最怕一知半解。

于是最近找了本书看看《正则表达式必知必会》。

那酸爽的感觉。学正则有啥用？阅读大神源码，自己写底层等。都有很大帮助。

 

 

 

整本书从最简单的“单个字符”，然后字符集合，元字符，，，到最后的嵌入条件，逐步加深。图中标记了“红叉”的都是谷歌浏览器不支持的。

其实除了非贪婪模式，其他都不难。

 

例子：

北美电话号码:

文本:

Doe:2248-555-1234

Smith:(313) 555-1234

Lee:(810)555-1234

正则表达式:

\(?[2-9]\d\d\)?[ -]?[2-9]\d\d-\d{4}

 

URL地址:

https?://[-\w.]+(:\d+)?(/([\w/_.]*)?)?

https?可以匹配http或https

(:\d+)?匹配端口号

(/([\w/_.]*)?)?负责匹配一个文件路径

 

电子邮箱地址:

(\w+\.)*\w+@(\w\.)+[A-Za-z]+

 (\w+\.)*\w+匹配用户名

 

HTML注释

<!-{2,}.*?-{2,}>

懂了非贪婪模式，看这个就简单。 

 

JS注释:

//.*

 

身份证号码:

http://www.cnblogs.com/geilishu/p/5002210.html

 

 

其他资料:

正则表达式符号大全:http://www.cnblogs.com/yirlin/archive/2006/04/12/373222.html