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

Vue.js组件开发，AI时代的前端新玩法

news 来源：原创 2025/6/18 10:36:57

       AI可不只是写写小说、聊聊天，现在它的触角已经伸到了程序员的代码世界里。特别是前端开发，很多人都在尝试用ChatGPT或者类似的AI工具来写代码，甚至直接生成Vue.js组件。有些人感叹，"写代码的时代是不是要结束了？" 也有人觉得，"这简直就是生产力工具的大跃进！"

作为一个前端开发者，我对AI的“入侵”是既兴奋又好奇。毕竟，谁不想让自己工作更轻松一点呢？今天就带大家看看，AI在前端开发中到底能帮我们做些什么，以及它会给我们的工作方式带来什么样的变化。如果你对Vue.js组件开发感兴趣，或者想知道AI工具到底有多强，那这篇文章你一定会喜欢。

---

说个亲身经历吧，有一次我临时需要一个简单的Vue.js计数器组件。手写当然没问题，但赶时间嘛，我就试着问了ChatGPT：“帮我写一个Vue.js的计数器组件，可以加减，还能重置。”几秒钟后，它就给了一段完整的代码：

```vue
<template><div class="counter"><h1>当前计数：{{ count }}</h1><button @click="increment">增加</button><button @click="decrement">减少</button><button @click="reset">重置</button></div>
</template><script>
export default {data() {return {count: 0,};},methods: {increment() {this.count++;},decrement() {if (this.count > 0) this.count--;},reset() {this.count = 0;},},
};
</script><style scoped>
.counter {text-align: center;margin: 20px 0;
}
button {margin: 5px;padding: 10px 15px;cursor: pointer;
}
</style>
```

这段代码几乎是现成的，只需要稍微改动一下样式和逻辑，就能直接用到项目里。当时我心里只有一个想法：真香！以前写个这种小功能可能要花半小时，现在两分钟搞定。

不过，AI并不是万能的。比如有一次我让它写一个动态表单组件，结果它给的代码看上去没毛病，跑起来却各种报错。仔细一看，很多细节它都没处理好，比如表单验证逻辑和动态字段的绑定。这让我意识到，AI写出来的代码只是一个“起点”，你还得有自己的判断能力，知道哪些地方需要修改。

其实，这也正是现在AI工具在编程上最大的作用：它不是代替你，而是帮你完成基础工作，让你有更多时间去解决复杂问题。比如重复性高的UI组件生成、简单的算法实现、代码优化建议，这些都是AI擅长的领域。像Vue.js里的按钮、模态框、列表这些组件，基本都有固定的模式，AI可以快速生成雏形，剩下的细节调整交给你来完成。

再举个例子。有一次我想做一个Todo列表，不仅要能添加和删除任务，还要有完成状态的切换功能。我又试着问了ChatGPT，它很快吐出了下面这段代码：

<template><div class="todo-list"><h1>Todo 列表</h1><input v-model="newTask" placeholder="输入任务..." /><button @click="addTask">添加任务</button><ul><li v-for="(task, index) in tasks" :key="index"><span :class="{ completed: task.completed }" @click="toggleTask(index)">{{ task.text }}</span><button @click="removeTask(index)">删除</button></li></ul></div>
</template><script>
export default {data() {return {newTask: "",tasks: [],};},methods: {addTask() {if (this.newTask.trim()) {this.tasks.push({ text: this.newTask, completed: false });this.newTask = "";}},toggleTask(index) {this.tasks[index].completed = !this.tasks[index].completed;},removeTask(index) {this.tasks.splice(index, 1);},},
};
</script><style scoped>
.todo-list {max-width: 400px;margin: 0 auto;
}
.completed {text-decoration: line-through;color: gray;
}
</style>

这段代码的逻辑比计数器复杂一些，但同样清晰易懂。通过`v-for`动态渲染任务列表，用`v-model`绑定输入框内容，再用事件监听动态操作数据。可以看出，AI已经掌握了不少前端开发的套路。

