黑白梦

配置触控板替代鼠标,统一 mac 和 windows 中的使用体验

2024-02-27

使用触控板可基本替代鼠标的使用,对于非设计类工作来说基本够用了,通过提升光标移动速度、关闭额外手势,基本可获得跨系统一致的体验。

Tailwind CSS 组件框架 shadcn/ui 使用笔记

2024-02-25

shadcn/ui 是由 shadcn 开发的 Tailwind Css 组件框架,可将组件自动拷贝至项目中。

Tailwind CSS 基础概念、配置、常见问题和使用笔记

2024-02-25

Tailwind CSS 是当前最流行的样式框架,它有许多优势;对 IDE 支持友好,适合各种框架使用;掌握基础用法后,整体记忆成本不大。

Win 11 设置和使用笔记

2024-02-21

记录一些零散的 Win 11 设置和使用笔记

vite 构建产物分块策略

2023-12-30

可通过 splitVendorChunkPlugin 插件或者定义 manualChunks 配置分块策略

OrbStack: Mac 下更快的 Docker 容器运行环境

2023-12-24

OrbStack 是原生Swift应用,快速、轻便、简单。进行了一系列的小试验后,整体软件的内存很少,速度也快,非常值得一试。

Penpot: 开源免费的团队设计软件

2023-12-23

试用了一下,软件体验比较符合直觉,操作流畅,值得观望。

使用 pro-components 的 DragSortTable 拖动排序表格

2023-12-18

@ant-design/pro-components 以前需要引入 react-sortable-hoc 及大量代码,而现在已有可拖拽表格组件 DragSortTable,可直接使用。

Node.js 中 Blob、Buffer、Base64 相互转换

2023-12-18

记录一些 Node.js 中的文件流格式转换代码。

zustand 简易好用的 React 状态管理库

2023-12-15

没有样板代码,没有额外学习成本,简单清晰,上手即用。

一个 css 属性解决 codemirror 移动端滚动条触发网页下拉刷新问题

2023-11-29

overscroll-behavior-y ,用于控制滚动到边界时的效果。加上之后,再也不会因为滑动滚动条而触发上拉刷新了。

使用 Chrome 开发者工具模拟静态资源文件及接口请求响应

2023-11-14

不需要使用 fiddler 等软件,只需使用 Chrome 开发者工具,就可实现一些简单的本地调试

Obsidian: 好用的本地 markdown 笔记软件

2023-10-27

有一个笔记库还是很有必要的,Obsidian 是一个优秀的笔记软件,在PC和移动端都有不错的体验。

Mac 日常使用的软件整理

2023-10-02

记录一些 Mac 中日常使用的软件,包括编辑器、办公软件、制图软件、播放器、解压、浏览器、下载工具等。

调试 Github 开源包时,应优先使用 Tag 中的代码

2023-09-15

遇到一个包,把它的最新分支 master 拉下来了,版本号是三年前的版本,但怎么调试都不太正常。排查后发现,原来作者改过了代码,master 分支不能跑起来。

通过 plasmo 创建浏览器扩展程序

2023-09-11

使用 Plasmo,只需编写 React 组件,即可创建浏览器扩展程序。

通过 BigInt 实现大整数高精度计算,及模拟 long long 等类型的数值计算

2023-08-29

BigInt 可以表示任意大的整数,可用于实现高精度计算,也可转换为任意位的有符号及无符号数。

使用 child_process 的 spawnSync 封装 shell 命令

2023-08-24

可以对命令进行一些封装,如增加自定义的环境变量等。

webpack 项目先引入全局 css 再引入组件入口

2023-08-18

一些老应用 webpack 配置使得在开发和构建时引入 css 的方式不同,构建时是会按 css 的 import 顺序进行打包

根据 openapi 规范自动创建接口请求方法、数据类型等联调信息

2023-08-02

在前端根据 openapi 规范直接生成数据类型、接口请求方法,后端发生改变后,重新生成即可。
1 / 8
>