WEB

Mermaid UML 流程图工具

2020-04-17

Mermaid 使用文本来构建UML流程图,类似于 Markdown 的降介文档,用javascript来生成 UML 图。 官方文档

plantuml 类似,都是属于降介文本格式输出类似 dot 图形。

嵌入使用

https://cdn.jsdelivr.net/npm/mermaid@8.5.0/dist/mermaid.min.js
  1. 使用默认的渲染,引入js 后,将文本放入 div.mermaid 中,让 Mermaid 自动渲染。
<div class="mermaid"> 
flowchart LR;
    A-->B;
    B-->C; 
</div>
flowchart LR;
    A-->B;
    B-->C; 

FLEX 布局

2020-01-02

弹性盒子(Flexbox)在纵列上进行弹性布局

unicode 编码范围

2019-12-16

正则工具 : regexr.com

GBK (GB2312/GB18030)

x00-xff GBK双字节编码范围
x20-x7f ASCII
xa1-xff 中文
x80-xff 中文

UTF-8 (Unicode)

u4e00-u9fa5 (中文)
x3130-x318F (韩文)
xAC00-xD7A3 (韩文)
u0800-u4e00 (日文)
uff21 – uff5a 英文全角 A-z 
uff01 - uff09 美式键盘 1-9 上标字符  02 双引号 06 中文省略号……
uff10 - uff19 全角数字  0 – 9 
uff20 @ 

韩文是大于[u9fa5]的字符

unicode 对照表

2019-12-16

转义字符

在 html 中使用特殊字符 比如 ♬ 9836 266C,如果要显示 &9836;,是无法使用键盘输入,需要使用输入法中特殊字符处理才能数据,使用十进制(&#9836;) 或 十六进制 (&#x266C;) 的 code 来输入,并在html上转义显示。

字符&# code ;&#x code ;
9836266C
&#9836;&#x266C;