当前位置： 首页 > news >正文

【Python百日进阶-Web开发-Vue3】Day542 - Vue3 商城后台 02：Windi CSS 与 Vue Router4

news 2026/5/13 3:50:26

文章目录

  • 一、WindiCSS 初始
    • 1.1 WindiCSS 是什么？
    • 1.2 为什么选择 Windi CSS？
    • 1.3. 基础用法
    • 1.4 集成
  • 二、简单按钮
    • 2.1 设置背景色
    • 2.2 设置字体颜色和上下左右padding
    • 2.3 设置圆角
    • 2.4 鼠标悬浮，颜色加深
    • 2.5 鼠标划入动画
    • 2.6 设置阴影
    • 2.7 @apply 抽离class代码到 style 块中
  • 三、Vue Router
    • 3.1 Vue Router4 安装
    • 3.2 创建router/index.js 文件
    • 3.3 main.js中使用路由

相关文章：

【Python百日进阶-Web开发-Vue3】Day542 - Vue3 商城后台 02：Windi CSS 与 Vue Router4

文章目录 一、WindiCSS 初始1.1 WindiCSS 是什么？1.2 为什么选择 Windi CSS？1.3. 基础用法1.4 集成二、简单按钮2.1 设置背景色2.2 设置字体颜色和上下左右padding2.3 设置圆角2.4 鼠标悬浮，颜色加深2.5 鼠标划入动画2.6 设置阴影2.7 @apply 抽离class代码到 style 块中三、…...

编程日记 2023/3/1 16:08:54

Jupyter Lab | “丢下R，一起来快乐地糟蹋服务器！”

写作前面 工具永远只是为了帮助自己提升工作效率 —— 沃兹基硕得 所以说，为什么要使用jupyterlab呢？当然是因为基于服务器来处理数据就可以使劲造了，而且深切地感觉到，“R这玩意儿是人用的吗”。 jupyter-lab | mamba安装以及…...

编程日记 2023/3/1 16:07:45

分页与分段

前面我们分析了虚拟地址和物理地址 我们这里进行一个简单的分析 这个是程序运行时的地址映射 那么这些碎片，我们现在的操作系统究竟如何处理呢？ 我们再引入一个实际问题 我们如何把右边的进程p塞入左边的内存空间里面 有一种方法将p5kill掉&#xff…...

编程日记 2023/3/1 16:06:36

【UE4 】制作螺旋桨飞机

一、素材资源链接：https://pan.baidu.com/s/1xPVYYw05WQ6FABq_ZxFifg提取码：ivv8二、课程视频链接https://www.bilibili.com/video/BV1Bb411h7qw/?spm_id_from333.337.search-card.all.click&vd_source36a3e35639c44bb339f59760641390a8三、最终效果…...

编程日记 2023/3/1 16:05:29

五.家庭：亲情背后有理性

5.1经济学帝国主义【单选题】以下属于经济学研究范围的是（ ）。A、约束最优化B、稀缺资源配置C、价格竞争与非价格竞争D、以上都对我的答案：D【多选题】为何有学科分类?A、分工B、专业化C、累积创新D、科技进步我的答案：ABCD【判断…...

编程日记 2023/3/1 16:04:20

【Leedcode】栈和队列必备的面试题（第三期）

【Leedcode】栈和队列必备的面试题（第三期） 文章目录【Leedcode】栈和队列必备的面试题（第三期）一、题目（用两个栈实现队列）二、思路图解1.定义两个栈2.初始化两个数组栈3. 将数据放入pushST数组栈中4.删除…...

编程日记 2023/3/1 16:03:13

《图机器学习》-GNN Augmentation and Training

GNN Augmentation and Training一、Graph Augmentation for GNNs1、Feature Augmentation2、Structure augmentation3、Node Neighborhood Sampling一、Graph Augmentation for GNNs 之前的假设： Raw input graph computational graph，即原始图等于计算…...

编程日记 2023/3/1 16:02:03

【Node.js算法题】数组去重、数组删除元素、数组排序、字符串排序、字符串反向、字符串改大写 、数组改大写、字符替换

