正則表示式詳解及實戰

摘要： Create by jsliang on 2018-11-14 10:41:20 Recently revised in 2018-11-19 09:04:18 Hello 小夥伴們，如果覺得本文還不錯，記得給個star，你們的star是我學習的動力！ GitHub 地址...

Create by jsliang on 2018-11-14 10:41:20

Recently revised in 2018-11-19 09:04:18

Hello 小夥伴們，如果覺得本文還不錯，記得給個star，你們的star是我學習的動力！ Expression" rel="nofollow,noindex">GitHub 地址

正則表示式：正則，也叫做規則，讓計算機能夠讀懂人類的規則。

正則表示式是繁瑣的，越學你會覺得越發發狂。

但是，它又是強大的。正則在我眼裡，就是作弊碼，學會之後的應用可以大大提高你的開發效率。

所以，你可以老老實實打怪，但是你用了它會覺得程式設計更爽快。

綜上，有了 jsliang 編寫這篇文章來記錄自己所學的衝動。

為此，也是靈感觸發， jsliang 寫了個 PC 小遊戲（請用電腦開啟網址）：

• 正則小遊戲地址

一 目錄

不折騰的前端，和鹹魚有什麼區別~

目錄

二 整合

本章節整理總結了所有的參考文獻，方便日後快速回顧回憶。

如果你還沒正式開始正則表示式，請快速瀏覽跳過本章節。

精選參考文獻/視訊/手冊：

• 正則表示式-教程 | 菜鳥教程
• 正則表示式線上測試 | 菜鳥教程
• 正則表示式手冊 | 開源中國社群
• 鬼斧神工之正則表示式 | 慕課網
• 正則表示式真的很 6，可惜你不會寫 | 前端之巔
• 正則表示式 - 快速參考 | Miscrosoft Docs
• 揭開正則表示式的神祕面紗 | 正則工作室
• JavaScript%2FGuide%2FRegular_Expressions" rel="nofollow,noindex">正則表示式 JavaScript | MDN

2.1 常用正則表示式

1. 驗證姓名

• 2 到 9 位中文暱稱： ^[\u4e00-\u9fa5]{2,9}$

2. 驗證密碼

• 只能是字母、數字和下劃線，長度不限制： ^\w+$
• 允許 小寫字母 a-z 、大寫字母 A-Z 、數字 0-9 、下劃線 _ 、 連線符 - ，且長度在 6-18 位數： /^[a-zA-Z0-9_-]{6,18}$/
• 必須包含數字+小寫字母+大寫字母的密碼，且長度在8-10位之間： ^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$

3. 驗證 Email

• 允許有一個字元符合 [A-Za-z0-9_] 之後可以為 [A-Za-z0-9_-+.] + @ + 允許有一個字元符合 [A-Za-z0-9_] 之後可以為 [A-Za-z0-9_-.] + . + 允許有一個字元符合 [A-Za-z0-9_] 之後可以有 [A-Za-z0-9_-.] 的郵箱： ^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

4. 驗證身份證

^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$
(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)

5. 驗證手機號

^1[3,4,5,7,8,9]\d{9}$
^134[0-8]\d{7}$|^(?:13[5-9]|147|15[0-27-9]|178|1703|1705|1706|18[2-478])\d{7,8}$
^(?:133|153|1700|1701|1702|177|173|18[019])\d{7,8}$
^(?:13[0-2]|145|15[56]|176|1704|1707|1708|1709|171|18[56])\d{7,8}|$

2.2 匹配規則

