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

DeepSeek 助力 Vue 开发：打造丝滑的步骤条

news 来源：原创 2025/5/18 15:08:07

前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦 💕

共同探索软件研发！敬请关注【宝码香车】
关注描述

csdngif标识

DeepSeek 助力 Vue 开发：打造丝滑的步骤条
- 指令输入
- think
- 步骤
- - 步骤 1：安装依赖项
  - 步骤 2：创建文件结构
  - 步骤 3：编写 Vue 组件
  - - 1. 简单静态进度条 (`simple-static.vue`)
    - 2. 动态百分比进度条 (`dynamic-percentage.vue`)
    - 3. 自定义可定制进度条 (`fully-customizable.vue`)
  - 步骤 4：使用这些组件
  - 步骤 5：运行项目
  - 注意事项：

📚📗📕📘📖🕮💡📝🗂️✍️🛠️💻🚀🎉🏗️🌐🖼️🔗📊👉🔖⚠️🌟🔐⬇️·正文开始⬇️·🎥😊🎓📩😺🌈🤝🤖📜📋🔍✅🧰❓📄📢📈 🙋0️⃣1️⃣2️⃣3️⃣4️⃣5️⃣6️⃣7️⃣8️⃣9️⃣🔟🆗*️⃣#️⃣

DeepSeek 助力 Vue 开发：打造丝滑的步骤条

0基础DeepSeek安装步骤

打开搭建好的DeepSeek应用。

打开应用

进入应用。

进入应用

指令输入

请帮我用 vue.js 生成一个进度条（Progress Bar）功能，所有代码都保存在一个文件夹中，文件中的代码文件是.vue格式

think

好，我现在要帮助用户用 Vue.js 生成一个进度条功能，并将所有代码保存在一个文件夹中。用户之前已经询问过类似的问题，但这次他特别指出代码文件需要使用.vue格式，也就是说可能需要使用 Vue 单文件组件的形式。

首先，我得回顾一下用户之前的需求。他之前是用 HTML 文件展示了三个不同风格的进度条，分别有静态、动态和完全可定制的版本。但这次他希望代码保存在一个文件夹中，且文件使用.vue格式，这可能意味着他想将这些组件整合到一个 Vue 项目中，以便更方便地管理和使用。

接下来，我需要考虑如何将之前 HTML 中的进度条组件转化为 Vue 单文件组件。用户提到的 Element UI 是一个不错的选择，因为它是轻量级且内置于 Vue 的UI框架，适合这样的任务。我还需要确保所有代码都在同一个文件夹中，并且使用.vue扩展名，这样可以方便地被项目管理和导入。

考虑到用户可能对 Vue 不太熟悉，我应该提供详细的步骤说明。首先是准备工作，安装必要的依赖项，比如 Element UI 和 Vueify，这些可以通过 npm 安装完成。然后是创建文件结构，需要一个 progress-bar 文件夹来存放所有.vue文件。

接下来，我需要将之前在 HTML 中使用的三种进度条分别转换为 Vue 组件。每个.vue文件应该包含一个组件，可能需要使用 template 标签来定义视图部分。对于动态的部分，我需要引入数据属性，并确保方法可以正确地更新这个数据。

特别是第二种情况，动态进度条基于百分比，用户希望有增加10%的按钮交互。这意味着我需要在组件中定义一个方法来增加 value 的值，同时确保 value 不会超过 100%。这部分可能需要使用 Vue 的双向绑定特性，让数据显示更新。

第三种情况是完全可定制的进度条，这里可能需要使用到 slot 插槽功能，在 Element UI 中可以通过 v-slot 来定义自定义内容。我还需要添加自定义 CSS 样式，确保进度条的外观和动画符合用户需求。例如，可以修改圆角的半径或者添加滑动效果。

在编写每个.vue文件时，我需要注意结构的清晰和可读性，使用相应的脚本部分来定义数据和方法，将 CSS 样式放在 style 标签中，确保所有自定义类名和样式都正确应用。

