摘要： 👋🏻 你好。 这个博客主要是用来记录开发中遇到的一些问题及解决方案。 如果有时间，也可以去我的个人网站 https://lifeni.life 看看，在那里我会记录一些技术相关的文章和想法，尝试一些新的技术。 或者也可以在 GitHub 上找到我 @Lifeni，也许会有一些有趣的项目。 为什么 阅读全文

摘要： 问题 使用 WindiCSS 或者 UnoCSS 的 Attributify Mode，并配合 React、SolidJS 等使用 JSX 语法的框架时， VSCode 会提示 类型“ButtonHTMLAttributes<HTMLButtonElement>”上不存在属性“border”。ts( 阅读全文

摘要： 问题 Windows 10 下最新版 Chrome (Chromium 96) 浏览器显示 Emoji 的时候， 可能会显示黑白的 Emoji，而不是彩色的，如图所示。 原因 这是一个 Bug，详见 1266022 - Emoji rendering lost color in Chrome 96 阅读全文

摘要： 问题 在我的个人网站中，需要绑定 / 键作为打开和关闭文章目录的快捷键， 最简单的方法是在 useEffect 中添加 window.addEventListener("keypress", listener)， 然后判断一下 e.key "/"，再用 React 中的 useState 控制一个变 阅读全文

摘要： 问题 使用 Hash 链接进行页面内跳转时（比如文章目录的跳转），如果页面有一个固定的 Header（页头）， 那么 Header 会挡住一部分内容（也就是带有 id 的标题）， 因此需要添加一个偏移，使浏览器滚动的位置更靠下一些，防止 Header 挡住内容。 解决 最简单的方法是用 CSS 的 阅读全文

摘要： 问题 很多编辑器，比如 VSCode 都可以自动检测文本中的链接，然后点击链接就可以打开网页。 但是 CodeMirror（一个基于 Web 的编辑器，CodePen 用的就是这个）没有自带这个功能，所以需要手动添加。 添加后的效果： 解决 方法 1（推荐） 利用 cm.eachLine 对每一行进 阅读全文

摘要： 问题 这两天打算把之前写的浏览器扩展用 Preact 重构一下，用到了动态导入语法。 用之前的 Webpack 配置构建后发现，和 content-script.js 一起生成的还有几个以数字开头的 JS 文件， 分析后发现 content-script.js 引用了这几个文件，而且里面大多是 Re 阅读全文

摘要： 问题 utterances 是一个基于 GitHub Issues 的评论系统，Svelte 是一个前端框架，也是采用模板的形式，但没有虚拟 DOM。 我在 Svelte 项目中通过 script 标签引入 utterances 后发现，在开发模式下，utterances 可以正常显示，但是在部署到 阅读全文

摘要： 问题 想为 自己网站 的文章图片添加缩放的效果，于是选择使用 medium-zoom 这个插件。 我网站用的 Gatsby 正好也有对应的插件 gatsby-remark-images-medium-zoom，但是根据文档配置好之后发现并没有效果，也就是点击图片没有反应，看控制台也没有任何的报错。 阅读全文

摘要： 问题 提示：这个 Bug 可能会随版本更新而消失。 使用 yarn create react-app my-app --template typescript 后，执行 yarn start 时出现的错误。 yarn run v1.22.5 $ react-scripts start C:\User 阅读全文