Day30_命名路由

.。。。。。。。。。

文章目录 Day07_路由_vant组件库使用 知识点自测 今日学习目标 1. vue路由简介和基础使用 1.0 什么是路由 1.1 为什么使用路由 1.2 vue-router介绍 1.3 路由 - 组件分类 1.4 vue-router使用 2. vue路由 - 声明式导航 2.0 声明式导航 - 基础使用 2.1 声明式导航 - 跳转传参 3. vue路由 - 重定向和模式 3.0 路由 - 重定向 3.1 路由 - 404页面 3.2 路由 - 模式设置 4. vue路由 - 编程式导航 4.0 编

今日目标: 能够了解单页面应用概念和优缺点 能够掌握vue-router路由系统使用 能够掌握链接导航和编程式导航用法 能够掌握路由嵌套和路由守卫 能够掌握vant组件库基础使用 学习内容： 学习目录: vue路由简介和基础使用 vue路由 - 声明式导航 vue路由 - 重定向和模式 vue路由 - 编程式导航 vue路由 - 嵌套和守卫 今日总结 面试题 知识点自测 url的组成部分都有哪些, hash值指的什么 1. vue路由简介和基础使用 1.0 什么是路由 目标: 设备和ip的映射

卷

它允许你在不重新加载页面的情况下，动态切换视图和组件，同时保持 URL 的同步。它允许你在不重新加载页面的情况下，动态切换视图和组件，同时保持 URL 的同步。例如，父路由 /user 中嵌套子路由 /user/profile，子组件会渲染在父组件的 中。是 Vue Router 提供的核心组件之一，用于渲染匹配当前路由的组件。是一个占位符组件，会根据当前路由路径（URL）自动渲染匹配的组件。嵌套路由允许在父路由中定义子路由，用于构建复杂的页面结构。是一个占位符组件，用于渲染当前路由匹配的组件。

一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。key是路径，value是组件。vue的一个插件库，专门用于当前的SPA应用程序1.单页Web应用程序（SPA）2.整个应用只有一个完整的页面。3.点击页面中的导航链接,只会做页面的。4.数据需要通过ajax请求获取1.安装vue-router, 命令npm i vue-router2.应用插件:Vue.use(VueRouter)

它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器，推荐使用。Vue Router和Vue.js非常契合，可以一起方便的实现SPA(single page web application 单页应用程序)应用程序的开发。Vue Router的特性： 支持H5历史(history)模式或者hash模式 支持路由参数 支持声明式(命名)路由 支持编程式路由 支持嵌套路由 支持路由导航守卫什么是SPA(单页应用程序)?

本文介绍了前端项目实现主题切换功能的完整方案。首先在状态管理(resso)中设置isDark变量并实现持久化存储，通过Switch组件切换时动态修改HTML的class。CSS中使用CSS变量(--dark-color等)实现样式切换，同时通过ConfigProvider配置antd组件的主题算法(theme.darkAlgorithm/defaultAlgorithm)来实现组件库的主题适配。方案包含HTML元素样式切换、CSS变量应用和antd组件主题配置三个关键部分，最终实现了包括基础元素和UI组件在

后端处理：spring boot + mybatis。

【摘要】Spring Boot应用启动后立即退出的问题分析：日志显示应用成功启动但无Web容器运行痕迹，主线程结束后JVM退出（exit code 0）。根本原因是项目缺少spring-boot-starter-web依赖，导致未启动内嵌服务器。解决方案：1）添加Web依赖构建HTTP服务；2）非Web应用可通过CommandLineRunner维持运行或显式阻塞主线程。该现象属于预期行为而非异常，选择对应方案后问题解决（附成功运行截图）。

数组名.push(新增的内容)，追加到数组末尾，返回数组新长度。数组名.pop(),删除数组最后一个元素，并返回该元素的值。数组名.unshift(新增的内容)，追加到数组开头。数组名.splice(操作的下标,删除的个数)for(变量起始值;数组名.shift()，删除数组第一个元素。数组：是一种可以按顺序保存数据的数据类型。修改:数组[下标]=新值。综合案例：生成数据柱状图。案例：打印九九乘法表。

HTML 框架是一种网页布局技术，它允许开发者将网页划分为多个区域，并对这些区域进行精细的控制。通过使用框架，可以轻松实现网页的标题、导航栏、页脚等部分的布局，提高网页的可用性和用户体验。HTML 框架是网页设计中不可或缺的一部分，它为网页布局提供了强大的支持。通过了解 HTML 框架的种类、应用以及如何使用它们，开发者可以创建更加美观、易用的网页。

这是一个浏览器协议检测工具类，主要功能是检测不同浏览器环境并采用相应方法处理自定义协议链接。代码包含浏览器类型检测、IE版本识别、事件注册辅助方法，以及针对不同浏览器（Chrome、Firefox、IE、Safari等）的协议处理方案。核心方法protocolCheck作为入口函数，会根据浏览器类型自动选择最优处理方式，支持成功/失败回调，适用于需要唤醒本地应用或处理自定义URL Scheme的场景。代码采用兼容性写法，支持从IE到现代浏览器的广泛兼容。

WakeNet-唤醒词检测 （WakeNet5 用于esp32 WakeNet 8,9 用于s3芯片）声学前端 （AEC回声消除 NS-噪声抑制 bss 目标声源与干扰音抑制）WakeNet 包含于AFE(前端算法中）MultiNet 命令词。

场景推荐方案优势非路由组件（如标签）父组件状态缓存简单直观，无需额外依赖路由组件（简单需求）React Router + 自定义缓存容器灵活控制缓存逻辑，无第三方依赖路由组件（复杂需求）第三方库成熟稳定，支持钩子、手动清缓存等功能注意：缓存组件会占用内存，需避免缓存过多组件；若组件依赖外部数据（如接口），需在 “激活” 时重新校验数据有效性（如通过onActivate钩子刷新）。

实验摘要 本实验演示了如何使用Ansible的Files模块库管理远程主机文件。主要包括file模块创建文件并设置权限属性，lineinfile模块确保文件中存在特定行或在指定位置插入内容，以及replace模块基于正则表达式替换文件内容。实验在node1节点上成功创建了/tmp/testfile文件，演示了修改权限、添加内容和替换文本等操作，验证了Ansible对远程文件的高效管理能力。通过playbook.yml文件定义任务，实现了自动化文件部署和修改。

HTML像素风球球大作战游戏摘要 这是一个基于HTML5 Canvas的像素风格球球大作战游戏。玩家控制一个绿色球体，通过鼠标移动来吃掉彩色小点以增大体积，同时需要避开更大的敌人球体。游戏包含以下核心功能： 像素风格界面：使用CSS的image-rendering: pixelated实现经典像素效果 游戏机制： 玩家球体随鼠标移动，速度与体积成反比 吃掉小点增加分数和体积 随机生成的敌人球体会自动移动 UI元素： 开始界面和游戏说明 实时显示分数和体积 简单的碰撞检测系统 游戏采用纯前端技术实现，适合在浏