Pinned

云满笔记

已于 2024-04-18 11:09:12 修改

阅读量1.1k

点赞数

分类专栏： sticky 文章标签： markdown md image table 正则

于 2022-06-07 13:33:06 首次发布

本文链接：https://blog.csdn.net/wan212000/article/details/125163556

版权

sticky 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

Pinned

1. markdown

1.1. 常用

表格

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |

header 1 | header 2
---|---
row 1 col 1 | row 1 col 2
row 2 col 1 | row 2 col 2

表格左/右/居中对齐

|左对齐| 居中对齐| 右对齐|
|:-----| -------|-----:|
|电脑  |电脑    |电脑   |

表格内嵌列表

项目     | 备注
-------- |:-----
电脑     | <li>第一点<li>第二点说明

输出结果:

项目	备注
电脑	第一点第二点说明

文字修饰

<b><u>  </u></b>

<font color="red">  </font>

段落

</br>

链接

[link](http://note.youdao.com/)

图片

![image][fire]

[fire]:data:image/png;base64,iVBORw0KGgoA............

Data URLs
SVG Data URLs
SVG render 更简单的方法: 将 SVG 转为 PNG
或者使用 svg tag: https://www.bayustudio.com/app/svg-encoder/

代码

1.2. 折叠效果

<details> 
    <summary>展开查看</summary>
    <pre><code>
        此处为代码的块具体内容
    </code></pre> 
</details>

表格内父子折叠:

<tr  class="object" tabindex="1">
			<td ><span class="extend">+</span>  返回结果</td>
			<td >data </td>
			<td >map </td>
			<td >Y</td>
			<td ><p><span class="label-tips label-blue"> body</span>  返回的code码</p></td>
		  </tr>	
		  <tr>
			<td class="object-sub object-sub1 hide" colspan="5"><table class="table">
				<thead>
				  <tr>
					<th width="17%">参数名</th>
					<th>变量</th>
					<th width="17%">类型[长度限制]</th>
					<th width="10%">必填</th>
					<th width="38%">描述</th>
				  </tr>
				</thead>
				<tbody>
				  <tr >
					<td >菜单主键 </td>
					<td >result </td>
					<td >long </td>
					<td >是 </td>
					<td >菜单唯一标识 <br>
					  <span class="green">示例值：1 </span></td>
				  </tr>
				</tbody>
			  </table></td>
		  </tr>
                  
    
    <script>
	$(document).ready(function() { 
		$(".object").click(function(){
        var ids=$(this).attr("tabindex");
        if(ids){
            var iHtml=$(this)[0].children[0].children[0].innerHTML
            if($(".object-sub"+ids).css("display")==="none"){
                $(".object-sub"+ids).removeClass("hide");
                $(this)[0].children[0].children[0].innerHTML="-"
 
            }
            else{
                $(".object-sub"+ids).addClass("hide");
                $(this)[0].children[0].children[0].innerHTML="+"
            }
        }
    })
        });
</script>

2. HTML 元素

2.1. 换行符

放在要换行的位置就好了:

<br>

普通句子中换行: 使用 \, 然后接着按下 Enter 键。或者, 直接在需要换行的地方, 按下 Enter 键即可。

2.2. 空格

&nbsp;

2.3. 换页

将这个插入到你要分页的地方, 就可以了:

<div STYLE="page-break-after: always;"></div>

2.4. 字体

<font color="#FF0000">我是红色字体</font>

2.5. 容器

markdown-it-container, 用于创建自定义的块级容器

INPUT

::: warning
*here be dragons*
:::

OUTPUT

<div class="warning">
<p><em>here be dragons</em></p>
</div>

2.6. 图形: plantuml

markdown-it-plantuml, 可以在 Markdown 中使用的绘制 UML 工具: PlantUML。

官网: http://plantuml.com/

https://github.com/gmunguia/markdown-it-plantuml

支持 UML 图:

序列图
用例图
类图
活动图(这是遗留语法)
组件图
状态图
对象图
部署图
时序图

支持非 UML 图:

线框图形界面
Archimate 图
规范和描述语言 (SDL)
迪塔图
甘特图
数学与 AsciiMath 或 JLaTeXMath 表示法

3. 正则表达式

https://regex101.com/

3.1. 正则表达式中的 `.` 和 `.?` 的区别是什么?

表达式 .* 就是单个字符匹配任意次, 即贪婪匹配。
表达式 .*? 是满足条件的情况只匹配一次, 即最小匹配。

3.2. How do I match any character across multiple lines in a regular expression? 正则表达式匹配多行

For example, this regex

(.*)<FooBar>

will match:

abcde<FooBar>

But how do I get it to match across multiple lines?

abcde
fghij<FooBar>

Try this:

((.|\n)*)<FooBar>

It basically says “any character or a newline” repeated zero or more times.

3.3. 匹配空格的正则表达式

\s* 表示的是匹配 0 或多个空格
\s{m} 其中 m 是个数字, 表示的是匹配 m 个空格

3.4. 匹配两个标识中间的内容

第一种写法:

获取 A 和 B 中间的内容: 包含 AheB

A.*?B

获取 A 和 B 中间的内容: 不包含 AheB

(?<=A).*?(?=B)

第二种写法:

[A](.*?)[B]

(?<=[A])(.*?)(?=[B])

第三种写法:

特殊情况处理: 获取 Html 标签中间的内容, 但是 html 标签带有一些无法确定的属性:

例: 获取 code 标签中的插槽内容

内容

<code(?:\s[^<>]+)?>([^<>]*)<\/code>

4. 数学符号

4.1. 运算

±

如加号 (＋), 减号 (－), 乘号 (× 或 ·), 除号 (÷ 或／), 两个集合的并集 (∪), 交集 (∩), 根号 (√), 对数 (log, lg, ln), 比 (: ), 微分 (dx), 积分 (∫), 曲线积分 (∮) 等。

4.2. 推理

⇒ ⇐ ⇑ ⇓ ⇔ ⇋ ⇌ ⇍ ⇎ ⇏

4.3. 序号

①   ②   ③   ④   ⑤   ⑥   ⑦   ⑧   ⑨   ⑩

4.4. 集合

a∈Z

4.5. 其它

几何符号

⊥   ∥   ∠   ⌒   ⊙   ≡   ≌    △

代数符号

∝   ∧   ∨   ～   ∫   ≠    ≤   ≥   ≈   ∞   ∶

集合符号

∪   ∩   ∈

特殊符号

∑    π(圆周率)   丶

推理符号

|a|    ⊥    ∽    △    ∠    ∩    ∪    ≠    ≡    ±    ≥    ≤    ∈    ←

↑    →    ↓    ↖    ↗    ↘    ↙    ∥    ∧    ∨

&;   §

Γ    Δ    Θ     Λ    Ξ    Ο    Π     Σ    Φ     Χ    Ψ    Ω

α    β    γ    δ    ε    ζ    η    θ    ι    κ    λ    μ     ν

ξ    ο    π    ρ    σ    τ    υ    φ    χ    ψ    ω

Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ Ⅺ Ⅻ

ⅰ ⅱ ⅲ ⅳ ⅴ ⅵ ⅶ ⅷ ⅸ ⅹ

∈   ∏   ∑   ∕   √   ∝   ∞   ∟ ∠    ∣   ∥   ∧   ∨   ∩   ∪   ∫   ∮

∴   ∵   ∶   ∷   ∽   ≈   ≌   ≒   ≠   ≡   ≤   ≥   ≦   ≧    ≮   ≯   ⊕   ⊙    ⊥

⊿   ⌒     ℃

指数 0123: o123

数量符号

如: i, 2+i, a, x, 自然对数底 e, 圆周率π。

关系符号

如 “＝” 是等号, “≈” 是近似符号, “≠” 是不等号, “＞” 是大于符号, “＜” 是小于符号, “≥” 是大于或等于符号(也可写作 “≮”), “≤” 是小于或等于符号(也可写作 “≯”), 。“→” 表示变量变化的趋势, “∽” 是相似符号, “≌” 是全等号, “∥” 是平行符号, “⊥” 是垂直符号, “∝” 是成正比符号, (没有成反比符号, 但可以用成正比符号配倒数当作成反比)“∈” 是属于符号, “??” 是 “包含” 符号等。