shero-cli 是什么？

很多程序员平时喜欢使用 git 的 issue 来编写博客，因为 issue 里的 comment 部分能够提供一个作者和读者之间沟通讨论的平台。但是使用 issue 编写博客的话，涉及到博客内容和 issue 直接的关系需要维护，作者需要自己维护一个博客仓库，然后在博客完成后再复制到 issue。
为了让利用 github 的 issue 来开发博客变得更加愉快，就开发了 shero-cli 这款工具。主要提供的功能有：

• 命令行式创建博客
• 命令行式发布博客
• 将仓库里的 md 文件生成目录列表，降低维护成本

有兴趣的可进入 github 查看项目源码： shero-cli github 地址

一、基础背景

去年 Vue3.0 正式版本推出，受到很多人的追捧。vue3.0 中也对 dom-diff 算法进行了优化，其中就用到了 「最长递增子序列」。

先简要介绍下基础背景。我们在 vue 开发项目的时候，常用模板或者 jsx 语法来编写 DOM。实际上我们编写的代码会被@vue/compiler-dom转化为虚拟 DOM 节点，即 Virtual DOM，之后再将虚拟 DOM 节点渲染成实际的 DOM 节点，Virtual DOM 也会被组织成树形结构，即 Virtual DOM 树。类似如下所示 👇🏽：

1. symbol

Symbol 的基本用法

Symbol 能够创建独一无二的类型

1
2
3

let s1 = Symbol('kin')
let s2 = Symbol('kin')
s1 === s2 // 结果是false

本文翻译自：https://betterprogramming.pub/5-principles-for-writing-clean-and-maintainable-vue-js-code-35dfcf5ef08c

在编码过程中，让编写的代码清晰易懂是一件重要的事情。清晰的代码就像一瓶好酒，没法立刻显示出优势，但是随着时间的推移仍能让读它的人觉得很好理解，这便是最大的优势。

而有些代码写的低内聚，逻辑混乱，就像意大利面条一样混乱。你在当时能够理清混乱的逻辑，但是等过 3 个月，5 个月或者 20 个月后再去看这段代码，情况就会很糟糕。

作为一个程序员，我在编程（包括 vue 项目）时会坚持一个重要原则，我把它称为 DRY 原则。

DRY 是don’t repeat yourself的缩写，也就是说要减少编程中的重复逻辑。