字元	描述	例子
\	將下一個字元標記為特殊字元、或原義字元、或向後引用、或八進位制轉義符。	\n 表示換行符、 \d 匹配 [0-9] 的數字
^	匹配輸入字串的開始位置。	^abc 表示匹配有 abc 開頭的字串
$	匹配輸入字串的結束位置。	^\d$ 表示匹配一個 [0-9] 的數字
*	匹配前面的子表示式零次或多次。	zo* 能匹配 z 或者 zoo 。 * 等價於 {0,} 。
+	匹配前面的子表示式一次或多次。	zo+ 能匹配 zo 或者 zoo ，但不能匹配 z 。 + 等價於 {1,} 。
?	匹配前面的子表示式零次或一次。	do(es)? 可以匹配 does 或 does 中的 do 。 ? 等價於 {0,1} 。
{n}	n 是一個非負整數。匹配確定的 n 次。	o{2} 不能匹配 Bob 中的 o ，但是能匹配 food 中的兩個 o 。
{n,}	n 是一個非負整數。至少匹配 n 次。	o{2,} 不能匹配 Bob 中的 o ，但能匹配 foooood 中的所有 o 。 o{1,} 等價於 o+ 。 o{0,} 則等價於 o* 。
{n,m}	m 和 n 均為非負整數，其中 n <= m。最少匹配 n 次且最多匹配 m 次。	例如， o{1,3} 將匹配 fooooood 中的前三個 o。 o{0,1} 等價於 o? 。請注意在逗號和兩個數之間不能有空格。
?	當該字元緊跟在任何一個其他限制符 * 、 + 、 ? 、 {n} 、 {n,} 、 {n,m} 後面時（例如 +? ），匹配模式是非貪婪的。非貪婪模式儘可能少的匹配所搜尋的字串，而預設的貪婪模式則儘可能多的匹配所搜尋的字串。	對於字串 oooo ， o+? 將匹配單個 o ，而 o+ 將匹配所有 o 。
.	匹配除 \n 之外的任何單個字元。 . 是一個很強大的 元符號 ，請慎用。	要匹配包括 \n 在內的任何字元，請使用 (.|\n) 的模式。要匹配小數點本身，請使用 \. 。 a.e 能匹配 nave 中的 ave 或者匹配 water 中的 ate
(子表示式)	標記一個子表示式的開始和結束位置。	(\w)\1 能匹配 deep 中的 ee
(?:子表示式)	匹配 z子表示式 但不獲取匹配結果，也就是說這是一個非獲取匹配，不進行儲存供以後使用。這在使用或字元 (|) 來組合一個模式的各個部分是很有用。	industr(?:y|ies) 就是一個等同於 industry|industries 但更簡略的正則表示式。
(?=子表示式)	一般用法： ××(?=子表示式) ，它的意思就是 ×× 後面的條件限制是 ?= 後面的 子表示式	Windows(?=95|98|NT|2000) 能匹配 Windows2000 中的 Windows ，但不能匹配 Windows3.1 中的 Windows 。 \w+(?=\.) 能匹配 He is. The dog ran. The sun is out. 中的 is 、 ran 和 out
(?!子表示式)	類似於 (?=子表示式) ，表示不等於後面的 子表示式 。	Windows(?!95|98|NT|2000) 能匹配 Windows3.1 中的 Windows ，但不能匹配 Windows2000 中的 Windows 。 \b(?!un)\w+\b 能匹配 unsure sure unity used 中的 sure 和 used
(?<=子表示式)	同上。	(?<=95|98|NT|2000)Windows 能匹配 2000Windows 中的 Windows ，但不能匹配 3.1Windows 中的 Windows 。 (?<=19)\d{2}\b 能匹配 1851 1999 1950 1905 2003 中的 99 、 50 和 05
(?<!子表示式)	同上。	(?<!95|98|NT|2000)Windows 能匹配 3.1Windows 中的 Windows ，但不能匹配 2000Windows 中的 Windows 。 \b(?!un)\w+\b 能匹配 unsure sure unity used 中的 sure 和 used
x|y	匹配 x 或者 y。	z|food 能匹配 z 或者 food 。 (z|f)ood 則匹配 zood 或 food 。
[xyz]	字元集合。匹配所包含的任意一個字元。	[abc] 可以匹配 plain 中的 a 。
[^xyz]	求反。匹配未包含的任意字元。	例如， [^abc] 可以匹配 plain 中的 p 。 [^aei] 匹配 reign 中的 r 、 g 和 n
[a-z]	字元範圍。匹配指定範圍內的任意字元。	[a-z] 可以匹配 a 到 z 範圍內的任意小寫字母字元。注意： [A-Z] 才匹配大寫英文字母
[^a-z]	求反。匹配任何不在指定範圍內的任意字元。	[^a-z] 可以匹配任何不在 a 到 z 範圍內的任意字元。
\b	匹配一個單詞邊界，也就是指單詞和空格間的位置。	er\b 可以匹配 never 中的 er ，但不能匹配 verb 中的 er 。
\B	匹配非單詞邊界。	er\B 能匹配 verb 中的 er ，但不能匹配 never 中的 er 。
\cx	匹配由 x 指明的控制字元。	例如， \cM 匹配一個 Control-M 或者回車符。 x 的值必須為 A-Z 或 a-z 之一。否則，將 c 視為一個原義的 c 字元。
\d	匹配一個數字字元。等價於[0-9]。	4 = IV 中的 4
\D	匹配一個非數字字元。等價於[^0-9]。	4 = IV 中的 、 = 、 、 I 和 V
\f	匹配一個換頁符。等價於\x0c和\cL。	[\f]{2,} 能匹配 \f\f\f 中的 \f\f\f 。
\n	匹配一個換行符。等價於\x0a和\cJ。	\r\n(\w+) 能匹配 \r\nThese are\ntwo lines. 中的 \r\nThese
\r	匹配一個回車符。等價於\x0d和\cM。	\r\n(\w+) 能匹配 \r\nThese are\ntwo lines. 中的 \r\nThese
\s	匹配任何空白字元，包括空格、製表符、換頁符等等。等價於[ \f\n\r\t\v]。	\w\s 能匹配 ID A1.3 中的 D
\S	匹配任何非空白字元。等價於[^ \f\n\r\t\v]。	\s\S 能匹配 int __ctr 中的 _
\t	匹配一個製表符。等價於\x09和\cI。	(\w+)\t 能 匹配 item1\titem2\t 中的 item1\t 和 item2\t
\v	匹配一個垂直製表符。等價於\x0b和\cK。	[\v]{2,} 能匹配 \v\v\v 中的 \v\v\v
\w	匹配包括下劃線的任何單詞字元。等價於 [A-Za-z0-9_] 。	ID A1.3 中的 I 、 D 、 A 、 1 和 3
\W	匹配任何非單詞字元。等價於 [^A-Za-z0-9_] 。	ID A1.3 中的 、 . 。

