摘要：在Vue 3 的Composition API（组合式API）中，特别是在 setup() 钩子函数阶段， 由于没有访问到常规的 Vue 实例(this上下文)，所以不能直接使用 this.$route 来获取路由信息。 但是，你可以通过 useRoute() 函数来访问当前活跃的路由对象： imp 阅读全文

摘要：获取值： // CodeMirror5 cm.getValue() 改为使用 // CodeMirror6 cm.state.doc.toString() 设置值： // CodeMirror5 cm.setValue(text) 改为使用 // CodeMirror6 cm.dispatch({ 阅读全文

摘要：当使用 yarn add 安装某个 node 库时，如果出现失败，多半是由于 nodejs 版本问题引起的。 现在我们可以使用 nvm 方便的管理不同的 nodejs 进行随时切换。 $ nvm ls-remote 可以查看所有的远程 nodejs 版本。 举例：如下使用 yarn add canv 阅读全文

摘要：Web2.0 发展至今，网页元素越来越丰富和多样化，数据越来越多。 从需求上来说，也已经不再是展示简单个静态网页，高效的开发交互、打通后端数据，产生了 React 和 Vue 两个著名框架。 React、Vue 这两个框架更多的是替代原本 JQuery 的位置，降低页面动态交互方面的复杂度。 而 U 阅读全文

摘要：在使用一些第三方库时（比如生成图片），如果出现此提示，说明系统里缺少字体。 在 Ubuntu 上可以运行：$ apt-get install fontconfig 在 Centos 上可以运行：$ yum install fontconfig Tool：AI 编程助手 Ref：Fontconfig 阅读全文

摘要：HTML 部分： <div style="display: none" id="svgCon"></div> JS 部分： const svgCon = document.getElementById('svgCon') svgCon.innerHTML = '<svg>xxxxx'; const 阅读全文

摘要：Bridge 是一个基于 Promise 的事件系统，在BEX的所有部分之间共享，允许在你的Quasar App中监听事件，从其它部分发出它们。 你可以使用 $q.bex 从你的 Quasar App中访问 Bridge。 在其他位置，Bridge 可以通过各自钩子文件中的 Bridge 参数来实现 阅读全文

摘要：科普：[FE] Quasar BEX 热加载区别: Chrome vs Firefox 1. 2. 3. Thats all. Refer：Firefox扩展开发 Link：https://www.cnblogs.com/farwish/p/15571577.html 阅读全文

摘要：Github_Pages 能方便我们部署静态页面，并且还支持 CNAME 自定义域名。 $ yarn add --dev push-dir $ xxx build $ push-dir --dir=dist/spa --remote=gh-pages --branch=master 当我们每次 pu 阅读全文

摘要：1. 到 github 下载 nvm-setup.zip 并安装。 Releases · coreybutler/nvm-windows (github.com) 2. 安装一个版本的 nodejs。 $ nvm install 14.0.0 3. 查看和切换版本。 4. 安装其它全局工具，比如 y 阅读全文

摘要：科普：[FE] Quasar BEX 所有位置类型 types 不同类型调试，查看错误在不同的位置，如下图中的 4 个位置。 Refer：https://quasar.dev/quasar-cli/developing-browser-extensions/build-commands#debugg 阅读全文

摘要：Chrome 浏览器加载扩展程序时指定的是 src-bex 目录。Firefox 指定的是 manifest.json。 Quasar 提供的热加载特性是 修改 src/ 目录里的文件，src-bex/ 目录中的内容会自动更新。 此时 Firefox 扩展程序会自动生效，但是 Chrome 不会，需 阅读全文

摘要：科普：[FE] Quasar BEX 预览版指南 New Tab Quasar BEX 的默认类型是 New Tab，在新 tab 栏里打开内容。 Dev Tools 也就是在开发者栏里面的内容。 Options 浏览器扩展可提供的设置页。 Popup 点击浏览器标签栏的浏览器扩展图标，显示出的一个 阅读全文

摘要：一. 下载的方式安装 就是把源码放到项目根目录中，然后引入 scss、js，并配置 easycom 模式。 https://www.uviewui.com/components/install.html 二. npm的方式安装 就是用 npm 安装 package 包，然后引入 scss、js，并配 阅读全文

摘要：先获取 canvas 节点，使用 toDataURL 转为 image 数据，最后使用 a 链接下载。 // Trans to image const canvas = document.getElementsByTagName('canvas')[0] const link = canvas.to 阅读全文

摘要：由于 vue-router 页面是无刷新的，如果存在两次渲染，会出现如下情形。 简单粗暴的解决办法是通过判断容器中是否已经有了子节点。 此时再从其他 router link 返回就不会重复渲染了。 My Answer：https://github.com/josdejong/jsoneditor/i 阅读全文

摘要：默认情况下，出于性能和缓存的原因，Quasar 所有来自 node_modules 的东西都会被注入到 vendor 中。 但是，如果希望从这个 vendor.js 中添加或删除某些内容，可以如下这样做。 // quasar.conf.js return { vendor: { /* optiona 阅读全文

摘要：Quasar 文档都提供了组件的可用参数和事件、方法。 qSelect(q-select) 并没有 @change 事件，需要使用 @update 事件，注意用法。 <q-select v-model="single" :options="['def', 'abc', '456', '123']" 阅读全文

摘要：1. 用于切换编辑器模式：text、tree、code JSONEditor.setMode(mode) 2. 让 mode 变成可以选择的： const options = { modes: ['text', 'code', 'tree'] } 示例：在线JSONEditor Ref：https: 阅读全文

摘要：Manifest.json https://developer.chrome.com/extensions/manifest Background Script & Content Script Background Script - 运行在BEX本身的上下文中，可以监听所有可用的浏览器扩展事件。每 阅读全文