不过，这段代码也有可以改进的地方。比如任务完成状态的样式可以更醒目，删除按钮的位置可以优化等等。这些都需要开发者根据具体需求调整，而不是完全依赖AI的输出。这也说明了，AI工具更像是一个“智能助手”，而不是“完美工匠”。

除了写代码，AI还对我们的开发方式产生了潜移默化的影响。以前写代码，我们可能会先研究需求，列出功能点，然后一步步从零开始搭建。但现在，越来越多人会先问问AI，生成一个初版代码，再基于它进行修改和优化。这种“逆向开发”的方式，既能节省时间，也能激发灵感。当然，这对开发者的代码阅读和理解能力提出了更高的要求，你得有足够的经验，才能判断AI生成的代码是否靠谱。

至于有人担心AI会不会取代程序员，我觉得大可不必。开发工作远不止写代码这么简单。业务逻辑的理解、系统架构的设计、创新功能的实现，这些都需要人的思考和经验。而这些，恰恰是AI最不擅长的地方。

未来，前端开发可能会变得更轻松，但也会更有挑战。轻松的是，重复性的工作会越来越少；挑战的是，我们要从“代码搬运工”转型为“技术架构师”，用更多的时间去专注于创造价值。

所以，与其担心被AI抢工作，不如学着利用它，把它当成提升效率的工具。试着用它生成代码、优化逻辑、寻找灵感，你会发现，AI不仅不会让开发变得无趣，反而会让你爱上编程的乐趣！

相关文章：

Vue.js组件开发，AI时代的前端新玩法

AI可不只是写写小说、聊聊天&#xff0c;现在它的触角已经伸到了程序员的代码世界里。特别是前端开发&#xff0c;很多人都在尝试用ChatGPT或者类似的AI工具来写代码&#xff0c;甚至直接生成Vue.js组件。有些人感叹&#xff0c;"写代码的时代是不是要结束了&#xff1f;&…...

编程日记 2025/6/4 11:23:59

标定 3

标定场景与对应的方式 标定板标定主要应用场景： （1）无法获取到执行机构物理坐标值，比如相机固定，执行机构为传送带等 （2）相机存在畸变等非线性标定情况，需要进行畸变校正 （3）标定单像素精度 （4）获取两个相机之间的坐标系关系 标定板操作步骤： （1）确定好拍…...

编程日记 2025/6/1 0:12:18

电商项目-基于ElasticSearch实现商品搜索功能(三)

本系列文章主要介绍基于 Spring Data Elasticsearch 实现商品搜索的后端代码&#xff0c;介绍代码逻辑和代码实现。 主要实现功能&#xff1a;根据搜索关键字查询、条件筛选、规格过滤、价格区间搜索、搜索查询分页、搜索查询排序、高亮查询。 主要应用技术:canal&#xff0c;…...

编程日记 2025/6/1 20:56:23

【51单片机】03 蜂鸣器-播放音乐

蜂鸣器-播放音乐 一、原理介绍1.硬件电路 二、练习1.让蜂鸣器发声2.尝试演奏小星星 一、原理介绍 蜂鸣器分为有源蜂鸣器、无源蜂鸣器两种。 有源蜂鸣器&#xff1a;施加合适的电压之后就会发出特定频率的声音 无源蜂鸣器&#xff1a;需要提供特定频率的声音信号&#xff0c;才能…...

编程日记 2025/6/2 7:03:18

MySQL 架构

MySQL架构 MySQL8.0服务器是由连接池、服务管理⼯具和公共组件、NoSQL接⼝、SQL接⼝、解析器、优化 器、缓存、存储引擎、⽂件系统组成。MySQL还为各种编程语⾔提供了⼀套⽤于外部程序访问服务器的连接器。整体架构图如下所⽰&#xff1a; MySQL Connectors&#xff1a;为使⽤…...

编程日记 2025/6/3 13:25:24

XML 解析器：深入解析与高效应用

XML 解析器&#xff1a;深入解析与高效应用 引言 XML&#xff08;可扩展标记语言&#xff09;作为一种重要的数据交换格式&#xff0c;被广泛应用于各种系统和平台中。为了有效地处理和解析XML数据&#xff0c;XML解析器发挥着至关重要的作用。本文将深入探讨XML解析器的原理…...