2.3 常用方法

JavaScript 正則預設： 正則匹配成功就會結束，不會繼續匹配。如果想查詢全部，就要加標識 g （全域性匹配）

1. test()

js 程式碼片段

var str = "123abc";
var re = /\D/; // 匹配非數字
if(re.test(str)) {
console.log("不全是數字！");
} else {
console.log("全是數字！");
}
複製程式碼

Console： 不全是數字

2. search()

規則：正則去匹配字串，如果匹配成功，就返回匹配成功的位置，如果匹配失敗就返回 -1
用法 ： 字串.search(正則)
案例 ：

js 程式碼片段

var str = "abcdef";
var re1 = /d/i; // 3
var re2 = /h/i; // -1
console.log(str.search(re1));
console.log(str.search(re2));
複製程式碼

3. match()

規則：正則去匹配字串，如果匹配成功，就返回匹配成功的陣列，如果匹配不成，就返回 null
用法 ： 字串.match(正則)
案例 ：

js 程式碼片段

var str = "123fadf321dfadf4fadf1"; //(4) ["123", "321", "4", "1"]
var re = /\d+/g;
console.log(str.match(re));
複製程式碼

Console： (4) ["123", "321", "4", "1"]

4. replace()

• 簡單案例

js 程式碼片段

var str = 'aaa';
var re = /a+/g;
str = str.replace(re, "b");
console.log(str); // b
複製程式碼

Console： b

• 敏感詞過濾

html 程式碼片段

<div class="filtering-of-sensitive-words">
<h3>敏感詞過濾</h3>
<p>替換前</p>
<textarea name="before" id="" cols="30" rows="10"></textarea>
<input type="button" value="確定" id="input1">
<p>替換後</p>
<textarea name="after" id="" cols="30" rows="10"></textarea>
</div>
複製程式碼