文章目录前言数组去重数组删除元素数组排序字符串排序字符串反向字符串改大写数组改大写字符替换字符替换运行结果： ![在这里插入图片描述](https://img-blog.csdnimg.cn/8ac1c15e6f0944cdb8ca50bcb844182a.png)总结前言 本期文章是js的一些算法题，包括…...

编程日记 2023/3/1 16:00:58

Win10系统开始菜单无法点击解决方法分享

Win10系统开始菜单无法点击解决方法分享。有用户电脑一开机之后，就出现了开始菜单无法正常点击的情况。我们很多设置项都是通过开始菜单来进行开启的。那么这个功能无法点击了怎么办呢？接下来我们一起来看看以下的解决方法分享吧。 方法一： 1…...

编程日记 2023/3/1 15:59:51

libmodbus从linux访问window上的服务超时问题

window&#xff1a;使用EasyModbusTCP Server Simulator 作为服务。linux:程序&#xff1a;#include <stdio.h> #include <modbus/modbus.h>int main() {modbus_t *ctx;uint16_t holding_registers[1];// Create a new Modbus TCP contextctx modbus_new_tcp(&quo…...

编程日记 2023/3/1 15:58:45

挑战图像处理100问（26）——双线性插值

双线性插值是一种常用的图像插值方法&#xff0c;用于将低分辨率的图像放大到高分辨率。它基于一个假设&#xff1a;在两个相邻像素之间的值是线性的。 双线性插值考察444邻域的像素点&#xff0c;并根据距离设置权值。虽然计算量增大使得处理时间变长&#xff0c;但是可以有效…...

编程日记 2023/3/1 15:57:36

NXP iMX8系列处理器Pin Multiplexing定义说明

By Toradex秦海1). 简介为了提高处理器的设计灵活性和可用性&#xff0c;NXP的所有i.MX系列处理器都配备了基于 IOMUX Controller (IOMUXC)和IOMUX来使能Pin Mux功能&#xff0c;使得一个特定的IO管脚可以选择不同的可能多达8种的功能定义模块(ALT0, ALT1, ALT2, ALT3...)&…...

编程日记 2023/3/1 15:56:28

用Python的Supervisor進行進程監控以及自動啓動

python 限制同一时间只执行一个 作服務器端開發的同窗應該都對進程監控不會陌生&#xff0c;最近剛好要更換 uwsgi 爲 gunicorn&#xff0c;而gunicorn又剛好有這麼一章講進程監控&#xff0c;因此多研究了下。python 結合以前在騰訊工做的經驗&#xff0c;也會講講騰訊的服務…...

编程日记 2023/3/1 15:55:22

Centos和Window系统下Frp内网穿透

frp 是一个高性能的内网穿透的反向代理软件&#xff0c;支持 TCP、UDP、HTTP、HTTPS 等常见协议(TCP最常用)&#xff0c;可以将处于局域网或者家用电脑主机、办公电脑主机通过中转服务器的方式暴露在公网里&#xff0c;使用户可以通过访问公网的IP&#xff08;域名&#xff09;…...

编程日记 2023/3/1 15:54:12

春招冲刺（四）：flex布局面试题总结

flex布局面试题总结 Q1&#xff1a;什么是弹性盒布局&#xff1f; 特点&#xff1a;让元素对不同屏幕尺寸和不同显示设备做好适应。在响应式网站表现较好。 一、容器属性 Q2&#xff1a;display:flex和display:inline-flex的作用 使容器变成弹性布局&#xff0c;为其子元素…...

编程日记 2023/3/1 15:53:04

我的 System Verilog 学习记录（7）

引言 本文简单介绍 SystemVerilog 语言的 testbench 组件间通信和数据交互。 前文链接&#xff1a; 我的 System Verilog 学习记录&#xff08;1&#xff09; 我的 System Verilog 学习记录&#xff08;2&#xff09; 我的 System Verilog 学习记录&#xff08;3&#xff…...

编程日记 2023/3/1 15:51:57

canvas复习笔记（绘制直线、矩形、圆形、圆弧）

canvas 画一条直线 <body><canvasid"c"width"300"height"200"style"border: 1px solid #ccc;"></canvas> </body><script>// 2、获取 canvas 对象const cnv document.getElementById("c");…...

编程日记 2023/3/1 15:50:47

LeetCode 653. 两数之和 IV - 输入二叉搜索树

653. 两数之和 IV - 输入二叉搜索树 难度&#xff1a;easy\color{Green}{easy}easy 题目描述 给定一个二叉搜索树 rootrootroot 和一个目标结果 kkk&#xff0c;如果二叉搜索树中存在两个元素且它们的和等于给定的目标结果&#xff0c;则返回 truetruetrue。 示例 1&#xf…...

编程日记 2023/3/1 15:49:38

【Datawhale图机器学习】图神经网络

图神经网络 GNN是一种连接模型&#xff0c;通过网络中节点之间的信息传递的方式来获取图中的依存关系&#xff0c;GNN通过从节点任意深度的邻居来更新该节点状态&#xff0c;这个状态能够表示状态信息。第一次在论文 The graph neural network model 中提出 与传统NN的区别&a…...

编程日记 2023/3/1 15:48:32

【项目精选】 javaEE采购管理系统（论文+视频+源码）

点击下载源码 本系统是一个独立的系统&#xff0c;用来解决企业采购信息的管理问题。采用JSP技术构建了一个 有效而且实用的企业采购信息管理平台&#xff0c;目的是为高效地完成对企业采购信息的管理。经过 对课题的深入分析&#xff0c;采购系统需实现以下功能模块&#xff1…...

编程日记 2023/3/1 15:47:26

