Typography

四畳半のへや

使用 Homebrew 安装 Typora 的 0.11.18 版本

发布于 # 技术文档

Typora 虽然现在已经变成付费制软件,但是官方还是保持 1.0 版本之前的版本为免费应用,而且还把下载链接藏了起来。 虽然我们依然能够从官网下载到最后一个免费版本 0.11.18,但是程序员我们可能还不仅限于此,习惯使用 Homebrew 的人更倾向于使用 Homebrew 来管理自己的大部分软件。手快的同学可能已经发现 Homebrew 上根本找不到旧版本的 Typora 包。 这里我就记录一下如何使用 Homebrew 下载 Typora,改方法理论上同样适用于其他 Homebrew 不提供的旧版本软件。 被官方藏了起来的下载链接:Typora-0.11.18.dmg,懒得折腾的同学可以直接下载安装。 查看一下 Typora 的信息 brew info typora: ➜ brew info typora typora: 1.3.7 (auto_updates) https

使用 TypeScript 为 Vue 组件的 prop 标注类型

发布于 # 技术文档

在选项式 API 或者不使用 <script setup> 时我们可以使用 PropType 这个工具类型来标记更复杂的 prop 类型: import { defineComponent } from 'vue' // 引入 Proptype import type { PropType } from 'vue' interface Book { title: string author: string year: number } export default defineComponent({ props: { book: { // 提供相对 `Object` 更确定的类型 type: Object as PropType<Book>, required: true }, // 也

【译文】Grid 用于布局, Flexbox 用于组件

发布于 # 译文

本文是 Ahmad Shadeed 的博客文章 Grid for layout, Flexbox for components 的翻译。 3 月 5 号开始翻译,摸了 3 个月终于翻译完了,下次还敢(不是 我的弟弟是一名刚毕业的软件工程师,现在他正在做前端开发相关的实习岗位。他以前学过 Grid 和 flexbox,但是我发现和我经常网上看到的情况一样,他在布局的时候使用 Grid 还是 flexbox 之间摇摆不定。举个例子,他尝试使用 Grid 布局去开发一个网站的 header,但是当他使用了 grid-column 属性的时候他发现过程好像并不像想象中那么顺利,所以他只能不停地调整来让页面看起来和设计稿一致。 说句实话,我不太喜欢这样子,所以我试着去找一些关于这方面的资料来让他了解 grid 和 flexbox 之间的区别,最好还能带上几个例子,但可惜的是我一无所获。所以我尝试写

【译文】IndexedDB 为什么这么慢?如何更好的使用呢?

发布于 # 译文

本文是 RxDB 文档 Opinions 部分的文章 Why IndexedDB is slow and what to use instead 的翻译,原作者为 pubkey。 我们可能出于离线使用的需求,也可能是出于缓存等等的其他目的,需要将 JavaScript Web Application 的数据保存在客户端本地也就是浏览器里。而在浏览器内存储数据一般来说有以下几个选项: Cookies 会随着每次 HTTP 请求被发送出去,所以它不能存储太多的数据。 WebSQL 已经被 弃用,因为它从来都不是一个标准,而将它变成标准又十分困难。 LocalStorage 是一个基于异步 IO-access 的同步 API,存储和读取都会使得 JavaScript 进程被完全阻塞,所以不应该在有许多键值对的情况下使用 LocalStorage 。 FileSystem API 可以用来存储

Hello 2022

发布于 # 随便写点

2021 对我来说是前所未有的一年,太多事情影响了我,能够很明显感觉到自己的改变,在很多事情上有了更加清晰的认识。希望在即将到来的 2022 年,不管是自己的文字也好,写的代码也好,还是我的一些想法也好,都能给他人带来一点帮助和启发,让这个似乎已经很糟糕的世界变得更好,这应该就是每一个理想主义者的宿命罢。