js 程式碼片段

window.onload = function() {
var aT = document.getElementsByTagName("textarea");
var oInput = document.getElementById("input1");

var re = /非誠|中國船|監視之下/g;

oInput.onclick = function() {
// 一律單個替換： aT[1].value = at[0].value.replace(re, "*");
// 多個替換：
aT[1].value = aT[0].value.replace(re, function(str) {
var result = "";
for(var i=0; i<str.length; i++) {
result += "*";
}
return result;
});
}
}
複製程式碼

三 正則旅途

什麼是正則表示式？正則表示式：正則，也叫做規則，讓計算機能夠讀懂人類的規則。

正則表示式都是用來操作字串的。

本文學習目標：

1. 通過小故事給小夥伴學習 JavaScript 的正則表示式
2. 讓小夥伴能瞭解基本正則表示式的意思，並能自己寫正則表示式

3.1 初識正則

正則長咋樣？怎麼用？很簡單，三行程式碼帶你入門

var regex = /^\d+$/;
var myNumber = '123';
console.log(regex.test(myNumber)); // true
複製程式碼

上面的正則，能驗證字串 myNumber 是不是純數字組成，就這麼簡單，正則入門了！

但是，如果我要是敢就這麼結束文章，我敢保證你們想拍死我！所以，我們通過一個表示式的故事來初識正則表示式：

某天，盜賊小白給了盜賊小黑一個盒子，盒子像俄羅斯套娃一樣，有 3 層巢狀：

並且，他們約定了交易密碼提取方式：小白將給小黑提供一串字串，小黑只需要將字串中的所有相連的數字找出來，然後把它們拼接成一個新陣列，陣列的第一項就是第一個盒子的密碼，以此類推……

"abc123def456hash789" -> [123, 456, 789] - > [外層盒子1密碼, 中間層盒子2密碼, 最內層盒子3密碼]

現在假設盜賊小黑使用 JavaScript 進行常規查詢：

index.html

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>正則表示式</title>
</head>

<body>
<p>正則表示式 | <b>jsliang</b> 學習記錄</p>

<script>
window.onload = function () {
var str = "abc123def456hash789"

function findNum(str) {
var arr = [];
var tmp = '';
for (var i = 0; i < str.length; i++) {
if (str.charAt(i) >= "0" && str.charAt(i) <= "9") {
tmp += str.charAt(i);
} else {
if (tmp) {
arr.push(tmp);
tmp = "";
}
}
}
if (tmp) {
arr.push(tmp);
tmp = "";
}
return arr;
}
console.log(findNum(str));
}
</script>
</body>

</html>
複製程式碼

寫到這裡，小黑覺得不妥，上面程式碼寫得太麻煩太複雜了，於是決定使用正則表示式查詢：

index.html

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>正則表示式</title>
</head>

<body>
<p>正則表示式 | <b>jsliang</b> 學習記錄</p>

<script>
window.onload = function() {
var str = "abc123def456hash789";
function findNum(str) {
return str.match(/\d+/g);
}
console.log(findNum(str));
}
</script>
</body>

</html>
複製程式碼

小黑瞬間覺得自己很牛逼有木有？！只需要一行程式碼，就能解決字串查詢的時候用的一大串程式碼！

那麼，講到這裡，小夥伴們應該對正則有了個簡單的瞭解，稱熱打鐵，Here we go~

3.2 正則解析

在上文中，盜賊小黑通過使用 str.match(/\d+/g) ，解決了獲取箱子密碼的問題。

那麼，這串正則表示式是什麼意思呢？我們先拋開這個，解析一串簡單的：

^[a-z0-9_-]{6,12}$

首先， ^ 表示匹配字串的開始位置，結合後面的 [a-z0-9_-] 表示該字串開頭可以為 a-z 的字母， 0-9 的數字， _ 下劃線， - 連線符。

然後， [a-z] 表示匹配 a-z 中任意單個字母； [0-9] 表示匹配 0-9 中任意單個數字； [_] 表示匹配下劃線； [-] 表示匹配連線符 - 。所以，將前面的連起來， [a-z0-9_-] 表示字串可以包含 數字 、 字母 、 _ 、 - 這四種形式的字串。