构筑数字韧性：从零信任到内生安全，打造面向未来的数字基础设施

1. 从一篇行业评论引发的深度思考&#xff1a;我们该如何构筑数字时代的“安全地基”&#xff1f;前几天&#xff0c;行业媒体EE Times上的一篇旧文被重新翻了出来&#xff0c;标题挺抓人眼球&#xff0c;大致是在讨论某个国家在关键技术领域的主导地位是否面临挑战。抛开其中地…...

编程新知 2026/5/13 3:33:01

Perplexity无法解析Springer LaTeX公式？2024.06最新MathJax兼容补丁+3类数学文献精准摘要生成术

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Perplexity解析Springer文献的底层机制与失效归因 Perplexity 作为衡量语言模型预测能力的关键指标&#xff0c;在学术文献解析场景中常被误用为“质量代理”&#xff0c;尤其在处理 Springer 出版集团…...

编程新知 2026/5/13 3:24:13

RAGday13-day15

Day13&#xff1a;RAG 常见问题 & 调优实战检索不到内容原因&#xff1a;分块太小、关键词太偏、没做混合检索解决&#xff1a;换递归 / 父子分块、加上 ES 混合检索、做 Query 改写搜到内容多但答不对原因&#xff1a;检索杂、没重排、没上下文压缩解决&#xff1a;加 Rer…...

编程新知 2026/5/13 2:27:53

从手机闪光灯到汽车大灯：聊聊‘发光强度’（坎德拉）在硬件选型中的实际应用

从手机闪光灯到汽车大灯&#xff1a;发光强度&#xff08;坎德拉&#xff09;的硬件实战指南 当你在昏暗的停车场用手机闪光灯寻找钥匙时&#xff0c;是否想过为什么有些手机的补光能照亮整个车位&#xff0c;而有些却只能勉强看清手掌&#xff1f;这个差异背后&#xff0c;隐藏…...

编程新知 2026/5/13 1:09:12

算法将驱动一切：边缘AI智能体如何重塑智能系统

仓库装卸区的安全摄像头每天采集86400秒的视频数据。长途卡车上的车队远程信息记录仪在两次加油之间积累了数GB的行车影像。外科手术机器人的立体摄像头以每秒60帧的速度生成密集点云。所有这些数据都产生于数字世界与现实世界的交界处&#xff0c;但几乎没有任何一条被用于智能…...

编程新知 2026/5/13 0:57:05

YOLO26改进| downsample |网络深层多分支互补鲁棒下采样模块

&#x1f4a1;&#x1f4a1;&#x1f4a1;本专栏所有程序均经过测试&#xff0c;可成功执行&#x1f4a1;&#x1f4a1;&#x1f4a1; 本文给大家带来的教程是将YOLO26的下采样替换为DRFD来提取特征。文章在介绍主要的原理后&#xff0c;将手把手教学如何进行模块的代码添加和修…...

编程新知 2026/5/13 0:01:39

京城汤泉夜宿体验：寻找最舒适的放松之地

引言在快节奏的城市生活中&#xff0c;越来越多的人开始追求一种能够彻底放松身心的方式。洗浴汤泉作为其中的一种选择&#xff0c;以其独特的魅力吸引了众多都市人。本文将带您走进京城的洗浴汤泉世界&#xff0c;特别介绍合韵汤泉&#xff0c;帮助您找到最适合自己的放松之地…...

编程新知 2026/5/12 23:40:29

从高通苹果专利战看芯片产业博弈：技术、商业与供应链的纠缠

1. 从一场专利诉讼看移动通信产业的权力游戏最近翻看一些老资料&#xff0c;看到一篇2017年关于高通、苹果和三星的行业评论&#xff0c;感触颇深。那会儿高通刚对苹果发起新一轮专利诉讼&#xff0c;要求禁售部分iPhone&#xff1b;三星则靠着存储芯片的行情&#xff0c;眼看要…...

编程新知 2026/5/12 22:04:59

Fawkes踩过的坑以及如何解决非常详细

首先我是用anaconda创建的一个虚拟环境 fawkes_env后续的所有操作都是在该环境中实现 不使用anaconda 可直接看第一步 坑&#xff1a;直接用 conda create -n fawkes python3.9 后&#xff0c;pip install -e . 可能因为 TensorFlow 版本过新导致不兼容&#xff08;Keras 2.3…...

编程新知 2026/5/12 21:52:11

LightGBM参数太多不会调？一份针对分类问题的‘避坑’指南与核心参数详解

LightGBM分类任务调参实战&#xff1a;从参数误区到精准优化 第一次接触LightGBM时&#xff0c;我被它琳琅满目的参数列表吓到了——光是官方文档列出的就有80多个可调参数。记得当时为了预测用户流失率&#xff0c;我直接把XGBoost的代码换成LightGBM&#xff0c;结果AUC反而下…...

编程新知 2026/5/12 20:52:44