编程日记 2025/5/30 21:14:39

LabVIEW设计 IIR 滤波器

这是一个设计 IIR 滤波器的 LabVIEW 程序框图&#xff0c;其功能主要是用于设计滤波器并计算其频率响应&#xff0c;但它并不直接对输入的波形进行实时滤波&#xff0c;而是提供一个滤波器的频率响应分析工具。 以下是框图中各部分的详细解释&#xff1a; 1. 主要模块功能说明 …...

编程日记 2025/5/29 13:55:53

基于改进粒子群优化的无人机最优能耗路径规划

目录 1. Introduction2. Preliminaries2.1. Particle Swarm Optimization Algorithm2.2. Deep Deterministic Policy Gradient2.3. Calculation of the Total Output Power of the Quadcopter Battery 3.OptimalEnergyConsumptionPathPlanningBasedonPSO-DDPG3.1.ProblemModell…...

编程日记 2025/6/3 6:36:39

AI刷题-数列推进计算任务、数组中的幸运数问题

目录 一、数列推进计算任务 问题描述 测试样例 解题思路&#xff1a; 问题理解 数据结构选择 算法步骤 优化思路 最终代码&#xff1a; 运行结果&#xff1a; 二、数组中的幸运数问题 问题描述 测试样例 解题思路&#xff1a; 问题理解 数据结构选择 算法步…...

编程日记 2025/6/3 21:03:50

微服务的配置共享

1.什么是微服务的配置共享 微服务架构中&#xff0c;配置共享是一个重要环节&#xff0c;它有助于提升服务间的协同效率和数据一致性。以下是对微服务配置共享的详细阐述&#xff1a; 1.1.配置共享的概念 配置共享是指在微服务架构中&#xff0c;将某些通用或全局的配置信息…...

编程日记 2025/6/3 1:50:57

【计算机网络】窥探计网全貌：说说计算机网络体系结构？

标签难度考察频率综合题⭐⭐⭐60% 这个问题在计算机网络知识体系中是一个比较重要的问题&#xff0c;只有完整地了解计算机网络的体系结构才能清晰地认识网络的运行原理。 在回答这个问题时&#xff0c;笔者认为有几个比较重要的点&#xff1a; 首先一定要分清楚前置条件&am…...

编程日记 2025/6/4 14:10:49

【MySQL】DATEDIFF()函数使用

DATEDIFF 函数用于计算两个日期之间的差值&#xff0c;以天为单位 DATEDIFF 函数返回一个整数&#xff0c;表示 date1 和 date2 之间的天数。如果 date1 在 date2 之前&#xff0c;结果为负数&#xff1b;如果在 date2 之后&#xff0c;结果为正数&#xff1b;如果相等&#xf…...

编程日记 2025/6/2 22:46:13

计算机网络学习笔记

第1课 绪论、传输介质 【知识点回顾】 两种导线可以减小电磁干扰&#xff1a; 双绞线&#xff08;分为非屏蔽双绞线、屏蔽双绞线&#xff09;&#xff08;RJ-45用&#xff09;同轴电缆&#xff08;短距离使用&#xff09;网络通信的基本单位&#xff1a;位&#xff08;bit&…...

编程日记 2025/6/3 20:00:26

Spring Boot性能提升的核武器，速度提升500%！

虚拟线程是 Java 21 引入的一个新特性&#xff0c;用于简化并发编程。它与传统的操作系统线程相比&#xff0c;具有显著的优势&#xff1a; 轻量级&#xff1a;虚拟线程由 JVM 管理&#xff0c;而非操作系统&#xff0c;因此它们的内存占用和创建成本远低于传统线程。理论上&am…...

编程日记 2025/6/3 5:02:55

zig 安装，Hello World 示例

1. 安装 Zig 首先&#xff0c;你需要在你的计算机上安装 Zig 编译器。你可以从 Zig 官方网站 下载适合你操作系统的版本。 安装完成后&#xff0c;你可以在终端中运行以下命令来检查 Zig 是否安装成功&#xff1a; zig version如果一切正常&#xff0c;它会显示 Zig 的版本信…...

