说明此文章为转发的，方便日后查看。系统演示环境http://www.cc-admin.top/#/home简介CC-ADMIN前端简介现在市面的上后台管理系统很多，不差你这一个，为啥又来个轮子？答：材料不一样。本轮子的选材是在考察过antv、element之后选择了quasar，前两个很优秀，尤其是antv的外观我特

参考链接：NodeSerialPort  （网站中https://serialport.io/docs/guide-electron提到了ElectronSerialportExample，这个项目中涉及到serialport的代码在renderer.js中）WebSerialAPI，web端通过串口与硬件通信电脑上已有的端口：（选择“在新标签页中打开图片”查看原图）看到网页

上一篇博客写了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

使用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文档可以直接从

Quasar（.NET3.5）通信建立quasar是一个知名的远控软件，这里解析它在.net3.5的版本。3.5可以解决windows的兼容性问题，即：经过一些方法编译为特定的计算机代码，可以在windows7-windows11的内存中加载执行Client端初始化函数Initialize()包含一些系统参数的获取，以及初始化客户

前言本文旨在帮助您在CentOS服务器上部署使用Quasar框架构建的前端和使用PythonFlask框架构建的后端应用。我们假设您的应用已通过Quasar框架连接到PythonFlask框架API，并且您已设置了相应的数据库并在配置中提供了正确的数据库URI。环境假设代码库名称：de

build:{target:{browser:['es2019','edge88','firefox78','chrome87','safari13.1'],node:'node16'},vueRouterMode:'hash',//availablevalues:

 在Vue3的CompositionAPI（组合式API）中，特别是在 setup() 钩子函数阶段，由于没有访问到常规的Vue实例(this上下文)，所以不能直接使用 this.$route 来获取路由信息。但是，你可以通过 useRoute() 函数来访问当前活跃的路由对象： import{useRoute}from'vue-router';

由于要解决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

创建Rust-Tauri##创建rustTauri项目pnpmcreatetauri-app->项目名称test-app->选择TypeScript/JavaScript(pnpm,yarn,npm,bun)->选择包管理工具(熟悉那个就用那个)->选择vue(熟悉那个就用那个)->选择TypeScript或者js#运行启动cdtest-apppnpmins

1.Vue3+Quasar系列-代码配置打包去掉hash后缀去掉hashhttps://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa2.Vue3+Quasar改变主题背景quasar的样式和其他的框架修改不太一样，需要我们使用动态的方式来进行变更，一般来说有两种方案进行主题修改方案一：

 在Quasar框架中，用VueRouter的meta字段来获取子页面当前使用的useMeta。首先，您需要在路由配置中设置子页面的meta字段。例如：  constroutes=[{path:'/page',component:PageComponent,meta:{useMeta:{//在这里定义您

发现线上的项目页面scrollBehavior表现不正常。从Index点击route到detail页面，再后退，回到的位置是detail页面的scrollposition，而不是route前index页面的scrollposition。后来到以前的分支查看，发现是在ssr改造后出现的问题。一开始以为是quasar.conf.js的preFetch:true开关的问

为了使自己的网站SEO更友好，在项目里启用了quasar的Meta插件。但实际使用下来发现文档里的描述不正确。为了动态的更新title和meta信息，文档https://quasar.dev/quasar-plugins/meta里介绍ReactiveInthesectionabove,younoticedallofthemetapropsare“static”.But

前言在linux使用npm全局安装一个模块时，会提示命令找不到。例如：npminstall@quasar/cli-g后$quasar-vquasar:commandnotfound原因是npm的环境变量没有添加设置，导致无法正常使用该命令。解决方法将npm加入环境变量中，打印npm安装位置npmprefix-glinux

前言：本项目使用的是quasar创建，vue3的组合式api语法。部分语法不同，但不影响理解，修改语法后可以在vue2/选项式api项目中运行。效果图：文件目录结构和代码如下：   文中用到的标题栏数据如下：consttitles=ref([{name:"首页",path:"home",children:[]},{

先来看一下小米商城标题栏动画：  小米商城标题栏动画主要特点：移入时二级菜单缓慢出现；移出时二级菜单缓慢消失；在一级菜单之间移动时，二级菜单内容直接切换，没有过渡效果。实现思路一、纯css实现（❌）首先肯定是考虑:hover，但是经过试验发现，:hover可以实现鼠标移入移出时的

目标：加入登录api的调用方式由于登录走的是IdentityServer，ids是另一个服务地址，和业务系统存在2个地方不一致。1.请求地址不一致因此proxy添加新地址proxy:{

今日开启了探索quasar之旅。听说quasar比其他框架更适合偏向后端的程序员。可以尽量减少布局等内容耗费的时间。 今日第一篇，引入axios。由于是vue3所以使用typescript。

Bridge是一个基于Promise的事件系统，在BEX的所有部分之间共享，允许在你的QuasarApp中监听事件，从其它部分发出它们。你可以使用$q.bex从你的QuasarApp中访问Bridge