markdown 绘制 Mermaid

利用 markdown 绘制 Mermaid

对比 PlantUML(摘抄自网络):

Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库,使用 JS 进行本地渲染,广泛集成于许多 Markdown 编辑器中。

之前用过 PlantUML,但是发现这个东西的实现原理是生成 UML 的图片后上传服务端,每次再从服务端读取,因此觉得不够鲁棒,隐私性也不好,因而弃用。——(编者按:纠正一下,不是图片,而是SVG 可缩放矢量图形。但确实存在上传到plantuml.com,博客生成的图表点开是这个域名)

Mermaid 作为一个使用 JS 渲染的库,生成的不是一个“图片”,而是一段 HTML 代码,因此安全许多。

Read More

漫谈压测1:前言

一直觉得压测(服务端)没什么可写的,特别是在公司基础设施很完善的情况下,做压测就是配置配置加点点点,再加熬夜通宵(线上压测)。直到有一天,其他同学过来问某个指标数据是怎么来的,发现有一段时间没做压测已经淡忘了。好在当初笔记做得非常细致,翻笔记查到了。

Read More

Vue 学习笔记(三十八):了解 Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

Read More

通用能力之财会1:前言

早年学过至少2门会计、财务的必修课(有点印象的),加上爷爷和外公都是会计,我甚至一度很纠结是否像那些不屑编程的学霸那样去走金融财会方向。然扪心自问,财会学得并不怎么样,该忘的、不该忘的,基本上都忘了。努力回想,大概只剩下“有借必有贷,借贷必相等”、“资产等于负债加所有者权益”这些实在难以磨灭的。

Read More

Vue 学习笔记(三十):Vue Router 概念

路由

其实就是指向的意思,当点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。

Read More

Vue 学习笔记(二十二):Vue CLI 基础

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。

Read More