update: 更新正则表达式技巧网站

docs/.vitepress/config.ts

@@ -20,6 +20,7 @@ const PLAY_DX = [
     items: [
       { text: '自动化部署', link: '/feature/deploy' },
       { text: 'Vscode 特性配置', link: '/feature/vscode' },
+      { text: '正则表达式技巧', link: '/feature/regexp' },
     ],
   },
   SCSS,

docs/src/feature/regexp.md

@@ -0,0 +1,93 @@
+---
+title: 正则匹配技巧
+---
+
+# 正则匹配技巧
+
+## 正则修饰符
+
+正则表达式可能有影响搜索结果的修饰符
+
+在 `JavaScript` 中，只有 6 个修饰符：
+
+`i`
+使用此修饰符后，搜索时不区分大小写：`A` 和 `a` 之间没有区别
+`g`
+使用此修饰符后，搜索时会寻找所有的匹配项 —— 没有它，则仅返回第一个匹配项
+`m`
+多行模式
+`s`
+启用 “`dotall`” 模式，允许点 . 匹配换行符 \`n`
+`u`
+开启完整的 `Unicode` 支持，该修饰符能够正确处理代理对
+`y`
+粘滞（`Sticky`）模式，在文本中的确切位置搜索
+
+## 善用 exec 函数
+
+```ts
+let match
+const regex = /test/g // 需加g，它就会从存储在 regexp.lastIndex 属性中的位置开始在字符串 str 中进行搜索。如果找到匹配项，则将在匹配后立即将 regexp.lastIndex 设置为索引
+const text = 'all text all'
+// eslint-disable-next-line no-cond-assign
+while ((result = regex.exec(text)))
+  alert(`Found ${result[0]} at position ${result.index}`)
+  // 在位置 0 发现了 let，然后
+  // 在位置 4 发现 varName
+  // 未找到就会重置索引 lastIndex 设置为0
+```
+
+## 正则功能函数
+
+### import match 函数
+
+```ts
+/**
+ * import match函数
+ * @return [[import, importName]]
+ */
+function getMatchImport(str: string, line = false) {
+  // const requireRegex = /require\(['"](.+)['"]\)/
+  const requireRegex2 = /.*? (.+) = require\(['"](.+)['"]\)/
+  const importRegex = /import {?\s*(.+?)\s*}? from ['"](.+)['"]/
+  const importRegexAll = /import {?\s*([\w\W]+?)\s*}? from ['"](.+)['"]/g
+
+  const matchAll = str.match(importRegexAll) ?? []
+  const result: any[] = []
+
+  if (requireRegex2.test(str) && line) {
+    const match = str.match(requireRegex2) ?? []
+    return [match[1].trim() ?? '', match[2] ?? '']
+  }
+  if (importRegex.test(str) && line) {
+    const match = str.match(importRegex) ?? []
+    return [match[1].trim() ?? '', match[2] ?? '']
+  }
+
+  for (const item of matchAll)
+    result.push(matchImport(item))
+
+  // const importRegex2 = /import\(['"](.+)['"]\)/
+
+  // if (requireRegex.test(str))
+  //   return str.match(requireRegex)
+  // if (importRegex2.test(str))
+  //   return str.match(importRegex2)
+
+  return result.length ? result : ['', '']
+
+  function matchImport(itemImport: string) {
+    const importRegex = /import {?\s*([\w\W]+?)\s*}? from ['"](.+)['"]/
+    const match = itemImport.match(importRegex) ?? []
+    return [match[1] ?? '', match[2] ?? '']
+  }
+}
+```
+
+## 正则踩坑
+
+### new RegExp 里字符串需转义对应的字符
+
+如：`$_test`函数
+
+需转化为：`new RegExp('\\$_test')`