今天在社区聊天群友说起 react 状态管理器时突然想起来了一篇旧文 2016 年里做前端是怎样一种体验，所以又模仿它跟着最近的新的技术写了一点。 问：最近我开始了一个新的 web 项目，不过老实说我已经好久没碰过这方面的代码了，之前只写过 vue2。听说前端的技术栈已经发生了极大的变革，不知道你现在是不是仍然处于最前沿的开发者阵列？答: 是的，自从 hooks 出来之后，web 框架又发生了很多

前言作为一个开发者，吾辈在工作之后开始使用了 markdown 作为一切文档的基本格式。由此衍生出来了一些处理 markdown 的需要，特别是在笔记工具使用了基于 markdown 的 joplin 之后，这种需求确切的开始存在了。 下面列出一些常见的需求 在 vscode 中访问和编辑笔记 从笔记中导出 blog 需要的文件 从 markdown 生成 epub 文件和网站 从 markdo

前言浏览器到了今天已经非常强大了，足以称之为操作系统。很多人（包括吾辈）可能对网页的印象仍然停留在网站，一些非富交互式的的应用，只是用来展示和操作后端数据，但复杂程度不高。而在最近，吾辈发现了 file system access api，它是 chrome 推出的一组可以操作本地文件的 api，这也是第一次可以直接将文件写入到本地而不需要使用 indexeddb 之类的模拟的方法。虽然尚不完善，

正版受害者 +1，卖 2k+ 软妹币的生产系统居然到处都是广告，而且还很难关闭，和国内的这些恶心软件公司学坏了。 好吧，刚刚在使用 Windows 搜索某个应用时出现了广告，之前可能还没留意，但这次看到真的瞬间爆炸，浓浓的国产狗皮膏药式的广告，没什么用还占了好大一片地方，微软这是直接在操作系统级别打广告了。 在尝试在系统设置中寻找未果后，使用 Google 搜索了一下，在这篇 Win10 搜

场景由于吾辈使用 monorepo 管理所有项目，lib 模块初始化的构建时间已经不能接受，所以最近两天吾辈在尝试使用 golang 重写 lib/cli 构建工具 @liuli-util/cli，验证 golang 到底可以做到多快。 @liuli-util/cli 是吾辈创建一个针对于库和 CLI 应用程序打包的零配置构建工具，但也支持一些额外的常用功能，包括生成模板项目、同步配置、部署等。

最近在写的一个工具，用以连接不同的工具，使它们的数据能够相互转换，主要用例是多平台发布和跨应用迁移，例如从 joplin/obsidian 笔记中选择一部分通过 hexo/hugo 渲染为 blog 共享给别人，事实上，现在你看到这个 blog 就是这样生成出来的。 简介mami 是一个转换工具，可以连接不同的基于 markdown 框架和工具，能将一种工具的数据转换到另一种工具，这对于跨应用

年初计划 总结似乎很多人已经发布了 2021 年的年终总结，吾辈现在好像有点晚了？不过权当新年寄语吧！ 首先祝泥萌新年快乐！ 今年发生了一些特别的事情 更换工作，并且从广州跑到了北京 基于 web 技术实现插件体系 在生产中验证了许多技术的可行性 kigurumi 穿了全套的 cosplay 服装 也发一下今年的 github 贡献图 更换工作，并且从广州跑到了北京毫无疑问，今年对吾辈

2020 复盘 年初计划 明年，吾辈最想要接触的是 Web 桌面开发，以及机器学习。 NodeJS 后端开发 Web 桌面开发 Electron 机器学习 TensorFlow 继续维护 Blog 继续坚持读书 尝试网络小说写作 尝试 Youtube 视频创作 实际上 Web 桌面开发由于工作的原因算是接触的非常多，但机器学习几乎没什么了解。 那么今年到底做了什么呢？ 时

往事凌乱对于吾辈而言，今年发生的几件事情 转型成为前端 淡出 Twitter 中文圈，逐渐回归 Telegram/QQ 博客写作频率逐渐降低，但 GitHub 使用逐渐变多 扎起头发，便是在家中亦然 换了一家 2C 的互联网公司 年前想要做的事情，如今却也不大记得了。暂且记得，曾经觉得前端日新月异的想象，现实之中却不尽然。2C 的网站甚至到了目前仍然必须支持 IE，而且前端混乱的生态也让人头疼

前言代码生成对于很多开发者都不是陌生的概念，从使用脚手架（create-react-app）生成项目，到使用 ide 生成代码、或是从后端 api schema 生成代码，几乎不可能避免使用它。它可以解决各种各样的问题 从同一个来源生成项目，避免千人千面的项目整体结构 减少编写样板代码 避免在多个地方重复编写代码导致的不一致性 但在使用 TypeScript 时，它还可以做到一些其他有趣的事情

自 vite 发布第一个版本（2020-04）以来，已经过去了两年，最近它发布了 3.0，不过没有太多 break change 的变化。或许有人已经在使用它了，但也有许多人看到是 vue 作者创建的工具就绕道走过去，因为 vue 生态里的工具历来是 vue 锁定，无法在其他生态中使用，像是 vuex/pinia 之类的，而 redux/mobx 却可以在 vue 中使用。尽管 vite 1.0

前言既之前的 代码生成-从 module css 生成 dts 之后，这篇来实现从环境变量生成接口，便于开发时能够有正确的类型提示。 动机在前端日常开发中，环境变量经常用于区分不同环境的配置，最常见的像是服务端地址。但在使用时，往往不能得到提示，或是一个环境变量没有。 我们通常使用以下两种方式访问环境变量 在 vite 中使用 import.meta.env 1import.meta.env.NO