摘要：
丢失响应式 reactive 创建的响应式数据被解构赋值之后在模板中使用会丢失响应式。因为结构之后的属性没有了那一层 get 和 set 函数，具体原因请查看我的另一篇博文：理解 Vue 深层次响应式和浅层响应式。 file:[App.vue] <script setup> // 解构赋值 cons 阅读全文
摘要：
npm-check npm-check 能检查过时、不正确和未使用的依赖项： npm install -g npm-check # 打开交互式界面 npm-check -u 对于没有在项目中使用的依赖，它会标注一个建议： npm-check-updates npm install -g npm-ch 阅读全文
摘要：
pip install pyinstaller 安装完成之后，找到入口文件，在入口文件的目录下执行以下命令： pyinstaller -F -w -i="main.ico" -n new_main main.py -F 指只生成一个exe文件，不生成其他dll文件； -w 不弹出命令行窗口； -i 阅读全文
摘要：
# block 和 none 问题 做折叠面板最简单的方式是改变它的 `block` 或 `none`，这两个属性值不包含在可动画属性中。详见：[CSS animated properties](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS 阅读全文
摘要：
取消原生右键事件 在 main.ts 函数中取消浏览器默认右键菜单： window.oncontextmenu = () => { return false; }; 组件模板 做一个不同区域右键点击之后不同菜单项的组件，创建组件模板： <!-- ContextMenu --> <div ref="m 阅读全文
摘要：
Scss/Sass 项目里使用 / 除法报错：Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.。指的是不能直接使用 / 来进行相除，已经在 Sass 2.0.0 版本被弃用。 阅读全文
摘要：
1. new Blob 创建 Blob 对象。 2. 创建临时的 a 标签。 3. URL.createObjectURL 函数创建下载 url。 4. 触发 a 标签下载。 ```js const json = JSON.stringify([ { name: "小红", grade: 1 } ] 阅读全文
摘要：
resolveComponent 可以通过组件的字符串名词渲染出来一个组件实例，通过 h 函数渲染到模板中。element-plus 有众多的图标，假如需要一个动态地更改图标，通过 v-if 等形式渲染非常不合适。所以，需要借助于 vue tsx/jsx 来写这一个组件。 阅读全文
摘要：
Ctrl+Shift+P 输入“代码片段：配置用户代码片段”： 搜索你想要设置的语言代码片段，比如，我设置 .vue 文件的代码片段，选择 vue.json： 可以配置多个代码片段，一个片段通过一个 prefix 快速生成： { "Vue3 snippet for TypeScript & Scss 阅读全文
摘要：
UnoCSS 确实简化了不少样式书写、也降低了 CSS 打包体积，提升了样式使用率。但样式太多的话，class 也写得多，比较费眼。所幸，UnoCSS 提供了 shortcuts 来简化 class，并且可以通过 js 来控制样式的输出，灵活度非常高。 shortcuts 与 rules 不同的是， 阅读全文