摘要：
用 <img> 来显示 svg 在 Chrome 下是没问题的，但在 Safari 下会出现显示模糊的问题，解决办法是用 <object> 来代替 <img> <object type="image/svg+xml" data="path/to/svg.svg" width="...px" heig 阅读全文
摘要：
通过设置 response 的 Content-type 来解决 import type { IncomingMessage, ServerResponse } from 'http' (req: IncomingMessage, res: ServerResponse) => { // 省略 .. 阅读全文
摘要：
发布到生产环境的工程常常是经过混淆且不提供 source map 文件的，这样当生产环境发生问题后很难地位问题。 以下的方法可以将本地的 source map 文件关联到线上的混淆文件，从而方便调试和问题定位。 本地工程 build 生成包含 SourceMap 的 dist 目录 使用 http- 阅读全文
摘要：
当打开了一个监听 window.onbeforeunload 事件的页面后，如果不和页面发生交互而直接刷新页面，onbeforeunload 事件是不会被触发的。 以上问题在 Chrome 98 和 **Microsoft Edge（96.0.1054.62）**里能复现，其余版本未做测试。 阅读全文
摘要：
通常设置 autocomplete="false" 并不能阻止 Chrome 中的自动填充，需要设置成 autocomplete="new-password" 才能达到目的。 参考资料 Preventing autofilling with autocomplete="new-password" 阅读全文
摘要：
路由对应的页面需要一个根元素 —— 虽然 Vue3 支持多个根元素，但在 Nuxt3 里面，如果进入多根元素页面，再跳转去其他页面，会导致页面空白 对于写在 <template> 里的图片，最好自己封装一个 <Img> 组件，这样可以统一配置图片的根路径（比如 CDN），Nuxt3 目前没有对图片统 阅读全文
摘要：
首先执行自身重写（@override）过的方法，然后依次执行是混入（mixin）、继承（extends）、实现（implements）的方法 阅读全文
摘要：
一次在 Review Nuxt3 代码时发现 Vue runtime 报了一个 Hydration completed but contains mismatches. 的错误（目前不影响程序运行）。 经过排查，是因为开发在写 <table> 的时候没有写 <tbody>，直接写了 <tr>，类似下 阅读全文
摘要：
<script lang="ts" setup> import {useSlots, VNode, Component} from 'vue' const slots = useSlots() if (slots && slots.default) { slots.default().forEach 阅读全文
摘要：
假设你公司有一套自己的组件库，并发布成了 NPM 包放到线上。 某天，你正在基于该组件库开发一个业务需求，突然发现了组件库的一个 bug，这时候通常会开启下面的处理流程： 通知组件库的开发人员； 组件库开发人员修复 bug； 组件库开发人员更新组件库版本号，并发布到 NPM 上； 组件开发人员通知你 阅读全文