[作特效, 学JS] -- 11 加餐-神奇的正则表达式

什么是正则

• 使用计算机可以理解的语言, 描述一段字符串的规则
• 想象一下, 你是如何跟外国友人描述中国手机号的?
  • 以1开头, 第二位通常是356789, 总共11位
• 换成正则: /^1[356789]\d{9}$/

解决正则表达式的可写不可读

• 所谓可写不可读, 意思是说, 你能够根据思路, 写出复杂有效的正则表达式
• 可是只须要一分钟, 你就看不懂了, 即使这个正则表达式是你本身写的...
• 能够把正则表达式, 转换成图片, 这样不就好理解了吗?
• 能够的! regexper.com/, 带你装逼带你飞!

扩展阅读

• 用心的博客: juejin.im/post/5b96a8…
• 不是用户名叫用心, 是真的很用心!

专栏地图

• [作特效, 学JS] -- 00 开篇
• [作特效, 学JS] -- 01 超连接鼠标移入变大变红, 鼠标移除还原
• [作特效, 学JS] -- 02 鼠标移入, div变大变红, 鼠标移出, 回复原貌
• [作特效, 学JS] -- 03 网页换肤
• [作特效, 学JS] -- 04 复选框全选
• [作特效, 学JS] -- 05 复选框全选/全不选
• [作特效, 学JS] -- 06 复选框全选/全不选/反选
• [作特效, 学JS] -- 07 网页选项卡
• [作特效, 学JS] -- 08 倒计时
• [作特效, 学JS] -- 09 正经的 全选和反选
• [作特效, 学JS] -- 10 自动生成表格
• [作特效, 学JS] -- 11 加餐-神奇的正则表达式
• [作特效, 学JS] -- 12 加餐-DOM扩展
• [作特效, 学JS] -- 13 加餐-聊聊BOM