接著， {6, 12} 表示該字串的長度為 6-12 位。

最後， $ 表示結束標誌， ^ 的相反。

^ 與 $ 同時使用時，表示精確匹配。

終上所述，小夥伴們應該猜測到了這個正則表示式的用途： 校驗使用者名稱 。該使用者名稱只能包含字元、數字、下劃線 (_) 和連線字元 (-) ，並且使用者名稱的長度最長為 12 位，最短為 6 位。

那麼，它在 JavaScript 中要如何使用呢？我們通常用 /正則表示式/ 兩個斜槓來包裹我們要寫的正則表示式：

var reg = /^[a-z0-9_-]{6,12}$/
複製程式碼

看，這樣就是一條規則了，如果你需要讓他匹配一個字串 str 。那麼，只需要在程式碼中使用 test() 測試方法：

var str = 'abc-cba_abc';
var reg = /^[a-z0-9_-]{6,12}$/;
console.log(reg.test(str)); // true
複製程式碼

這樣，我們就告訴了 JavaScript： reg 通過 test() 方法去測試 str 是否符合 reg 的規則，如果符合則返回 true ，如果不符合則返回 true 。這裡返回的是 true ，因為我們的 str 是符合 reg 規則的。

test() 方法及其他好用的方法已經整合到裡面了，迫不及待的小夥伴們可點選連結先行檢視。

下面貼出完整程式碼：

index.html

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>正則表示式</title>
</head>

<body>
<p>正則表示式 | <b>jsliang</b> 學習記錄</p>

<script>
window.onload = function() {
var str = 'abc-cba_abc';
var reg = /^[a-z0-9_-]{6,12}$/;
console.log(reg.test(str)); // true
}
</script>
</body>

</html>
複製程式碼

3.3 正則練習

通過上面的瞭解，小夥伴對正則表示式應該有了初始的瞭解，下面我們猜測一下，下面的 Console 1 - Console 3 中， 哪些是 true ，哪些是 false ：

index.html

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>正則表示式</title>
</head>

<body>
<p>正則表示式 | <b>jsliang</b> 學習記錄</p>

<script>
window.onload = function() {
var str = "Cheer for yourself";
var reg1 = /^Cheer/;
var reg2 = /yourself$/;
var reg3 = /for/;
console.log(reg1.test(str));
console.log(reg2.test(str));
console.log(reg3.test(str));
}
</script>
</body>

</html>
複製程式碼

答案是，這三個都返回 true 。在這三個 console.log() 中：

第一個判斷該字串是否以 Cheer 開頭；

第二個判斷該字串是否以 yourself 結尾；

第三個判斷該字串是否包含 for 。

在日常工作中，經常利用該方法，判斷使用者輸入的 string 裡面是否包含某些文字，例如： jsliang 是傻逼 ，就需要判斷替換為 jsliang 是帥哥 ，至於怎麼替換敏感字，迫不及待的小夥伴們可前往先行了解~

3.4 漸入佳境：() 匹配子項

所謂匹配子項，其實就是我們的小括號 () 。它還有另外一個意思，叫分組操作。下面我們引用章節中的定義：

表示式	釋義	用法
(子表示式)	標記一個子表示式的開始和結束位置。	(\w)\1 能匹配 deep 中的 ee

如果光解釋意思，小夥伴們可能稀裡糊塗。所以我們先上程式碼：

js 程式碼片段

var str = "2018-11-28";
var re = /(\d+)(-)/g;
str = str.replace(re, function($0, $1, $2){
// 第一個引數：$0（母親)
// 第二個引數：$1（第一個孩子）
// 第三個引數：$2 (第二個孩子)
console.log("$0：" + $0); // 2018- 以及 11-
console.log("$1：" + $1); // 2018 以及 11
console.log("$2：" + $2); // - 以及 -
return $1 + '.';
});
console.log(str); // 2018.11.28
複製程式碼

首先，我們解析下這段正則：