最后，我应该提供使用说明，指导用户如何在项目中导入这些进度条组件，并根据需要进行进一步的定制或扩展。这可能包括导入到 main.vue 文件中的方法，以及如何通过 props 属性来传递数据和事件。

考虑到用户可能需要将这些组件集成到现有项目中，我还应该提醒他检查项目依赖项，确保所有必要的包已经安装，并且文件路径正确，以避免运行时错误。

总结一下，我的思考过程包括：理解用户需求、选择合适的UI框架和工具（Element UI）、将之前的 HTML 组件转换为 Vue 组件、确保数据双向绑定和方法交互正确工作、添加必要的自定义样式，以及提供清晰的使用说明和注意事项。

好的！以下是用 Vue.js 和 Element UI 创建一个进度条组件的完整示例，所有代码会保存在一个文件夹中，并且使用 .vue 格式。

步骤

步骤 1：安装依赖项

首先，我们需要安装 Vue 和 Element UI 以及相关的样式库。

npm install vue@^2 element-ui@^2.15 vueify@^2

安装完成后，你可以在项目根目录下创建一个文件夹来存放所有 Vue 组件。

步骤 2：创建文件结构

我们需要创建一个名为 progress-bar 的文件夹，用于存放进度条组件。

mkdir progress-bar && cd progress-bar

接下来，我们会在这个文件夹中创建三个 .vue 文件，分别对应不同的进度条样式。

步骤 3：编写 Vue 组件

1. 简单静态进度条 (`simple-static.vue`)

<template><div class="simple-static"><el-progress :value="50" :height="30"></el-progress></div>
</template><script>
import { Progress } from 'element-ui';
export default {name: 'SimpleStatic',
}
</script><style>
.simple-static .el-progress { width: 300px; }
</style>

2. 动态百分比进度条 (`dynamic-percentage.vue`)

