- 博客(116)
- 收藏
- 关注
RSS订阅原创 华为0528笔试
给定一个二维数组 mountainMap 表示一座山的地图，数组中的每个元素 mountainMap[x][y] 代表坐标 (x, y) 处山的高度。登山员从山底出发，爬到山峰。山底的含义：mountainMap中高度为0的坐标点。山峰的含义：mountainMap中高度最高的坐标点。登山员每次移动只能从当前位置向上下左右四个方向移动一格，向高处移动时，移动到的位置山的高度不能高于当前位置的高度加上固定的攀登能力值climbAbility；
2025-06-10 22:30:27
439
原创 买卖股票的最佳时机 II
给你一个整数数组 prices ，其中 prices[i] 表示某支股票第 i 天的价格。在每一天，你可以决定是否购买和/或出售股票。你在任何时候 最多 只能持有 一股 股票。你也可以先购买，然后在 同一天 出售。返回 你能获得的 最大 利润。
2025-05-26 21:07:19
265
原创 力扣：多数元素
给定一个大小为 n 的数组 nums ，返回其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊ n/2 ⌋ 的元素。你可以假设数组是非空的，并且给定的数组总是存在多数元素。
2025-05-08 22:40:11
341
原创 删除有序数组中的重复项 II
给你一个有序数组 nums ，请你 原地 删除重复出现的元素，使得出现次数超过两次的元素只出现两次 ，返回删除后数组的新长度。不要使用额外的数组空间，你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。
2025-05-03 11:12:13
213
原创 删除排序数组中的重复项
给你一个 非严格递增排列 的数组 nums ，请你 原地 删除重复出现的元素，使每个元素 只出现一次 ，返回删除后数组的新长度。元素的 相对顺序 应该保持 一致。然后返回 nums 中唯一元素的个数。考虑 nums 的唯一元素的数量为 k ，你需要做以下事情确保你的题解可以被通过：更改数组 nums ，使 nums 的前 k 个元素包含唯一元素，并按照它们最初在 nums 中出现的顺序排列。nums 的其余元素与 nums 的大小不重要。返回 k。
2025-05-03 08:48:49
162
原创 移除数组中元素
给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素。元素的顺序可能发生改变。然后返回 nums 中与 val 不同的元素的数量。假设 nums 中不等于 val 的元素数量为 k，要通过此题，您需要执行以下操作：更改 nums 数组，使 nums 的前 k 个元素包含不等于 val 的元素。nums 的其余元素和 nums 的大小并不重要。返回 k。
2025-05-01 00:11:26
198
原创 合并两个有序数组
给你两个按 非递减顺序 排列的整数数组 nums1 和 nums2，另有两个整数 m 和 n ，分别表示 nums1 和 nums2 中的元素数目。请你 合并 nums2 到 nums1 中，使合并后的数组同样按 非递减顺序 排列。注意：最终，合并后数组不应由函数返回，而是存储在数组 nums1 中。为了应对这种情况，nums1 的初始长度为 m + n，其中前 m 个元素表示应合并的元素，后 n 个元素为 0 ，应忽略。nums2 的长度为 n。
2025-04-30 22:14:27
483
原创 更新日期自动填充
今天刷到一个自动插入更新时间的帖子，在这里自己实现一下，加深印象。现在有一个文章表，其结构如下：手动插入最原始方法为每次操纵数据库时都手动插入，但这样太繁琐。需要在application.yaml中进行配置mybatis-plus1.2自动填充类1.3 mybatis-plus配置在application.yml中配置mybatis-plus使用swagger进行测试插入成功
2025-04-28 22:44:10
215
原创 deepseek本地部署
DeepSeek作为一款开源且性能强大的大语言模型，提供了灵活的本地部署方案，让用户能够在本地环境中高效运行模型，同时保护数据隐私，这里记录自己DeepSeek本地部署流程。
2025-02-06 22:20:45
534
原创 zookeeper分布式锁模拟12306买票
在连接zookeeper时候出现下面这个错误，刚开始以为是服务端zookeeper出问题了，但是检查后发现没问题，在服务端可正常创建、修改节点信息。期间还遇到了一个小插曲，这里顺便记录下。解决方案：关闭服务器防火墙。
2024-12-22 10:07:26
345
原创 vue计时器
实现一个倒计时功能用于下单后的计时代码倒计时组件import { ref, onUnmounted } from 'vue'import { computed } from 'vue'import dayjs from 'dayjs'export const useCountDown = () => { // 响应式数据 let timer = null const time = ref(0) // 格式化为时分秒 const formatTim
2024-12-13 22:31:49
778
原创 Pinia管理用户数据
Pinia 是 Vue3 的新一代状态管理库，提供了更简单的 API 和更好的 TypeScript 支持。它作为 Vuex 的替代方案，成为了管理 Vue 应用状态的首选。Pinia 是 Vue3 的新一代状态管理库。与 Vuex 相比，Pinia 提供了更简单的 API、更好的性能，并且完全支持 Vue3 的组合式 API 和 TypeScript。Pinia 的设计理念是尽量简化状态管理，减少不必要的复杂性，使开发者能够专注于业务逻辑的实现。这篇文章用来记录怎样使用Pinia实现保存用户数据。
2024-11-30 21:39:55
450
原创 表单校验规则
这里简单记录下vue使用表单时候，给表单添加校验规则，直接上代码<script setup> import { ref } from 'vue' // 定义表单对象 const form = ref({ account: '', password: '' }) // 定义表单验证规则 const rules = { account: [ {required: true, m
2024-11-24 21:25:51
1037
原创 通用组件统一注册全局
例如这里想要将components文件夹中的组件进行全局配置可通过以下方式。配置完成后就可在文件中直接使用，而不用导入。修改main.js文件。
2024-11-24 10:11:20
307
原创 小图切换大图及放大镜实现
实现类似淘宝京东平台图片预览功能，鼠标放在右侧图片上时，左侧会实时显示右侧图片。鼠标放在左侧大图上时候实现放大镜效果，查看图片细节。
2024-11-23 23:32:33
1030
原创 vue渲染模板遇到多层属性访问
[1].id} 在取[1]之前先?一下，若categories有值，然后才再去取值，即 .[1]。2. 第二种方式就是用v-if的方式，当有值的时候才去取值。这种值的，因此可以用可选链的方式，时候不要直接写，因为若。1.可选链，例如获取。
2024-11-15 00:11:20
647
原创 解决路由缓存问题
使用带有参数的路由时，相同的组件实例被重复使用。因为两个路由都渲染同个组件，比起销毁再创建，服用则更显得高效，但是这也意味着组件的生命周期的钩子不会被调用。
2024-11-09 10:34:16
461
原创 EL面包屑导航实现
el-breadcrumb 是 Element Plus 中的面包屑导航组件，主要用于展示当前页面在整个应用程序中的位置，并提供导航功能。
2024-11-05 23:34:16
992
原创 vue3图片懒加载
界面很长，屏幕不能一下装下所有内容，如果以进入首页就把所有内容都加载完的话所需时间较长，会影响用户体验，所以可以当用户浏览到时再去加载。
2024-11-03 17:57:35
680
1
原创 el-carousel 轮播图
importfrom;constref;log;;height;position;left;top;z-index;imgheight;width;</
2024-10-31 23:38:01
354
原创 Element-plus安装
我们建议您使用包管理器（如 NPM、Yarn 或 pnpm）安装 Element Plus，然后您就可以使用打包工具，例如 Vite 或 webpack。
2024-10-19 22:31:28
535
原创 vue3路由
新建router文件夹，编写index.ts文件// 第一步：引入createRouter、createWebHashHistory// 第二步：引入组件// 第三步：创建路由实例routes:[},},})// 第四步：导出路由实例。
2024-09-26 23:11:19
622
原创 vue3自定义hooks
/ 数据]);// 方法try {debugger;// 返回数据和方法return {dogList,getDogList。
2024-09-23 23:04:29
887
原创 后端Controller获取成功，但是前端报错404
今天要做一个查看详情功能，debug时候能够成功进入到对应的Controller方法，Contorller方法里面也能得到对应的数据，但是前端页面一直报错404，显示对应的Controller方法路径找不到。
2024-09-12 15:18:05
671
原创 标签的ref属性
当我们想要获取一个标签对应的 DOM 元素的时候在 JavaScript 中，我们通过 document.getElementById() 来借助类选择器的写法获取，但是在 Vue 中，我们的 DOM 元素是挂载在同一个网页上的，这些名称难免会重复，所以需要别的方式去获取，给标签添加ref属性正好可以解决这个问题。
2024-09-09 23:30:57
1317
原创 watch监视与watchEffect监视
什么是watchwatch 的作用是用于监测响应式属性的变化，并在属性发生改变时执行特定的操作，它是 Vue 中的一种响应式机制，允许你在数据发生变化时做出相应的响应，执行自定义的逻辑。watch 使得在响应式属性变化时能够有更多的控制权和灵活性，让你的组件能够更好地响应数据的变化并执行相应的逻辑。watch() 默认是懒侦听的，即仅在侦听源发生变化时才执行回调函数。监听数据类型1.一个 ref() 定义的响应式数据2. 一个 reactive() 定义的响应式数据3. 一个getter 函数
2024-09-08 23:02:15
849
原创 Compute 计算属性
当我们有时候需要将模版中的某一个数据进行一系列处理后从而得到一个新的值，虽然 Vue 的模版中能够支持我们写一些表达式但是这样会使得我们的模板变得臃肿且不够灵活定制化，所以 Vue 也并不推荐我们在模板中写太多的表达式。因此 Vue 推荐我们使用计算属性（computed）来描述依赖响应式状态的复杂逻辑。当其依赖的属性的值发生变化时，计算属性会重新计算，反之，则使用中的属性值。
2024-09-02 23:29:40
1221
原创 ref 和 reactive 区别
前言ref 和 reactive是Vue 3中响应式编程的核心。在Vue中，响应式编程是一种使数据与UI保持同步的方式。当数据变化时，UI会自动更新，反之亦然。这种机制大大简化了前端开发，使我们能够专注于数据和用户界面的交互，而不必手动处理DOM更新。refref是Vue 3中的一个简单响应式API，用于创建一个包装基本数据类型的响应式引用(也可以包装复杂类型，只不过底层还是由reactive的方式实现的)。它的主要优点是能够轻松包装基本数据类型，并且具有清晰的访问和更新方式ref创建基本类型的响应
2024-08-31 16:17:02
1414
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人