• /(\d+)/ 表示任意 1 個及以上的數字
• /(-)/ 表示匹配字元 -
• g 表示匹配一次以上

所以這段正則的意思就是匹配一次及以上的 數字- 形式的字串。 然後 ，我們使用了 replace() 方法。我們觀察 Console 打印出來的結果，可以看出： $0 即是我們的正則 var re = /(\d+)(-)/g 去匹配 var str = "2018-11-28" 所得到的結果，這裡我們匹配成功了兩次，即 2018- 及 11- ； $1 即是我們的一個小括號 (\d+) 的匹配結果，所以結果為 2018 以及 11 ； $2 即是我們的第二個小括號 (-) 的匹配結果，所以結果為 - 以及 - 。

最後，我們做的事情就是，將 $1 加上 . ，並返回最終結果給 str ，即最終結果： 2018.11.28 。

在這裡提到了 replace() 方法，詳情可瞭解：

【Once again】如果小夥伴們感覺還是不過癮，那麼我們再來一段：

js 程式碼片段

var str = "abc";
var re = /(a)(b)(c)/;
console.log(str.match(re));
複製程式碼

Console

(4) ["abc", "a", "b", "c", index: 0, input: "abc", groups: undefined]

這裡我們不做過多講述，相信小夥伴們經過這兩個案例，應該對 () 有了一定的瞭解。

3.5 漸入佳境：[] 字元類

何為字元類？

所謂字元類，就是一組類似的元素 [] 這樣的中括號的整體，所代表一個字元。

話不多說，先上程式碼：

js 程式碼片段

var str1 = "abcd";
var re1 = /a[bcd]c/;
console.log(re1.test(str1)); // true

var str2 = "abc";
var re2 = /a[^bcd]c/;
console.log(re2.test(str2)); // false

var str3 = "a.c";
var re3 = /a[a-z0-9A-Z]c/;
console.log(re3.test(str3));// false
複製程式碼

首先，我們先解析第一部分：

• /a/ ：匹配字母 a
• /[bcd]/ ：匹配字母 bcd 中的一位
• /[d] ：匹配字母 d

所以，可以看出，我們用 re1 來測試 str1 是否符合，它會返回 true 。

然後，我們解析第二部分：

• ^ 如果寫在 [] 裡面的話，就代表排除的意思。在這裡就代表著 a 和 c 中間不能是 bcd 中的任意一個

所以，可以看出，我們用 re2 來測試 str1 是否符合，它會返回 false 。

最後，我們解析第三部分：

• /[a-z0-9A-Z]/ ：匹配小寫字母 a-z ，或者數字 0-9 ，或者大寫字母 A-Z 。即 a 與 c 之間只能是上面匹配地上的字元。

所以，可以看出，我們用 re3 來測試 str3 是否符合，它會返回 false 。

四 回顧總結

在第三章中，我們介紹了強大之處，介紹了它的使用方法，並通過小練習、 () 以及 [] 的講解，讓小夥伴們更進一步瞭解在 JavaScript 中正則的使用……

但！

這是完結嗎？！

不！

由於 jsliang 時間有限，沒法一一給小夥伴們介紹正則的樂趣及工作中如何使用正則提高工作效率。

所以，在第二章中， jsliang 整合網上資源，記錄了一些常用的正則工具，裡面有很多東西，是在這篇文章中沒有涉及的，有興趣的小夥伴可以逐一嘗試加深對正則的瞭解。

————For the end————

在編寫這篇文章中， jsliang 玩性大發寫下了下面的遊戲（請用電腦檢視）：

• 遊戲地址 ： 天下第一武道會
• 程式碼地址 ： github.com/LiangJunron…

如果小夥伴們覺得本文還不錯，記得 掘金 給個贊並去 GitHub 點個star， 你們的star是我學習的動力！ GitHub 地址

由 樑峻榮 採用 知識共享 署名-非商業性使用-相同方式共享 4.0 國際 許可協議 進行許可。

基於 github.om/LiangJunron… 上的作品創作。

本許可協議授權之外的使用許可權可以從 creativecommons.org/licenses/by… 處獲得。