<template><div class="dynamic-percentage"><el-progress :value="percentage" :height="30"></el-progress><div class="percent">当前百分比：{{ percentage }}%</div><button @click="increasePercentage" class="btn">增加10%</button><button @click="decreasePercentage" class="btn">减少10%</button></div>
</template><script>
import { Progress } from 'element-ui';export default {name: 'DynamicPercentage',data() {return {percentage: 50,};},methods: {increasePercentage() {if (this.percentage < 100) {this.percentage += 10;}},decreasePercentage() {if (this.percentage > 0) {this.percentage -= 10;}},},
}
</script><style>
.dynamic-percentage .el-progress { width: 300px; }
.dynamic-percentage .percent { margin-top: 20px; font-size: 18px; }
.btn { margin-left: 10px; padding: 5px 10px; background-color: #409bff; color: white; border: none; border-radius: 4px; cursor: pointer; }
</style>

3. 自定义可定制进度条 (`fully-customizable.vue`)

<template><div class="fully-customizable"><el-progress :value="70" :height="20"></el-progress><!-- 内部完全自定义的方式 --><div class="custom-override"><el-progress :value="70" :height="100"><template v-slot="{ asset }"><div class="progress-bar" style="width: {{ asset.value }}%"></div></template></el-progress></div><!-- 或者使用Element UI的自定义类名 --><div class="custom-class"><el-progress :value="70" :height="30" class="my-progress"></el-progress></div></div>
</template><script>
import { Progress } from 'element-ui';
export default {name: 'FullyCustomizable',
}
</script><style>
.fully-customizable .el-progress { width: 300px; height: 20px; }
.custom-override .el-progress { height: 100%; margin-top: 30px; }
.custom-class .el-progress { width: 400px; height: 25px; border-radius: 10px; }.progress-bar {background: #409bff;width: 100%;height: 100%;border-radius: 10px;
}
</style>

步骤 4：使用这些组件

创建好 .vue 文件后，你可以在任何项目中使用它们。例如：

<!DOCTYPE html>
<html>
<head><title>Vue Progress Bars</title><link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.0/dist/css/index.css">
</head>
<body><!-- 简单静态进度条 --><div class="container"><h2>简单静态进度条</h2><div class="simple-static"><el-progress :value="50" :height="30"></el-progress></div></div><!-- 动态百分比进度条 --><div class="container"><h2>动态百分比进度条</h2><div class="dynamic-percentage"><el-progress :value="50" :height="30"></el-progress><div class="percent">当前百分比: 50%</div><button @click="increasePercentage">增加10%</button><button @click="decreasePercentage">减少10%</button></div></div><!-- 自定义可定制进度条 --><div class="container"><h2>自定义可定制进度条</h2><div class="fully-customizable"><el-progress :value="70" :height="20"></el-progress><!-- 示例1 --><div style="margin-top: 20px;"><el-progress :value="70" :height="100" class="my-override"></el-progress></div><!-- 示例2 --><div style="margin-top: 20px;"><el-progress :value="70" :height="30" class="custom-class"></el-progress></div></div></div>
</body>
</html>

步骤 5：运行项目

将以上代码保存到一个 HTML 文件中，例如 index.html，然后在浏览器中打开它。你应该会看到三个不同风格的进度条。

python3 -m http.server 8000

然后在浏览器中访问 http://localhost:8000。

注意事项：

确保你已经正确安装了所有依赖项，包括 Element UI 和 Vue。
在 .vue 文件中使用 <script> 标签声明组件。
样式库通常会将 element-ui 的样式文件放在项目的 src/assets/ 目录下。

如果你有任何问题，可以随时告诉我，我会尽力帮助你！

蓝耘元生代智算云平台地址：https://cloud.lanyun.net/#/registerPage?promoterCode=07100c37a0

到此这篇文章就介绍到这了,更多精彩内容请关注本人以前的文章或继续浏览下面的文章，创作不易，如果能帮助到大家,希望大家多多支持宝码香车~💕，若转载本文，一定注明本文链接。

整理不易，点赞关注宝码香车

更多专栏订阅推荐：
👍 html+css+js 绚丽效果
💕 vue
✈️ Electron
⭐️ js
📝 字符串
✍️ 时间对象（Date()）操作

DeepSeek 助力 Vue 开发：打造丝滑的步骤条

前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏关注哦 💕 目录 Deep…...

编程日记 2025/5/18 15:08:07

今日学习总结

1.完成了P2242公路维修问题 2.完成了P10605下头论文 1.P2242 思考：建立单向链表，使用qsort降序排序。 #include<stdio.h> #include<stdlib.h> #include<stdbool.h> #include<string.h> int n,m; int a[15005],b[15005],ans;…...

编程日记 2025/5/15 4:23:52

Transformer 的辉煌与大模型方向确立，点燃AGI之火把

GPT3，指明大模型发展方向，点燃大模型软件行业繁荣之火，目前大模型有100万个。 DeepSeek-V3，指明下一个阶段大模型发张方向，破壁： 资金壁垒：训练成本降低，适配丰富硬件，总…...

编程日记 2025/5/17 12:56:29

DeepSeek-Coder系列模型：智能编程助手的未来

文章目录一、模型架构与核心功能1. 模型架构2. 核心功能二、多语言支持与代码生成1. Python代码生成2. Java代码生成3. C代码生成4. JavaScript代码生成三、仓库级代码理解1. 代码结构分析2. 上下文理解四、FIM填充技术1. 函数自动填充2. 代码补全五、应用场景1. 代码补全…...

编程日记 2025/5/12 12:57:04

微信小程序longpress以及touchend的bug，touchend不触发，touchend不执行

核心原因：bind：touchend里面不能放wx:if 举例： <view bind:longpress"longpressBtn" bind:touchend"touchendBtn"><view wx:if"{{isRecording}}" >松开发送</view><view wx:else"…...

编程日记 2025/5/18 2:55:59

多租户架构设计与实现：基于 PostgreSQL 和 Node.js

多租户架构设计与实现：基于 PostgreSQL 和 Node.js 引言多租户架构（Multi-tenancy）是现代 SaaS（Software as a Service）应用的核心设计模式之一。它允许多个租户共享同一套应用实例，同时确保数据隔离和安全性。本文将详细介绍多租户架构的设计方案，并基于 PostgreSQL…...

编程日记 2025/5/16 14:11:28

四、OSG学习笔记-基础图元

前一章节： 三、OSG学习笔记-应用基础-CSDN博客https://blog.csdn.net/weixin_36323170/article/details/145514021 代码：CuiQingCheng/OsgStudy - Gitee.com 一、绘制盒子模型下面一个简单的 demo #include<windows.h> #include<osg/Node&…...

编程日记 2025/5/17 6:58:29

windows平台本地部署DeepSeek大模型+Open WebUI网页界面（可以离线使用）

环境准备：确定部署方案请参考：DeepSeek-R1系列（1.5b/7b/8b/32b/70b/761b）大模型部署需要什么硬件条件-CSDN博客根据本人电脑配置：windows11 + i9-13900HX+RTX4060+DDR5 5600 32G内存确定部署方案：DeepSeek-R1:7b + Ollama + Open WebUI 1. 安装 Ollama Ollama 是一…...

编程日记 2025/5/14 13:51:53

功能架构元模型

功能架构的元模型是对功能架构进行描述和建模的基础框架，它有助于统一不同团队对系统的理解，并为系统的设计和开发提供一致的标准和规范。虽然具体的元模型可能因不同的应用领域和特定需求而有所差异，但一般来说，功能架构的元模型可以涵盖以下几个方面：组件/模块元模型：…...

编程日记 2025/5/13 14:04:04

云计算——AWS Solutions Architect – Associate（saa）4.安全组和NACL

安全组一充当虚拟防火墙对于关联实例，在实例级别控制入站和出站流量。网络访问控制列表(NACL)一充当防火墙关联子网，在子网级别控制入站和出站流量。在专有网络中，安全组和网络ACL(NACL)一起帮助构建分层网络防御。安全组在实例级别操作…...

编程日记 2025/5/11 18:00:37

Fiddler Classic（HTTP流量代理+半汉化）

目录一、关于Fiddler (一) Fiddler Classic (二) Fiddler Everywhere (三) Fiddler Everywhere Reporter (四) FiddlerCore (五) 总结二、软件安全性 1. 软件安装包 2. 软件汉化dll 三、安装与半汉化 1. 正常打开安装包点击下一步安装即可，安装路径自…...

编程日记 2025/5/16 5:10:20

【hive】记一次hiveserver内存溢出排查，线程池未正确关闭导致

一、使用 MemoryAnalyzer软件打开hprof文件很大有30G，win内存24GB，不用担心可以打开，ma软件能够生成索引文件，逐块分析内存，如下图。大约需要4小时。 overview中开不到具体信息。二、使用Leak Suspects功能继续…...

编程日记 2025/5/11 14:26:48

MySQL的字段类型

MySQL 字段类型可以简单分为三大类数值类型：整型（TINYINT、SMALLINT、MEDIUMINT、INT 和 BIGINT）、浮点型（FLOAT 和 DOUBLE）、定点型（DECIMAL）字符串类型：CHAR、VARCHAR、TINYTEXT…...

编程日记 2025/5/15 17:31:38

HTML之JavaScript运算符

HTML之JavaScript运算符 1.算术运算符 - * / %除以0，结果为Infinity取余数，如果除数为0，结果为NaN NAN:Not A Number2.复合赋值运算符 - * / %/ 除以0，结果为Infinity% 如果除数为0，结果为NaN NaN:No…...

编程日记 2025/5/6 2:44:00

UE5--浅析委托原理（Delegate）

委托概述委托是一种用于事件处理的机制。通过使用委托，可以将一个或多个函数绑定到一个事件上，在事件触发时自动调用这些函数。代理也叫做委托，比如：跳，跑，开枪，伤害等响应，就是注册一个委托回调，其作用就是提供一种消息机制，都知道消息的传递需要发送方和接收方，…...

编程日记 2025/5/14 17:22:44

Android13-系统服务大管家-ServiceManager进程-启动篇

文章目录关注 ServiceMager 原因ServerManager需要掌握的知识资料参考ServiceManager 进程启动启动脚本涉及到的相关源码文件源码跟踪ServiceManager脚本启动位置ServiceManager关联脚本 Native层源码分析main.cpp流程打开驱动 initWithDriverinitmakeProcessState 构造方法op…...

编程日记 2025/5/16 23:55:25

网络安全溯源思路网络安全原理

网络安全背景网络就是实现不同主机之间的通讯。网络出现之初利用TCP/IP协议簇的相关协议概念，已经满足了互连两台主机之间可以进行通讯的目的，虽然看似简简单单几句话，就描述了网络概念与网络出现的目的，但是为了真正实现两台主机…...

编程日记 2025/5/18 13:27:46

Mac（m1）本地部署deepseek-R1模型

1. 下载安装ollama 直接下载软件，下载完成之后，安装即可，安装完成之后，命令行中可出现ollama命令 2. 在ollama官网查看需要下载的模型下载命令 1. 在官网查看deepseek对应的模型 2. 选择使用电脑配置的模型 3. copy 对应模型的安…...

编程日记 2025/5/15 0:44:08

从零复现DeepSeek R1：从V3中对MoE、MLA、MTP的实现，到Open R1对R1中SFT、GRPO的实现

前言虽然我司从23年起，便逐步从教育为主转型到了科技为主，但不代表教育业务便没有了随着DeepSeek特别是R1、其次V3模型的大火，我司七月在线的大模型线上营群里一学员朋友DIFY问道：校长好，deepseek 的课程目前有多少…...

编程日记 2025/5/16 13:11:21

[EAI-033] SFT 记忆，RL 泛化，LLM和VLM的消融研究

Paper Card 论文标题：SFT Memorizes, RL Generalizes: A Comparative Study of Foundation Model Post-training 论文作者：Tianzhe Chu, Yuexiang Zhai, Jihan Yang, Shengbang Tong, Saining Xie, Dale Schuurmans, Quoc V. Le, Sergey Levine, Yi Ma 论…...

编程日记 2025/5/13 11:42:40

示例代码：C# MQTTS双向认证（客户端）(服务器EMQX)

初级代码游戏的专栏介绍与文章目录-CSDN博客我的github：codetoys，所有代码都将会位于ctfc库中。已经放入库中我会指出在库中的位置。这些代码大部分以Linux为目标但部分代码是纯C的，可以在任何平台上使用。源码指引：github源…...

编程日记 2025/5/14 3:28:52

自制游戏——斗罗大陆

很简陋，没有图，请见谅 // mine[0] 级数 // mine[1] 战力 //mine[2] 1 白虎 //mine[2] 2 昊天锤 //mine[2] 3 蓝银草 #include <bits/stdc.h> using namespace std; int mine[100],live3, dou 1, luo 1, da 1, bag[1000], huan 0, lia…...

编程日记 2025/5/9 16:02:42

数据治理双证通关经验分享 | CDGA/CDGP备考全指南

历经1个月多的系统准备，本人于2024年顺利通过DAMA China的CDGA（数据治理工程师）和CDGP（数据治理专家）双认证。现将备考经验与资源体系化整理，助力从业者高效通关。 🌟 认证价值与政策背景根据…...

编程日记 2025/5/18 1:14:20

Vue全流程--Vue3.0与Vue2.0响应式原理对比

Vue2中数据的响应式需要使用Vue.set这么一个api，修改数据需要使用Vue.delete这么一个api，删除数据数据代理这个当面的理解可以看看我前面文章Vue全流程--数据代理的理解以及在Vue中的应用-CSDN博客 Vue3中数据的响应式 Vue3使用proxy这个api实现…...

编程日记 2025/5/15 10:59:35

Spring中都应用了哪些设计模式？

好的！以下是您提到的八种设计模式在 Spring 中的简单示例： 1. 简单工厂模式简单工厂模式通过传入参数来决定实例化哪个类。Spring 中的 BeanFactory 就是简单工厂模式的应用。示例代码： // 1. 创建接口和具体实现类 public interface A…...

编程日记 2025/5/18 0:15:10

fastjson2学习大纲

一、基础篇 - JSON与fastjson2核心概念 JSON基础 JSON语法规范（RFC 8259）JSON数据类型与Java类型对应关系序列化/反序列化核心概念 fastjson2入门与fastjson1的主要区别核心优势： 性能提升（JSONB二进制协议）更完善的…...

编程日记 2025/5/16 11:43:55

k8s部署elasticsearch

前置环境：已部署k8s集群，ip地址为 192.168.10.1~192.168.10.5，总共5台机器。 1. 创建provisioner制备器（如果已存在，则不需要）制备器的具体部署方式，参考我之前的文章：k8s部署rabbitmq-CSDN博客 2. 编写wms-elk-data-sc.yaml配置文件 apiVersion: storage.k8s.io/…...

编程日记 2025/5/12 3:02:12

BS架构（笔记整理）

楔子.基本概念 1.在网络架构中： 服务器通常是集中式计算资源，负责处理和存储数据；客户机是请求这些服务的终端设备，可能是个人电脑或移动设备；浏览器则是客户机上用来与服务器交互的工具，负责展示网页内容…...

编程日记 2025/5/18 3:20:58

从基础到人脸识别与目标检测

前言从本文开始，我们将开始学习ROS机器视觉处理，刚开始先学习一部分外围的知识，为后续的人脸识别、目标跟踪和YOLOV5目标检测做准备工作。我采用的笔记本是联想拯救者游戏本，系统采用Ubuntu20.04，ROS采用noetic。颜…...

编程日记 2025/5/15 17:37:35

ArcGIS Pro SDK （二十七）自定义许可

ArcGIS Pro SDK （二十七）自定义许可环境：Visual Studio 2022 + .NET6 + ArcGIS Pro SDK 3.0 文章目录 ArcGIS Pro SDK （二十七）自定义许可1 在Config.xaml中添加扩展配置2 在Module1.cs中实现接口IExtensionConfig1 在Config.xaml中添加扩展配置 <modules><inse…...

编程日记 2025/5/11 0:06:15

一、kubernetes k8s

k8s概述: k8s的全称:kubernetes k8s k8s的版本:1.30 1.20------------用的最多的版本，1.18-1.21 1.24------------>k8s的镜像不再使用docker，containerd k8s的作用： 用于自动部署，自动扩展和管理“容器化应…...

编程日记 2025/5/16 0:53:45

C#、.Net 中级高级架构管理面试题杂烩

1、简述值类型和引用类型的区别存储位置：值类型变量直接存储数据的值，通常存储在栈上；引用类型变量存储的是对象在堆上的引用地址。内存管理：值类型的内存由系统自动管理，当超出作用域时自动释放；引用类…...

编程日记 2025/5/18 9:15:45

ArrayList和LinkedList有什么区别？在什么情况下使用ArrayList更高效？

ArrayList和LinkedList在Java中是两种常用的数据结构，分别基于数组和链表实现。它们在性能、内存使用和适用场景上各有特点。 ArrayList与LinkedList的主要区别数据结构： ArrayList：基于动态数组实现，元素存储在连续的内存空间…...

编程日记 2025/5/17 1:58:13

KITE提示词框架：引导大语言模型的高效新工具

大语言模型的应用日益广泛。然而，如何确保这些模型生成的内容在AI原生应用中符合预期，仍是一个需要不断探索的问题。以下内容来自于《AI 原生应用开发：提示工程原理与实战》一书（京东图书：https://item.jd.com/1013604…...

编程日记 2025/5/18 4:52:06

Spring 整合 MyBatis：核心知识点详解

一、Spring 整合 MyBatis 的优势依赖注入：Spring 的 IOC 容器可以管理 MyBatis 的组件（如 SqlSessionFactory、Mapper 接口等），减少手动创建对象的繁琐。事务管理：Spring 提供了声明式事务管理，可以轻松…...

编程日记 2025/5/14 9:54:40

centos docker安装

一、前置条件安装gcc和c: yum -y install gcc yum -y install gcc-c 二、卸载旧版本如果之前安装过Docker，需要先卸载旧版本： sudo yum remove docker \docker-client \docker-client-latest \docker-common \docker-latest \docker-latest-logr…...

编程日记 2025/5/14 12:51:28

python-leetcode 24.回文链表

题目： 给定单链表的头节点head,判断该链表是否为回文链表，如果是，返回True,否则，返回False 输入：head[1,2,2,1] 输出：true 方法一：将值复制到数组中后用双指针法有两种常用的列表实现&#…...

编程日记 2025/5/17 10:39:34

利用kali linux 进行自动化渗透测试

本方案旨在自动化创建渗透测试全流程一、架构 1.智能信息收集体系 class IntelligentOSINT:def __init__(self, target):self.target targetself.intelligence_sources [OSINT_Platforms,DeepWeb_Crawlers, SocialMedia_Trackers,ML_Correlation_Engine]def advanced_col…...

编程日记 2025/5/15 5:59:09

蓝桥杯试题：冒泡排序选择排序

一、问题描述在一个神秘的岛屿上，有一支探险队发现了一批宝藏，这批宝藏是以整数数组的形式存在的。每个宝藏上都标有一个数字，代表了其珍贵程度。然而，由于某种神奇的力量，这批宝藏的顺序被打乱了，探险队…...

编程日记 2025/5/17 13:29:54

curl与telnet的区别

协议支持：curl支持多种协议，如HTTP、HTTPS、FTP等，而telnet主要用于基于TCP协议的连接。功能：curl是一个功能强大的工具，可以用来发送各种HTTP请求、下载文件等，而telnet主要用于在远程服务器上进行简单的…...

编程日记 2025/5/16 12:53:21

防火墙综合练习2

准备阶段实验拓扑图如下： 试验要求如下： 需求一：完成相关配置需求二：配置DHCP协议需求三：防火墙安全区域配置需求四：防火墙地址组信息需求五：管理员需求六：用户认证…...

编程日记 2025/5/17 22:04:16

leetcode_26删除有序数组中的重复项

1. 题意给定一个重复数组，删除其中的重复项目。 2. 题解双指针一个指针指向有序不重复数组的最后一个数，另外一个数遍历整个数组，若两个指针对应用的数不相同，有序数组的指针右移，将数填入。代码一 class Sol…...

编程日记 2025/5/15 17:31:45

SQLServer的创建,表创建,主键,约束,模糊查询

设置注意: 设置完成之后重新启动创建数据库注意: 这个目标路径必须要有该文件名的文件夹 -- 指向 master 数据库，告诉它我们要创建一个新的数据库操作了 use master go-- 创建数据库 create database StudentManageDB on primary (-- 以下四个组成部分缺一不可…...

编程日记 2025/5/15 10:13:20

钉钉位置偏移解决，钉钉虚拟定位打卡

虚拟定位打卡工具一，介绍免费获取工具一，介绍提到上班打卡，职场人的内心戏估计能拍成一部连续剧。打卡，这俩字仿佛自带“紧箍咒”，让无数打工人又爱又恨。想象一下，你气喘吁吁地冲进办公室，…...

编程日记 2025/5/13 15:46:41

自有服务与软件包

—— 小峰编程目录编辑一、自有服务概述二、systemctl管理服务命令 1、显示服务 2、查看启动和停止服务 3、服务持久化三、常用自有服务（ntp,firewalld,crond) 1、ntp时间同步服务 1）NTP同步服务器原理 2）到哪里去找NPT服务…...

编程日记 2025/5/14 12:59:16

PHP之hyperf学习笔记

Hyperf Model,Dao，Service，Contronller 路由使用文件来配置路由，就是和laravel一样的 Router::addGroup(["middleware" > ["web", "auth"],"namespace" > "Hyperf\HttpServer\Contr…...

编程日记 2025/5/14 9:48:15