Flex 布局中子元素溢出的问题
经常在编写布局的时候需要这样的一个问题，父元素的布局 flex 子元素 child1 设置好了 flex: 0 或者说指定了 flex-basis child2 设置为 flex:1 ，当父元素指定了高度之后（以 flex-direction: column 为例），如果子元素的 高度太高，那么子元
未分类
Flex 布局中子元素溢出的问题
未分类
How VSCode Resolves Shell Environment
未分类
Tricks and Traps in JavaScript / TypeScript
How VSCode Resolves Shell Environment
启动一个 vscode 的方式有很多种，比如你可以在命令行中输入 code . ，或者你可以在 vscode 中按下 F5 启动 Debug Launcher， 那么这些不同的启动方式会导致 vscode 的 shell 环境不同吗？根据我的经验来看，确实不同。 文档中的描述 UI 和 命令行启动
Tricks and Traps in JavaScript / TypeScript
当你忘记了 break 当你忘记了在 switch case 的 case 里面写 break 的时候，这是一个危险的信号。及时你非常自信地认为如果在某个case throw 一个 error 就没有必要 break ，但是我建议保险起见还是 break 一下，毕竟这不会犯错 let word =
前端项目的主题切换
这里所说的主题的定义 第一种是 light/dark 这两种组题（又称为 color mode），和操作系统的主题类似，亮色和暗色，浏览的 media query 支持检测系统设定的主题: body { background-color: white; color: black; } @media
D3 实现水球图以及由其导致的性能问题的记录
水球图的实现 在线示例可以访问 Observehq Notebook {/ right click element and select embed to copy the iframe url on Observable /} <iframe style="margin-bottom: 1em;"
frp 搭建与 nginx 反向代理
前段时间武汉长时间的干旱，电力不足，公司所在园区限电，不开空调（电脑可开），所以只能远程办公。远程桌面客户端有很多， 如 RemoteDesktop、向日葵、anyDesk 等。由于公司用的是内网，所以还需要一个内网穿透工具，之前在论坛看到过很多次所以我 选择了 frp，还有 zerotier 等其
升级 vue-cli 4 到 5 小记
由于 tailwindcss 2.x 少了一些功能，包括 jit 模式也不是正式稳定版。升级到新版需要 postcss 8+ ，但是项目的 vue-cli 还是 4.x 版本的，它依赖的 postcss 还是 7.x.x 版本，索性一起升级（webpack5 也有一些性能提升，dev 启动时间大概能
冒泡和原始事件的回调的执行顺序
import Stackblitz from "../../components/Stackblitz.astro"; 问题：冒泡和原始事件的回调是在同一个 event-loop 中执行的吗？ TLDR; 是的，而且是同步执行 之前看到的这篇 Jake Archibald Tasks, microt
使用 husky 和 lint-staged 在提交前做代码检查
git 提供了一系列的 hook ， 这些钩子会在 commit, pull, push 这些操作的之前或之后的时机执行。这些 hook 定义在 .git/hooks 文件夹。常见的有： .git/hooks/commit-msg .git/hooks/pre-commit husky husky
TypeScript 联合、交叉类型 & 代数类型
首先要说明的是 TypeScript 是一个 structural type system，与之相对应的是 nominal type system （采用的语言有 C++/Java/C#/Rust 等)。二者的具体区别可以查看维基百科。 type vs interface <!-- 初看 TypeS