- 博客(42)
- 收藏
- 关注
RSS订阅原创 Vue Router （导航守卫）
它可以出现多于一次，但是只能在所有的逻辑路径都不重叠的情况下，否则钩子永远都不会被解析或报错。如果放在父级路由上，路由在具有相同父级的子路由之间移动时，它不会被触发。导航离开当前组件对应的路由时触发，可用于：提示未保存的表单、阻止误操作跳转。实例上，对所有路由跳转生效，常用场景：登录校验、权限控制、全局埋点。在 Vue 组件内部定义，只对当前组件对应的路由生效，更贴近组件逻辑。，在路由配置中定义，优先级：全局前置守卫之后，组件内守卫之前。，因为守卫在导航确认前被调用，因此即将登场的新组件还没被创建。
2025-12-04 10:21:02
570
原创 Vue Router （历史模式）
Hash 模式 是 Vue Router 使用URL 中的 hash（#）部分 来管理路由的一种方式，它通过监听的变化来实现前端路由的切换，无需服务器端的特殊配置，并且兼容所有的浏览器（包括 IE9）。特性说明✅URL 示例✅是否需要服务器配置❌不需要（推荐用于静态托管、快速开发）✅兼容性✅ 支持所有浏览器，包括 IE9 及更早版本✅是否美观❌ URL 中有，不够简洁（但功能完整）✅是否支持前端路由✅ 完全支持，无刷新切换页面✅SEO 友好性。
2025-11-12 10:52:06
928
原创 Vue Router （匹配当前路由的链接和类名配置）
-- 普通匹配时使用自定义类名 my-active -->to="/user"用户-- 精确匹配时使用自定义类名 my-exact -->关于
2025-11-11 16:49:10
634
原创 Vue Router （路由组件传参）
创建一个返回 props 的函数。这允许你将参数转换为其他类型，将静态值与基于路由的值相结合等等。是一个对象时，它将原样设置为组件 props。当 props 是静态的时候很有用。会与路由紧密耦合，这限制了组件的灵活性，因为它只能用于特定的 URL。将被设置为组件的 props。使用RouterView进行传参。对于有命名视图的路由，你。
2025-11-11 11:02:35
379
原创 Vue Router （重定向和别名）
重定向（Redirect） 是指当用户访问某个 URL 时，服务器或前端路由机制让浏览器自动跳转到另一个 URL 的过程。换句话说：用户请求页面 A，但服务器/应用让浏览器去访问页面 B。Alias（别名） 可以让一个路由拥有多个“访问路径”，用户访问别名路径时，实际展示的是目标路由的内容，但 URL 保持为别名路径本身，不会发生跳转3.2 基本用法路径是/home，实际跳转的是/// 为这 3 个 URL 呈现 UserList],},
2025-11-11 10:41:24
344
原创 Vue Router （命名视图）
允许你在。场景说明比如在布局中同时展示headersidebar一个页面包含顶部导航、侧边栏、主内容区、底部等，每个区域都是独立的组件不同区域需要加载不同组件，比如左侧菜单 + 右侧内容 + 顶部用户信息栏。
2025-11-10 15:43:04
155
原创 Vue Router （编程式导航）
应用程序中通过代码（而不是用户点击链接或按钮等手动操作）来控制页面或视图的跳转与导航。在传统的多页应用（MPA）中，页面之间的跳转通常是通过<a>标签实现的，即用户点击链接后浏览器加载新的页面。但在单页应用（SPA）中，页面并不会真正刷新，而是通过 JavaScript 动态地切换视图内容。为了实现这种视图间的切换，我们就需要用到，并通过 在代码中控制路由的跳转。
2025-11-10 15:05:11
949
原创 数据结构 -- 树（遍历）
在数据结构中，树的遍历是一种检查或更新树中节点值的过程。深度优先搜索（DFS）和广度优先搜索（BFS）。深度优先搜索包括前序遍历、中序遍历和后序遍历，而广度优先搜索通常指的是层次遍历。
2025-11-07 16:21:09
915
原创 Vue Router （动态路由匹配）
/ 只匹配数字 ID 的用户页// 只匹配小写字母、数字和连字符的帖子页// 只匹配类似 file.txt 格式的文件页注意：在 JavaScript 的字符串中，反斜杠\ ` 是转义字符，所以如果你要匹配一个真正的\d，你需要写成\\d。
2025-11-07 10:45:37
558
原创 Vue Router （基础知识）
是 Vue.js 官方的，它与 Vue.js 核心深度集成，使构建单页面应用变得简单。Vue Router 主要。
2025-11-06 15:45:08
894
原创 数据结构--栈
是一种线性表（俗称），它限制只能在一端（称为栈顶）进行插入和删除操作，另一端（称为栈底）是固定的，不允许进行插入和删除操作，栈具有记忆作用，对栈的插入与删除操作中，不需要改变栈底指针，当栈中没有元素时称为“空栈”。最大特点 ：后进先出（LIFO）可以理解为在一个箱子里面放入书籍，每次只能从最上面一本一本的放，取也只能从最上面取书。
2025-10-29 14:54:44
258
原创 MySQL(下)
数据库存储引擎是数据库底层软件组织，数据库管理系统（DBMS）使用数据引擎进行创建、查询、更新和删除数据。不同的存储引擎提供不同的存储机制、索引技巧、锁定水平等功能。现在许多不同的数据库管理系统都支持多种不同的数据引擎。MySQL的核心就是存储引擎。用户可以根据不同的需求为数据表选择不同的存储引擎 可以使用 SHOW ENGINES 命令 可以查看Mysql的所有执行引擎我们可以到 默认的执行引擎是innoDB 支持事务，行级锁定和外键。
2025-08-12 12:00:08
660
原创 Python （10）-- 折线图可视化
JSON: 是一种轻量级的数据交互格式。可以按照JSON指定的格式去组织和封装数据。本质上是一个带有特定格式的字符串主要功能：JSON格式数据转换：Python数据和Json数据的相互转化：1. 开发可视化图表使用的技术栈是： Echarts框架的Python版本：PyEcharts包2. 如何安装PyEcharts包： pip install pyecharts3. 如何查看官方示例 打开官方画廊： https://gallery.pyecharts.org/#/README基础折线图：配置选项：全局配置
2025-08-12 12:00:00
486
原创 Python（9）-- 异常模块与包
自定义模块名必须要符合标识符命名规则自定义模块并导入：在Python代码文件中正常写代码即可，通过import、from关键字和导入Python内置模块一样导入即可使用。if __main__ == “__main__”表示，只有当程序是直接执行的才会进入if内部，如果是被导入的，则if无法进入注意：不同模块，同名的功能，如果都被导入，那么后导入的会覆盖先导入的__all__变量可以控制import *的时候哪些功能可以被导入从物理上看。
2025-08-12 00:00:00
1077
原创 MySQL(中)
视图（view）是一个虚拟表，非真实存在，其本质是根据SQL语句获取动态的数据集，并为其命名，用户使用时只需使用视图名称即可获取结果集，并可以将其当作表来使用。数据库中只存放了视图的定义，而并没有存放视图中的数据。这些数据存放在原来的表中。使用视图查询数据时，数据库系统会从原来的表中取出对应的数据。因此，视图中的数据是依赖于原来的表中的数据的。一旦表中的数据发生改变，显示在视图中的数据也会发生改变。MySQL 5.0 版本开始支持存储过程。
2025-08-11 19:15:38
1083
原创 MySQL8.0（上）
编程语言（programming language）可以简单的理解为一种计算机和人都能识别的语言。机器语言汇编语言高级语言Structured Query Language，是结构化查询语言，用于访问和处理数据库的标准的计算机语言。MySQL数据库管理系统由瑞典的DataKonsultAB公司研发，该公司被Sun公司收购，现在Sun公司又被Oracle公司收购，因此MySQL目前属于 Oracle 旗下产品。MySQL所使用的 SQL 语言是用于访问数据库的最常用标准化语言。
2025-08-11 11:16:31
701
原创 Python（7）-- 函数进阶
位置参数：调用函数时根据函数定义的参数位置来传递参数关键字参数：函数调用时通过“键=值”形式传递参数.作用: 可以让函数更加清晰、容易使用，同时也清除了参数的顺序需求.不定长参数：不定长参数也叫可变参数. 用于不确定调用的时候会传递多少个参数(不传参也可以)的场景.作用: 当调用函数时不确定参数个数时, 可以使用不定长参数不定长参数的类型: ①位置传递 ②关键字传递缺省参数：缺省参数也叫默认参数，用于定义函数，为参数提供默认值，调用函数时可不传该默认参数的值（注意：所有位置参数必须出现在
2025-08-11 00:00:00
695
原创 Python(8) -- 文件操作
注意：直接调用write，内容并未真正写入文件，而是会积攒在程序的内存中，称之为缓冲区 当调用flush的时候，内容会真正写入文件 这样做是避免频繁的操作硬盘，导致效率下降（攒一堆，一次性写磁盘）注意：文件如果不存在，使用”w”模式，会创建新文件文件如果存在，使用”w”模式，会将原有内容清空。
2025-08-11 00:00:00
616
原创 PySpark
Spark是Apache基金会旗下的顶级开源项目，用于对海量数据进行大规模分布式计算。PySpark是Spark的Python实现，是Spark为Python开发者提供的编程入口，用于以Python代码完成Spark任务的开发PySpark不仅可以作为Python第三方库使用，也可以将程序提交的Spark集群环境中，调度大规模集群进行执行。
2025-08-10 11:14:34
2129
原创 Python（6） -- 数据容器
以 [] 作为标识列表内每一个元素之间用, 逗号隔开数据容器内的每一份数据注：列表可以一次存储多个数据，且可以为不同的数据类型，支持嵌套元组定义：定义元组使用小括号，且使用逗号隔开各个数据，数据可以是不同的数据类型。元组也支持嵌套：注意事项：注意：元组只有一个数据，这个数据后面要添加逗号去重且无序字典的定义，同样使用{}键值对字典可以提供基于Key检索Value的场景实现如下语法：使用{}存储原始，每一个元素是一个键值对每一个键值对包含Key和Value（用冒号分隔）
2025-08-10 00:00:00
901
原创 SQL基本
数据库就是指数据存储的库，作用就是组织数据并存储数据。按照：库 -> 表 -> 数据 三个层级进行组织数据库软件就是提供库->表->数据，这种数据组织形式的工具软件，也称之为数据库管理系统常见的数据库软件有：Oracle、MySQL、SQL Server、PostgreSQL、SQLite，
2025-08-09 19:41:20
854
原创 Python（12） -- 动态柱状图
4. 通过label_opts=LabelOpts(position="right")设置数值标签在右侧显示。2. 和折线图一样，通过add_xaxis()和add_yaxis()添加x和y轴数据。3. 通过柱状图对象的：reversal_axis()，反转x和y轴。1. 通过Bar()构建一个柱状图对象。Timeline()-时间线。通过Bar构建基础柱状图。
2025-08-09 11:16:25
359
原创 Python（5） -- 函数
组织好的、可重复使用的、用来实现特定功能的代码段好处：将功能封装在函数内，可供随时随地重复利用提高代码的复用性，减少重复代码，提高开发效率1. 函数的定义语法2. 函数使用步骤:先定义, 后调用函数3. 注意事项： 参数不需要，可以省略；返回值不需要，可以省略1. 什么是函数返回值？函数在执行完成后，返回给调用者的结果2. 返回值的应用语法：使用关键字：return 来返回结果3. 注意：函数体在遇到return后就结束了，所以写在return后的代码不会执行。
2025-08-09 00:00:00
691
原创 Python(4) -- 循环语句
2. 需要设置循环终止的条件，如i += 1配合 i < 100，就能确保100次后停止，否则将无限循环 3. 空格缩进和if判断一样，都需要设置。设置一个范围1-100的随机整数变量，通过while循环，配合input语句，判断输入的数字是否等于随。while的条件需得到布尔类型，True表示继续循环，False表示结束循环。需要注意缩进，嵌套for循环同样通过缩进确定层次关系。某公司，账户余额有1W元，给20名员工发工资。中断所在循环的当次执行，直接进入下一次。2. for循环的注意点。
2025-08-08 16:26:43
889
原创 Python（3）-- 判断语句
满足1（如图编号）将不会理会2和3 满足2，将不会理会3 1、2、3均不满足，进入else else也可以省略不写，效果等同3个独立的if判断。注： 判断有2层 当外层if满足条件（图中编号1）时，才会执行内层if判断（图中编号2） 当外层if（编号1）不满足，直接执行外层esle。注：归属于if判断的代码语句块，需在前方填充4个空格缩进 Python通过缩进判断代码块的归属关系。定义一个数字（1~10，随机产生），通过3次判断来猜出来数字。复数（complex），如：4+3j，以j结尾表示复数。
2025-08-08 12:53:11
829
原创 Python基础（2）--基础语法
双引号："字符串"单引号： '字符串'三引号： """字符串"""引号定义法，表示在一堆三个双引号的范围内，均是字符串单引号定义法：name = 'xiaohong'双引号定义法：name = "xiaohei"三引号定义法： name = """xiaolv"""可以使用转移字符（\）来将引号解除效用，变成普通字符串单引号内可以写双引号或双引号内可以写单引号。
2025-08-08 12:28:27
580
原创 Vue2 --＞Vue3（1）
概念：Vue (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架Vue.js基于数据渲染出用户可以看到的界面所谓渐进式就是循序渐进，不一定非得把Vue中的所有API都学完才能开发Vue，可以学一点开发一点所谓框架：就是一套完整的解决方案例子如果把一个完整的项目比喻为一个装修好的房子，那么框架就是一个毛坯房。我们只需要在“毛坯房”的基础上，增加功能代码即可。提到框架，不得不提一下库。库，类似工具箱，是一堆方法的集合，比如 axios、lodash、echarts等。
2025-07-29 17:35:54
517
原创 Git基础
需求1：基于 master 新建 publish 分支，完成发布文章业务，然后修改内容页面的 html 文件的 title 标签，并提交一次。合并提交：发生于原分支产生了新的提交记录后，再合并回去时发生，自动使用多个快照记录合并后产生一次新的提交。暂存区 -> 覆盖 -> 工作区，命令：git restore 目标文件（注意：完全确认覆盖时使用）1.小传开发代码 -> 工作区 -> 暂存区 -> 提交 -> 拉取（可选）-> 推送。
2025-07-28 19:33:08
847
原创 Python数据分析
每一个列表元素是一维的ndarray类型数组，作为二维数组的行。另外，通过ndarray类的shape属性可以获得数组每一维的元素个数（元组形式），也可以通过shape[n]的形式获得每一维的元素个数，其中n是维度，从0开始。分隔数组是组合数组的逆过程，与组合数组一样，分隔数组也分为水平分隔数组和垂直分隔数组。处理数组的一项重要工作就是改变数组的维度，包含提高数组的维度和降低数组的维度，还包括数组的转置。垂直组合数组是将两个或多个数组垂直进行首尾相接，而垂直分隔数组是将已经垂直组合到一起的数组再分开。
2025-07-16 17:11:46
904
原创 运维基础知识
IT运维是指通过专业技术手段，确保企业的江系统和网络持续、安全、稳定运行，保障业务的连续性。运维涵盖计算机网络、应用系统、硬件环境和服务流程的综合管理。
2025-07-02 15:37:47
967
原创 web基础
HTML（HyperText Markup Language超文本标记语言）：构成网页的结构，结构由元素（标签）组成。CSS（Cascading Style Sheets层叠样式表）：控制网页中的元素的样式，标签名控制、id控制、class控制。JS（JavaScript网页脚本）：动态控制网页元素、数据等，发送与接收请求、计算等。2.HTML2.1 基本框架在vs code中可以通过Shift+！快捷导出。
2024-08-27 15:16:34
875
原创 计算机组成原理基础知识点
为了能够指示下一条欲执行指令的指令地址，CPU内部有一个程序计数器 PC (指令指针寄存器IP)，每执行一条指令其值自动加1，指向下一条欲执行指令的指令地址。是计算机各种功能部件之间传送信息的公共通信干线，它是由导线组成的传输线束， 按照计算机所传输的信息种类，总线是一种内部结构，它是cpu、内存、输入、输出设备传递信息的公用通道，主机的各个部件通过总线相连接，3. 为什么要进行刷新：存储单元被访问是随机的，有些存储单元可能长时间的不被访问，不4. 进行存储器的读写操作，其存储单元内的原信息就可能会丢失。
2024-08-26 10:32:29
4247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人