编程日记 2025/5/31 7:19:21

【数据库系统概论】第5章 数据库完整性【!触发器】

目录 5.1数据库完整性概述 5.2 实体完整性 5.3 参照完整性 5.4 用户定义的完整性 属性上的约束 1. 列值非空&#xff08;NOT NULL&#xff09; 2. 列值唯一&#xff08;UNIQUE&#xff09; 3. 检查列值是否满足条件&#xff08;CHECK&#xff09; 元组上的约束 5.5 完…...

编程日记 2025/6/4 5:37:02

Linux中通过frp实现内网穿透

1、准备工作 准备一台公网服务器&#xff08;云服务器&#xff09;&#xff0c;推荐阿里云或者腾讯云都可以 需要下载好frp安装包Linux端的和Windows端的安装包 网址&#xff1a;Releases fatedier/frp (github.com)https://github.com/fatedier/frp/releases 2、下载frp_0…...

编程日记 2025/5/29 7:36:44

Vscode辅助编码AI神器continue插件

案例效果 1、安装或者更新vscode 有些版本的vscode不支持continue，最好更新到最新版，也可以直接官网下载 https://code.visualstudio.com/Download 2、安装continue插件 搜索continue，还未安装的，右下脚有个Install，点击安装即可 <...

编程日记 2025/5/31 23:12:43

上海亚商投顾：沪指探底回升微涨 机器人概念股午后爆发

上海亚商投顾前言&#xff1a;无惧大盘涨跌&#xff0c;解密龙虎榜资金&#xff0c;跟踪一线游资和机构资金动向&#xff0c;识别短期热点和强势个股。 一.市场情绪 市场全天探底回升&#xff0c;沪指盘中跌超1.6%&#xff0c;创业板指一度跌逾3%&#xff0c;午后集体拉升翻红…...

编程日记 2025/5/31 0:37:07

LeetCode 3297.统计重新排列后包含另一个字符串的子字符串数目 I：滑动窗口

【LetMeFly】3297.统计重新排列后包含另一个字符串的子字符串数目 I&#xff1a;滑动窗口 力扣题目链接&#xff1a;https://leetcode.cn/problems/count-substrings-that-can-be-rearranged-to-contain-a-string-i/ 给你两个字符串 word1 和 word2 。 如果一个字符串 x 重新…...

编程日记 2025/6/3 13:44:43

ssm旅游攻略网站设计+jsp

系统包含&#xff1a;源码论文 所用技术&#xff1a;SpringBootVueSSMMybatisMysql 需要源码或者定制看文章最下面或看我的主页 目 录 目 录 III 1 绪论 1 1.1 研究背景 1 1.2 目的和意义 1 1.3 论文结构安排 2 2 相关技术 3 2.1 SSM框架介绍 3 2.2 B/S结构介绍 3 …...

编程日记 2025/6/3 3:14:05

前端学习-环境this对象以及回调函数（二十七）

目录 前言 目标 环境对象 作用 环境对象this是什么&#xff1f; 判断this指向的粗略规则是什么&#xff1f; 回调函数 目标 常见的使用场景 综合案例&#xff1a;Tab任务栏切换 总结 前言 男儿何不带吴钩&#xff0c;收取关山五十州 目标 能够分析判断函数运行在不…...

编程日记 2025/6/1 14:26:05

计算机网络-数据链路层（虚拟局域网VLAN）

2.6 虚拟局域 2.6.1 虚拟局域网概述 以太网交换机连接的各个网络同属于一个广播域&#xff0c;随着以太网的规模扩大&#xff0c;广播域也会相应的扩大&#xff0c;巨大的广播域会带来巨大的弊端。 广播风暴 难以治理 潜在的安全问题 TCP/IP协议下会进行广播的协议&#xff1a…...

编程日记 2025/5/30 3:08:28

Python贪心

