[作特效, 學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