• 2024-06-21quasar项目中用js调用串口
    参考链接:NodeSerialPort  (网站中https://serialport.io/docs/guide-electron提到了ElectronSerialportExample,这个项目中涉及到serialport的代码在renderer.js中)WebSerialAPI,web端通过串口与硬件通信电脑上已有的端口:(选择“在新标签页中打开图片”查看原图)看到网页
  • 2024-06-12Quasar+Electron开发打包为桌面端exe
    上一篇博客写了Quasar+Cordova开发打包移动端app,今天来写一下Quasar+Electron如何开发打包为桌面端exe。Electron英文文档:https://www.electronjs.org/docs/latest/  Electron中文文档:https://electron.nodejs.cn/Quasar+Electron文档:https://www.quasar-cn.cn/quasar-cli
  • 2024-06-11Quasar +Cordova 开发移动端app
    使用cordova开发移动端app安装、配置教程见:https://www.cnblogs.com/sunshine233/p/18241626quasar+cordova文档:https://www.quasar-cn.cn/quasar-cli-vite/developing-cordova-apps/introduction按照 使用Cordova运行项目到android 安装、配置完以后,quasar文档可以直接从
  • 2024-05-29Quasar (.NET3.5)通信建立,持续更新中
    Quasar(.NET3.5)通信建立quasar是一个知名的远控软件,这里解析它在.net3.5的版本。3.5可以解决windows的兼容性问题,即:经过一些方法编译为特定的计算机代码,可以在windows7-windows11的内存中加载执行Client端初始化函数Initialize()包含一些系统参数的获取,以及初始化客户
  • 2024-05-26在 CentOS 服务器上部署 Quasar 和 Flask 应用的指南
    前言本文旨在帮助您在CentOS服务器上部署使用Quasar框架构建的前端和使用PythonFlask框架构建的后端应用。我们假设您的应用已通过Quasar框架连接到PythonFlask框架API,并且您已设置了相应的数据库并在配置中提供了正确的数据库URI。环境假设代码库名称:de
  • 2024-04-05Quasar framework build if not a root path
    build:{target:{browser:['es2019','edge88','firefox78','chrome87','safari13.1'],node:'node16'},vueRouterMode:'hash',//availablevalues:
  • 2024-03-07[GPT] quasar 在 setup() 周期阶段想设置meta信息,如何获取当前的 route 参数动态设置
     在Vue3的CompositionAPI(组合式API)中,特别是在 setup() 钩子函数阶段,由于没有访问到常规的Vue实例(this上下文),所以不能直接使用 this.$route 来获取路由信息。但是,你可以通过 useRoute() 函数来访问当前活跃的路由对象: import{useRoute}from'vue-router';
  • 2024-01-14quasar <q-page>下面<div>自动计算height的问题
    由于要解决adsense引起的CLSissue,根据https://web.dev/articles/optimize-cls?utm_source=lighthouse&utm_medium=lr给出的建议,在广告的container上加上min-height。<divv-if="$q.platform.is.mobile"class="adsenseunitdetai
  • 2023-11-28Rust Tauri系列: 项目创建
    创建Rust-Tauri##创建rustTauri项目pnpmcreatetauri-app->项目名称test-app->选择TypeScript/JavaScript(pnpm,yarn,npm,bun)->选择包管理工具(熟悉那个就用那个)->选择vue(熟悉那个就用那个)->选择TypeScript或者js#运行启动cdtest-apppnpmins
  • 2023-10-14Vue3 + Quasar系列-代码配置以及报错汇总记录(不断更新中)
    1.Vue3+Quasar系列-代码配置打包去掉hash后缀去掉hashhttps://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa2.Vue3+Quasar改变主题背景quasar的样式和其他的框架修改不太一样,需要我们使用动态的方式来进行变更,一般来说有两种方案进行主题修改方案一:
  • 2023-06-29[GPT] vue 的 quasar 框架 在 layout 模版中 如何获取 子页面当前使用的 useMeta
     在Quasar框架中,用VueRouter的meta字段来获取子页面当前使用的useMeta。首先,您需要在路由配置中设置子页面的meta字段。例如:  constroutes=[{path:'/page',component:PageComponent,meta:{useMeta:{//在这里定义您
  • 2023-06-16quasar里Loading plugin造成scrollBehavior的行为不正确
    发现线上的项目页面scrollBehavior表现不正常。从Index点击route到detail页面,再后退,回到的位置是detail页面的scrollposition,而不是route前index页面的scrollposition。后来到以前的分支查看,发现是在ssr改造后出现的问题。一开始以为是quasar.conf.js的preFetch:true开关的问
  • 2023-05-18quasar [email protected] ssr Meta插件 使用 title无法reactive的bug
    为了使自己的网站SEO更友好,在项目里启用了quasar的Meta插件。但实际使用下来发现文档里的描述不正确。为了动态的更新title和meta信息,文档https://quasar.dev/quasar-plugins/meta里介绍ReactiveInthesectionabove,younoticedallofthemetapropsare“static”.But
  • 2023-05-10linux npm 全局安装 command not found
    前言在linux使用npm全局安装一个模块时,会提示命令找不到。例如:npminstall@quasar/cli-g后$quasar-vquasar:commandnotfound原因是npm的环境变量没有添加设置,导致无法正常使用该命令。解决方法将npm加入环境变量中,打印npm安装位置npmprefix-glinux
  • 2023-04-13用quasar+vue3+组合式api VueRouter实现路由嵌套(二级路由)
    前言:本项目使用的是quasar创建,vue3的组合式api语法。部分语法不同,但不影响理解,修改语法后可以在vue2/选项式api项目中运行。效果图:文件目录结构和代码如下:   文中用到的标题栏数据如下:consttitles=ref([{name:"首页",path:"home",children:[]},{
  • 2023-04-11用quasar+vue3+组合式api 实现小米商城标题栏动画
    先来看一下小米商城标题栏动画:  小米商城标题栏动画主要特点:移入时二级菜单缓慢出现;移出时二级菜单缓慢消失;在一级菜单之间移动时,二级菜单内容直接切换,没有过渡效果。实现思路一、纯css实现(❌)首先肯定是考虑:hover,但是经过试验发现,:hover可以实现鼠标移入移出时的
  • 2022-12-14探索Quasar 02
    目标:加入登录api的调用方式由于登录走的是IdentityServer,ids是另一个服务地址,和业务系统存在2个地方不一致。1.请求地址不一致因此proxy添加新地址proxy:{
  • 2022-12-13探索quasar
    今日开启了探索quasar之旅。听说quasar比其他框架更适合偏向后端的程序员。可以尽量减少布局等内容耗费的时间。 今日第一篇,引入axios。由于是vue3所以使用typescript。
  • 2022-09-25[FAQ] Quasar BEX Bridge 通信方式 this.$q.bex 未定义的问题
    Bridge是一个基于Promise的事件系统,在BEX的所有部分之间共享,允许在你的QuasarApp中监听事件,从其它部分发出它们。你可以使用$q.bex从你的QuasarApp中访问Bridge