贪心 贪心&#xff1a;把整体问题分解成多个步骤&#xff0c;在每个步骤都选取当前步骤的最优方案&#xff0c;直至所有步骤结束&#xff1b;每个步骤不会影响后续步骤核心性质&#xff1a;每次采用局部最优&#xff0c;最终结果就是全局最优如果题目满足上述核心性质&#xf…...

编程日记 2025/6/4 4:00:06

CSS 盒模型

盒模型 CSS盒模型是网页布局的核心概念之一&#xff0c;它描述了网页元素的物理结构和元素内容与周围元素之间的关系。根据W3C规范&#xff0c;每个HTML元素都被视为一个矩形盒子&#xff0c;这个盒子由以下四个部分组成&#xff1a; 内容区&#xff08;Content area&#xff…...

编程日记 2025/5/30 22:48:14

【linux】vi编辑文件及readonly文件修改读写权限方法

板端vi修改文件&#xff1a; 1、vi 文件路径 vi mnt/eol/config/oem_eol.xml2、按 i进入修改状态&#xff0c;此时可以修改配置文件 3、按 esc退出修改状态&#xff0c;并按"wq!保存 问题&#xff1a;readonly文件无法直接vi修改 方案&#xff1a; 1、mount -o remoun…...

编程日记 2025/6/1 22:50:56

Git使用笔记

Git 版本控制 一、Git 介绍二、Git 使用1. 安装及配置2. 使用方法3. Git 命令3. 历史版本回退4. 分支 (Branch) 三、远程仓库1. SSH公钥连接Gitee2. 推送到远程仓库 一、Git 介绍 常见版本控制软件&#xff1a;集中式&#xff08;CVS、SVN&#xff09;&#xff0c;分布式&#…...

编程日记 2025/5/30 13:30:24

mermaid大全（语法、流程图、时序图、甘特图、饼图、用户旅行图、类图）

⚠️ 有些网站的mermaid可能不完整&#xff0c;因此下面教程中可能有些语法是无效的。 &#x1f60a;亲测Typora软件均可以显示。 1. 介绍 Mermaid是一个基于JavaScript的图表绘制工具&#xff0c;它使用类似Markdown的语法来创建和修改各种类型的图表。以下是关于Mermaid的详…...

编程日记 2025/6/4 0:17:45

慧集通（DataLinkX）iPaaS集成平台-业务建模之业务对象（二）

3.UI模板 当我们选择一条已经建好的业务对象点击功能按钮【UI模板】进入该业务对象的UI显示配置界面。 右边填写的是UI模板的编码以及对应名称&#xff1b;菜单界面配置以业务对象UI模板编码获取显示界面。 3.1【列表-按钮】 展示的对应业务对象界面的功能按钮配置&#xff1…...

编程日记 2025/6/3 18:04:58

vue3+ts+element-plus 输入框el-input设置背景颜色

普通情况&#xff1a; 组件内容&#xff1a; <el-input v-model"applyBasicInfo.outerApplyId"/> 样式设置&#xff1a; ::v-deep .el-input__wrapper {background-color: pink; }// 也可以这样设置 ::v-deep(.el-input__wrapper) {background-color: pink…...

编程日记 2025/6/4 17:17:15

python迷宫寻宝 第6关 安全策略

地图&#xff1a; 1、体力不足去找终点&#xff0c;体力足则原地不动 import api## 判断是否需要离场的函数 # 体力足返回False&#xff0c;体力不足返回True def should_leave():# 拿到我离终点的距离e_row api.get.exit(what"row")e_col api.get.exit(what"…...

编程日记 2025/5/29 3:01:52

【计算机网络】lab7 TCP协议

&#x1f308; 个人主页&#xff1a;十二月的猫-CSDN博客 &#x1f525; 系列专栏&#xff1a; &#x1f3c0;计算机网络_十二月的猫的博客-CSDN博客 &#x1f4aa;&#x1f3fb; 十二月的寒冬阻挡不了春天的脚步&#xff0c;十二点的黑夜遮蔽不住黎明的曙光 目录 1. 实验目的…...

编程日记 2025/6/3 8:20:40

Monorepo设置：新手指南

