FrankKai
FrankKai
### 排序 语法：participant 通过participant进行排序，由上至下，先出现的位于更左侧。 ```mermaid sequenceDiagram participant John participant Alice Alice->>John: Hello John, how are you? John-->>Alice: Great! ``` ```mermaid sequenceDiagram participant John participant Alice Alice->>John: Hello John, how are...
### 线段 语法： ->, -->, ->>, -->>, -x, --x -是实线，--是虚线；>无箭头，>>带箭头；x带叉号 ```mermaid sequenceDiagram participant A as Alice participant B as Bob A->>B: 有箭头实线 A-->>B: 有箭头实线 A->B: 无箭头实线 A-->B: 无箭头虚线 A-x B:...
### 活动期 语法：activate deactivate 活动期是垂直方向上的一个矩形，代表一个活动周期。 ```mermaid sequenceDiagram Alice->>John: Hello John, how are you? activate John John-->>Alice: Great! deactivate John ``` ```mermaid sequenceDiagram Alice->>John: Hello John, how are you? activate John...
### 备注 语法：Note [ right of | left of | over ] [Actor] 用于在链路间增加一些备注说明，可以左侧，可以右侧，也可以横跨。 ```mermaid sequenceDiagram participant John Note right of John: Text in note ``` ```mermaid sequenceDiagram participant John...
### 循环 语法：loop end 可用于表示轮询，定时任务等等。 ```mermaid sequenceDiagram Alice->John: Hello John, how are you? loop Every minute John-->Alice: Great! end ``` ```mermaid sequenceDiagram Alice->John: Hello John, how are you? loop Every...
### 注释 语法：%% ```mermaid sequenceDiagram %% 我是一个注释，你看不到我 Alice->>John: Hello John, how are you? John-->>Alice: Great! %% 我是另一个注释，你也看不到我 ``` ```mermaid sequenceDiagram %% 我是一个注释，你看不到我 Alice->>John: Hello John, how are you? John-->>Alice: Great!...
### Proxy劫持对象，解决JSON.stringify()时属性不存在的问题 JSON.stringify()后的结果，比console.log的内容少。  console.log 的时候 targetNode 还没有被添加到 edge 上。 因为 JOSN.stringify()打印的是对象的快照而不是引用，所以 JOSN.stringify()时没有打印出结果。 但是因为 console.log 打印的是引用，所以也会打印出 TargetNode 。 可以用 Proxy 劫持下 edge ，当 targetNode 被添加时，打印对象。 把下面例子里的 targetObject 换成 edge 试下。...
### 如何清除url的query，并且获取最新的url信息 通过history.pushState清除url的query，通过location获取最新的url信息。 > 这要比通过window.location.href来清除url的query好的多，不会引起页面的刷新。另外说一句，更改window.location.pathname也会引起页面的刷新。 ```js // 当前页面是http://yourdomain.com/page var newUrl = '/newpage'; // 只能使用相对路径或与当前源相同的绝对路径 window.history.pushState({}, '', newUrl); // 访问更新后的location对象 console.log(location.href); // http://yourdomain.com/newpage console.log(location.pathname); // /newpage console.log(location.hostname); // yourdomain.com console.log(location.protocol); //...
👏👏👏👏👏👏好文！！