之前我介绍了一下 lunar-vim，lunar-vim 诚然是一个不错的选择，但是实际上在 vscode 中直接开启 vim 已经能有不错的体验的了，这里只需要稍稍做一下配置的修改即可。

序

随着 vue2.7 的正式发布，我们终于也开始升级 vue2.7 了。本文算是对 vue 升级方案做一个简单的记录。

概述

vue2.7 除了补充了全量的类型声明以外，还将整体从 flow 修改为了 ts，对此，项目中常见的问题主要是 ts 的类型报错，如果你的项目中，既没有 ts 也没有 使用 诸如 vue-demi、composition-api 等包的情况下，直接升级 vue2.7 对于你的使用来说是没有差异的。

很不凑巧的是，我们既使用了 vue-demi 又使用了 composition-api ，还很不凑巧的有 tsx 和 ts。

前言

写着这么一个组件的原因也比较简单，因为现在在做的低代码编辑器需要可以进行事件的控制，而事实上我们的低代码平台的实现上主要还是比较偏向指令式的换而言之通常是这么个逻辑执行的：

执行 xxx 操作 -> 打开弹窗 -> 填写表单 -> 关闭弹窗  

那么自然而然的，我们就可以想到实现这种运行方式的编辑器，必然是一个流程图编辑器，那么在流程图编辑器获得 json 数据以后要怎么执行便成了问题。

在第一版我们不需要实现非常复杂的管理，可以简单的直接使用递归的方式直观的实现。

前言

这里是 unity 学习过程的笔记入口，相关的 unity 文章将会链接到这边

序言

这篇文章在 notion 那边放了很久了，现在拉过来这边重新复刻一遍，其实只是为了试试博客的 mathjax 没有正常工作（）

记得那个时候写这篇文章的时候，大家在出面试题，这里就提到了青蛙跳格子的经典问题（就是 斐波那契数列 求 n 项的变种），所以顺手就整理了一篇文章出来。

前言

今天把整个博客都整理了一下主要是把 webpack3 升级到了 webpack5，可能是年纪大了，一些花里胡哨的东西都不太喜欢了。就把页面上以前一些花里胡哨的东西都移除了，留下了一个干干净净的，纯粹的文章页面。

在升级的过程中，发现了 webpack5 和 webpack3 & webpack4 比较大的一个差异点 —— 资源处理。

表单验证

说起表单验证，这可是一个经久不衰的话题了，不论是新型的 low code 方案还是老旧的手写方式。

表单验证已经在过去长久的实践里面获得通用的认识，所以大体上，绝大多数的表单验证，在观感上、体验上基本都是一致的。

通常而言，我们常见的都可以发现大致有这么几种表单验证方式：

• 基于 JSON schema 的
• 基于 js 配置的
• 基于 class 的

而我们目前使用的 ant-design-vue（1.7.8） 的表单验证器，至少在现阶段说不上好用，勉强算是灵活有效，适应面广泛。

而 ant-design-vue 的表单验证基本是基于 async-validator 的这带来的比较大的问题就是写起来其实蛮繁琐的。

随手举个官网的例子：

ruleForm: {
    pass: '',
    checkPass: '',
    age: '',
},
rules: {
    pass: [{ validator: validatePass, trigger: 'change' }],
    checkPass: [{ validator: validatePass2, trigger: 'change' }],
    age: [{ validator: checkAge, trigger: 'change' }],
},

最大的特点就是 rules 的声明与 form 分离，且极其不直观。

当然这也是 js 配置方式的一贯特点，很灵活，没有什么太大的劣势。

那么对于我来说，我觉得代码这个东西，主要还是人阅读的，从这个基本点出发，我还是希望稍稍的改善一下阅读体验，但是呢，并不想太过改动原本的验证逻辑。

那么实际上用 class 方式的验证就可以做到。

js 本身的安全精度并不高，具体可以 查看这里

旧时代的 vim

最早用 ubuntu 的时候，那个时候还是 atom & vscode 针锋相对相对的时候，基于两者生态还没起来的原因，不免使用上有所不便，索性也就都不用了，直接把目光投向了最老牌的两个编辑器 —— emacs & vim。

出于对 编辑器 没有什么太高要求，故而最终用上的是 vim。

但是想把 vim 调教成一个合适的，功能齐全的编辑器并不方便，核心在于 vim 本身受制于 vimscript 功能局限，加之 vim 在本身是同步编程时代的产物，一旦在成规模的应用上，使用 vim 来作为主力 ide 是一件不怎么好用的事情。

序

2021 年即将结束了，那么是时候总结一下今年我做了哪些工作和事情了。

此前 20 年的时候，我还在 xd 继续做着页面特效，后来工作发生了调整，去了 TapTap ，在 TapTap 这边做回了 2B 业务，算是重回了“安逸圈”（毕竟对兼容性的要求没这么高了）

一开始负责的是开发者中心的任务。总体来讲，由于时间的问题，开发者中心项目上其实没有非常好的规划，不过从整个技术架构上，已经开始使用比较先进的理念和架构。

开发者中心主要用的还是 vue2 。当然这是由于开工的时候， vue3 尚未 release 。显然 vue3 在当时那个阶段 是不适合直接使用的。

为此我们又想再使用 vue2 的基础上去使用 vue3 composition 的复用能力，这最好的方案就是直接用 @vue/composition-api，它带来了巨大的提升，事实上我们的许多基础建设都依赖于 composition api 提供的巨大支持。

从实践的结果来看，开发者中心总体上结果很不错，里面许多的基础建设也逐渐的演变为通用的前端基础设施。

后来主要去负责了星云平台，由于星云主要是一个对内的平台，基于此，这里许多相对激进的方案得以施展。