12 2021 档案

window.onbeforeunload 注意事项
摘要：当打开了一个监听 window.onbeforeunload 事件的页面后，如果不和页面发生交互而直接刷新页面，onbeforeunload 事件是不会被触发的。 以上问题在 Chrome 98 和 **Microsoft Edge（96.0.1054.62）**里能复现，其余版本未做测试。 阅读全文
posted @ 2021-12-31 13:46 尹宇星_Kim 阅读(207) 评论(0) 推荐(0)
Chrome 中禁用自动填充
摘要：通常设置 autocomplete="false" 并不能阻止 Chrome 中的自动填充，需要设置成 autocomplete="new-password" 才能达到目的。 参考资料 Preventing autofilling with autocomplete="new-password" 阅读全文
posted @ 2021-12-22 16:44 尹宇星_Kim 阅读(191) 评论(0) 推荐(0)
Nuxt3 踩坑记录
摘要：路由对应的页面需要一个根元素 —— 虽然 Vue3 支持多个根元素，但在 Nuxt3 里面，如果进入多根元素页面，再跳转去其他页面，会导致页面空白 对于写在 <template> 里的图片，最好自己封装一个 <Img> 组件，这样可以统一配置图片的根路径（比如 CDN），Nuxt3 目前没有对图片统 阅读全文
posted @ 2021-12-21 09:41 尹宇星_Kim 阅读(1297) 评论(1) 推荐(0)
Dart 类中的方法在有混入、继承、实现情况下的执行顺序
摘要：首先执行自身重写（@override）过的方法，然后依次执行是混入（mixin）、继承（extends）、实现（implements）的方法 阅读全文
posted @ 2021-12-20 15:49 尹宇星_Kim 阅读(124) 评论(0) 推荐(0)
Vue runtime 提示 Hydration completed but contains mismatches. 错误
摘要：一次在 Review Nuxt3 代码时发现 Vue runtime 报了一个 Hydration completed but contains mismatches. 的错误（目前不影响程序运行）。 经过排查，是因为开发在写 <table> 的时候没有写 <tbody>，直接写了 <tr>，类似下 阅读全文
posted @ 2021-12-09 13:54 尹宇星_Kim 阅读(6067) 评论(0) 推荐(0)
Vue3 下遍历 slot 中的组件
摘要：<script lang="ts" setup> import {useSlots, VNode, Component} from 'vue' const slots = useSlots() if (slots && slots.default) { slots.default().forEach 阅读全文
posted @ 2021-12-06 14:46 尹宇星_Kim 阅读(2113) 评论(0) 推荐(0)