Monorepo是一种项目代码管理方法&#xff0c;指在单个代码仓库中管理多个项目&#xff0c;有助于简化代码共享、版本控制、构建和部署的复杂性&#xff0c;并提供更好的可重用性和协作性。 简单理解&#xff1a;所有项目都在一个代码仓库中 &#x1f4e6;&#xff0c;但这并不意…...

编程日记 2025/6/4 7:15:45

HTTP 请求与响应的结构

一、引言 在当今数字化的时代&#xff0c;网络通信如同空气一般无处不在&#xff0c;而HTTP协议则是网络世界中最为重要的基石之一。当我们在浏览器中输入一个网址&#xff0c;轻松浏览网页、观看视频、下载文件或是进行在线购物等操作时&#xff0c;背后HTTP协议都在默默地发…...

编程日记 2025/6/3 11:23:28

计科高可用服务器架构实训（防火墙、双机热备，VRRP、MSTP、DHCP、OSPF）

一、项目介绍 需求分析&#xff1a; &#xff08;1&#xff09;总部和分部要求网络拓扑简单&#xff0c;方便维护&#xff0c;网络有扩展和冗余性&#xff1b; &#xff08;2&#xff09;总部分财务部&#xff0c;人事部&#xff0c;工程部&#xff0c;技术部&#xff0c;提供…...

编程日记 2025/6/2 7:10:18

Soildworks的学习【2025/1/12】

右键空白处&#xff0c;点击选项卡&#xff0c;即可看到所有已调用的选项卡&#xff1a; 点击机械小齿轮选项卡&#xff0c;选择文档属性&#xff0c;选择GB国标&#xff1a; 之后点击单位&#xff0c;选择MMGS毫米单位&#xff1a; 窗口右下角有MMGS&#xff0c;这里也可以选择…...

编程日记 2025/5/30 22:12:49

ORACLE-表空间和分区控制

