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

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

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

2020-10-09

env

Hexo博客：markdown 绘制 PlantUML

hexo 静态 blog 支持 markdown 绘制 plantuml。

2020-10-08

env

Hexo博客：markdown 绘制 flowchart 流程图

有道云笔记的 markdown 支持绘制 flowchart 流程图的。基于hexo静态blog也可以，需要手动支持一下。

2020-10-07

FE

XHR是什么？[前端]

我们可能平时经常用Chrome开发者工具的XHR来查看请求/返回，包括我们调试Vue的http请求，究竟什么是XHR？

2020-10-06

finance

通用能力之财会2：为什么采用借贷记账法

复式记账法 - 借贷记账法

2020-10-04

读书笔记

趁活动买了几本书

今天收到了趁京东99元10本活动买的几本书。选了两拨，第三拨还没挑好活动就没了^footnote1。

2020-10-03

FE

Vue 学习笔记（四十）：了解 Vue Loader

是什么

Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件。

2020-10-02

Java

拦截器 Interceptor 和过滤器 Filter 的区别 [Java Web]

需要捕获每一个请求的做特定处理。前段时间已经用 Filter 实现了一版，理论上 Spring 的 Interceptor 也可以实现，TODO抽空再试一版 Interceptor。这里先列举一下两者区别：

2020-10-01

test

漫谈接口测试1：前言

接口测试，技术支持很成熟，应用也很广泛。可能很多公司不做UI自动化测试，但绝大多数公司都在开展接口测试。

2020-09-30

test

漫谈压测1：前言

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

2020-09-28

Java

继续谈谈 BigDecimal（某里禁止使用BigDecimal的equals方法做等值比较）

昨天 Bug 学习：一分钱的误差提到了BigDecimal，正好今天看到这篇文章为什么阿里巴巴禁止使用BigDecimal的equals方法做等值比较？，再多谈一点。

2020-09-27

Java

Bug 学习：一分钱的误差

前言：基本功相关错误，基本功扎实的同学不用浪费时间看了。

遇到一个有意思的bug，A系统的数据经过B系统后，发现个别数据少了一分钱。

2020-09-26

FE

Vue 学习笔记（三十九）：了解 gulp

学习项目中看到gulp，简单了解一下。前端构建工具常见的有 Grunt 、 Gulp 、 Webpack 三种。

2020-09-25

FE

Vue 学习笔记（三十八）：了解 Vuex

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

2020-09-24

FE

Vue 学习笔记（三十七）：一般工程目录结构解析

一般webpack下的vuejs项目结构解析，实际工程实践中的项目多都是这样的结构：

2020-09-23

finance

通用能力之财会1：前言

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

2020-09-22

FE

Vue 学习笔记（三十六）：npm start

有些项目的启动方式是 npm run dev 、npm run serve，还有些是 npm start ，并且可以主动打开浏览器，是怎么实现的？

2020-09-21

FE

Vue 学习笔记（三十五）：nvm，安装管理不同 node 版本

nvm: Node Version Manager

2020-09-20

FE

Vue 学习笔记（三十四）：yarn

前端的东西真是又多又杂，下了个 vue 小项目，里面有 yarn.lock 文件。这里了解一下 yarn

2020-09-19

FE

Vue 学习笔记（三十三）：Vue Router 命名视图、路由懒加载等

命名视图
数据获取
路由懒加载

2020-09-18

FE

Vue 学习笔记（三十二）：Vue Router 编程式导航

Programmatic Navigation

除了使用 <router-link> 创建 a 标签来定义导航链接，还可以借助 router 的实例方法，通过编写代码来实现。

`router.push(location, onComplete?, onAbort?)`

2020-09-17

FE

Vue 学习笔记（三十一）：Vue Router 示例

用 Vue.js + Vue Router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。

2020-09-16

FE

Vue 学习笔记（三十）：Vue Router 概念

路由

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

2020-09-15

misc