正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握的话，能够使你的开发效率得到极大的提升。下面是@技匠 整理的，在前端开发中经常使用到的20个正则表达式。
正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的Javascript代码：
1 . 校验密码强度
密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。
2. 校验中文
字符串仅能是中文。
3. 由数字、26个英文字母或下划线组成的字符串
4. 校验E-Mail 地址
同密码一样，下面是E-mail地址合规性的正则检查语句。
5. 校验身份证号码
下面是身份证号码的正则校验。15 或 18位。
15位：
18位：
6. 校验日期
“yyyy-mm-dd“ 格式的日期校验，已考虑平闰年。
7. 校验金额
金额校验，精确到2位小数。
8. 校验手机号
下面是国内 13、15、18开头的手机号正则表达式。（可根据目前国内收集号扩展前两位开头号码）
9. 判断IE的版本
IE目前还没被完全取代，很多页面还是需要做版本兼容，下面是IE版本检查的表达式。
10. 校验IP-v4地址
IP4 正则语句。
11. 校验IP-v6地址
IP6 正则语句。
12. 检查URL的前缀
应用开发中很多时候需要区分请求是HTTPS还是HTTP，通过下面的表达式可以取出一个url的前缀然后再逻辑判断。
13. 提取URL链接
下面的这个表达式可以筛选出一段文本中的URL。
14. 文件路径及扩展名校验
验证windows下文件路径和扩展名（下面的例子中为.txt文件）
15. 提取Color Hex Codes
有时需要抽取网页中的颜色代码，可以使用下面的表达式。
16. 提取网页图片
假若你想提取网页中所有图片信息，可以利用下面的表达式。
17. 提取页面超链接
提取html中的超链接。
18. 查找CSS属性
通过下面的表达式，可以搜索到相匹配的CSS属性。
19. 抽取注释
如果你需要移除HMTL中的注释，可以使用如下的表达式。
20. 匹配HTML标签
通过下面的表达式可以匹配出HTML中的标签属性。
正则表达式的相关语法
下面是我找到的一张非常不错的正则表达式 Cheat Sheet，可以用来快速查找相关语法。
学习正则表达式
我在网上看到了一篇相当不错的正则表达式快速学习指南，有兴趣继续深入学习的同学可以参考。
正则表达式在线测试工具
regex101 是一个非常不错的正则表达式在线测试工具，你可以直接在线测试你的正则表达式哦。
如果你也收藏了非常有用的正则表达式，不妨也在点评中分享哦 ^_^
作者微信公众号：
「技多不压身的设计师才有高薪资！」
- 平面设计：《超赞！设计师完全自学指南》
- 交互设计：《交互设计师修炼指南！教你从零开始成为优秀交互设计师》
- UI设计：《超实用新手指南！零基础如何自学UI设计？》
- 前端开发：《天猫高手来教你！零基础如何系统地学习前端开发？》
- 抠图技巧：《从菜鸟到高手！PHOTOSHOP抠图全方位攻略》
- 配色方案：《色彩搭配速成！3个实用方法帮你全面搞定配色》
- DPI指南：《基础知识学起来！为设计师量身打造的DPI指南》
- 交互设计自学路径图：《零基础入门！给非科班生的自学路径图之交互设计篇》
【优设网 原创文章 投稿邮箱：2650232288@qq.com】