--查询最后更新的统计信息时间 SELECT table_name, last_analyzed FROM dba_tables WHERE table_name 表名; --更新统计信息 -----按分区 BEGIN DBMS_STATS.GATHER_TABLE_STATS( ownname > XI_SF, -- 模式名称 tabname > 表名, -- 表名称 partnam…...

编程日记 2025/6/4 9:19:36

C# 与 Windows API 交互的“秘密武器”：结构体和联合体

一、引言 在 C# 的编程世界里&#xff0c;当我们想要深入挖掘 Windows 系统的底层功能&#xff0c;与 Windows API 打交道时&#xff0c;结构体和联合体就像是两把神奇的钥匙&#x1f511; 它们能够帮助我们精准地操控数据&#xff0c;实现一些高级且强大的功能。就好比搭建一…...

编程日记 2025/6/3 10:36:55

【数字化】华为-用变革的方法确保规划落地

导读&#xff1a;华为在数字化转型过程中&#xff0c;深刻认识到变革的必要性&#xff0c;并采用了一系列有效的方法确保转型规划的有效落地。华为认为&#xff0c;数字化转型不仅仅是技术层面的革新&#xff0c;更是企业运作模式、流程、组织、文化等深层次的变革。数字化转型…...

编程日记 2025/6/4 0:56:37

SpringData-Redis缓存

Spring Framework是领先的全堆栈Java/JEE应用程序框架。它提供了一个轻量级容器和一个通过使用依赖注入、AOP和可移植服务抽象实现的非侵入性编程模型。 NoSQL存储系统为传统RDBMS提供了一种横向可扩展性和速度的替代方案。就实现而言&#xff0c;键值存储代表NoSQL空间中最大…...

编程日记 2025/5/30 10:54:22

大语言模型兵马未动，数据准备粮草先行

​从OpenAI正式发布ChatGPT开始&#xff0c;大型语言模型&#xff08;LLM&#xff09;就变得风靡一时。对业界和吃瓜群众来说&#xff0c;这种技术最大的吸引力来自于理解、解释和生成人类语言的能力&#xff0c;毕竟这曾被认为是人类独有的技能。类似CoPilot这样的工具正在迅速…...

编程日记 2025/6/3 18:35:03

跳表和Mysql联合索引的最左原则和索引下推的优化

文章目录 跳表&#xff08;Skip List&#xff09;关键特性跳表的结构示意图跳表的查询效率为什么 MySQL 不使用跳表而使用 B 树&#xff1f;跳表的实际应用场景 总结 MySQL 联合索引的最左匹配原则最左匹配原则的规则示例&#xff1a;创建联合索引查询示例及索引使用情况设计联…...

编程日记 2025/5/29 7:07:55

Android切换语言不退出App

1.需求 实现用户选择语言&#xff08;未点击下一步&#xff09;&#xff0c;更新当前界面UI&#xff0c;点击下一步后&#xff0c;更新App的语言&#xff0c;并进行保存。 实现目标&#xff1a; 1.设置App的语言&#xff0c;本地进行保存 2.updateResources更新本地语言配置…...

编程日记 2025/5/31 4:28:11

Unity编程与游戏开发-编程与游戏开发的关系

游戏开发是一个复杂的多领域合作过程，涵盖了从创意构思到最终实现的多个方面。在这个过程中，技术、设计与美术三大核心要素相互交织，缺一不可。在游戏开发的过程中，Unity作为一款强大的跨平台游戏引擎，凭借其高效的开发工具和庞大的社区支持，成为了很多游戏开发者的首选工…...

编程日记 2025/5/31 3:25:44

【Git】问题汇总

在push的时候显示 protocol error: bad line length 8192 我在本地创建了一个gogs服务器&#xff0c;现在正在上传代码&#xff0c;但是出现了上述的这个问题。 解决方法 设置本地http.postBuffer&#xff08;待验证&#xff09; 方法一&#xff1a;全局配置 git config --g…...

编程日记 2025/5/29 1:58:48

搭建docker私有化仓库Harbor

Docker私有仓库概述 Docker私有仓库介绍 Docker私有仓库是个人、组织或企业内部用于存储和管理Docker镜像的存储库。Docker默认会有一个公共的仓库Docker Hub，而与Docker Hub不同，私有仓库是受限访问的，只有授权用户才能够上传、下载和管理其中的镜像。这种私有仓库可以部…...

编程日记 2025/6/3 16:19:05

修改sshd默认配置，提升安全

对于Linux服务器&#xff0c;特别是暴露在公网的服务器&#xff0c;会经常被人扫描、探测和攻击。包括通过ssh访问登录攻击。对此&#xff0c;对默认的sshd配置进行调整&#xff0c;提升安全。 下面以CentOS 7.9为例说明&#xff1a; 一、常见安全措施 以root用户编辑vim /e…...

编程日记 2025/6/2 0:19:02

formik 的使用

礼记有言&#xff1a;独学而无友&#xff0c;则孤陋而寡闻 让我们一起了解更多便捷方法&#xff0c;缩短开发时间去摸鱼&#xff0c;嘿嘿。 框架&#xff1a;react 在写表单的时候&#xff0c;我不太喜欢把验证写的很繁琐&#xff0c;这里讲介绍&#xff0c;验证表单的非常好用…...

编程日记 2025/5/29 7:21:38

【学习笔记】理解深度学习的基础：机器学习

1. 机器学习基础 1.1 机器学习的定义与重要性 定义&#xff1a;深度学习是机器学习的一种特定形式。为了深入理解深度学习&#xff0c;必须牢固掌握机器学习的基本原理。机器学习算法是一种能够从数据中学习的算法&#xff0c;通过经验E在任务T上提高性能度量P&#xff08;Mi…...

编程日记 2025/6/1 20:10:41

Docker 基础知识

背景 传统的linux的环境部署 命令多步骤多安装版本多使用docker的话，一个命令就可以全部搞定安装linux 之前安装过，所以直接使用的开罩进行复制的如果之前配置过静态地址，需要改成IPV4静态地址访问安装docker 参考连接：https://b11et3un53m.feishu.cn/wiki/Rfocw7ctXij2RBk…...

编程日记 2025/6/3 0:42:12