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

38、web前端开发之Vue3保姆教程(二)

news 来源：原创 2025/8/22 19:07:24

三、Vue3语法详解

1、组件

1 什么是组件？

组件是 Vue.js 中最重要的概念之一。它是一种可复用的 Vue 实例，允许我们将 UI 拆分为独立的、可复用的部分。组件可以提高代码的组织性和可维护性。

2 创建组件

在 Vue 3 中，组件通常使用单文件组件（SFC）编写，其包含三个主要部分：

template：定义组件的 HTML 结构
script：编写组件的逻辑，包含数据和方法
style：定义组件的样式

<template><div><h1>{{ message }}</h1></div>
</template><script lang="ts">
import { defineComponent, ref } from 'vue';export default defineComponent({setup() {// 使用 ref 并添加类型注解const message = ref<string>('Hello Vue 3');// 返回响应式数据给模板return {message};}
});
</script><style scoped>
h1 {color: blue;
}
</style>

export default defineComponent({ … })：
- 这段代码定义了一个 Vue 组件并导出它。defineComponent 是 Vue 3 提供的一个函数，用于创建类型安全的 Vue 组件。
setup()：
- setup 是 Composition API 的核心部分。在 Vue 3 中，setup 函数会在组件实例创建之前执行，并且在该函数中可以进行各种响应式变量和逻辑的定义。
- 在这个函数内，可以定义组件的状态（如数据、计算属性、方法等）。
const url: string = “https://www.baidu.com”;：
- 这行代码定义了一个名为 url 的常量，并将其值设为一个字符串 https://www.baidu.com。
- : string 是 TypeScript 的类型声明，表明 url 的类型是 string。这意味着 url 必须始终是一个字符串，TypeScript 将在编译时对这个类型进行检查，以确保类型安全。
return { url }：
- setup 函数返回一个对象，这个对象中的属性（在这里是 url）将成为组件的响应式属性，供模板和其他功能使用。
- 因此，组件的模板中可以直接使用 url，并且这个值是响应式的。

使用语法糖后

<template><div><h1>{{ message }}</h1></div>
</template><script setup lang="ts">
import { ref } from 'vue';// 使用 ref 并添加类型注解
const message = ref<string>('Hello Vue 3');
</script><style scoped>
h1 {color: blue;
}
</style>

2、常用命令

1、{{}}文本插值

双大括号标签会被替换为相应组件实例中对应属性的值。同时每次属性更改时它也会同步更新。

<template><div><p>{{ url }}</p></div>
</template><script lang="ts">import { defineComponent } from 'vue';export default defineComponent({setup() {// 定义变量 url，并指定其类型为 stringconst url: string = "https://www.baidu.com";  return {url};}});</script>

使用使用语法糖简化后：

<template><div><p>{{ url }}</p></div>
</template><script setup lang="ts">const url: string = "https://www.baidu.com";
</script>

2、v-bind

v-bind 是用来动态绑定 HTML 特性的指令。通过使用 v-bind，你可以动态地将一个变量的值绑定到 HTML 元素的属性上。

<template><div><a v-bind:href="url">百度</a><input type="text" v-bind:value="msg" /></div>
</template><script setup lang="ts">// 使用 TypeScript 显式声明变量类型const url: string = "https://www.baidu.com";const msg: string = "hello";
</script>

简化写法：

<template><div><a :href="url">百度</a><input type="text" :value="msg"  /></div></template>  <script setup lang="ts">const url = "https://www.baidu.com";const msg= "hello"</script>

在这里插入图片描述

3、v-model

ref 是创建和管理响应式数据的工具，可以包装基本数据类型或对象，使其具有响应性，这意味着当数据发生变化时，与之相关的任何地方（如模板，计算属性之类）都会接收到这种变化。
v-model 则是一个专门用于处理输入和表单元素的双向数据绑定的语法糖。可以赋值和读取值，更高级的用法是在自定义组件上使用，用于处理父子组件间的双向数据绑定。

一般来说，v-model 会绑定 ref 的值，实现数据的双向响应。

Js版本

<template><div><p>{{ message }}</p><input type="text" v-model="message"/></div>
</template><script setup>
import { ref } from 'vue';
const message = ref('Hello Vue3');
</script>

Ts版本

<template><div><p>{{ message }}</p><input type="text" v-model="message"/></div>
</template><script setup lang="ts">
import { ref } from 'vue';
const message = ref<string>('Hello Vue3');
</script>

4、v-on

v-on 是用来绑定事件监听器的指令
格式：v-on:事件名 = “方法名”
简写方式： @事件名 = “方法名”

事件名：

click：点击事件
input：输入事件
keyup：键盘按键松开事件
keydown：键盘按键按下事件
mouseover：鼠标移入事件
mouseout：鼠标移出事件
submit：表单提交事件
change：表单元素值改变事件
除了上述列举的事件之外，实际上 v-on 可以监听任何 DOM 事件。如果你想监听特定的事件，只需在 v-on 后面加上相应的事件名即可。

修饰符：

.stop - 调用 event.stopPropagation()。
.prevent - 调用 event.preventDefault()。
.capture - 在捕获模式添加事件监听器。
.self - 只有事件从元素本身发出才触发处理函数。
.{keyAlias} - 只在某些按键下触发处理函数。
.once - 最多触发一次处理函数。
.left - 只在鼠标左键事件触发处理函数。
.right - 只在鼠标右键事件触发处理函数。
.middle - 只在鼠标中键事件触发处理函数。
.passive - 通过 { passive: true } 附加一个 DOM 事件。

案例1：

在这里插入图片描述

<template><div><input type="button" value="-" v-on:click="sub" /><input type="text" v-model="num" /><input type="button" value="+" @click="plus" /></div></template><script setup lang="ts">import { ref } from 'vue';// 使用 TypeScript 显式指定 num 的类型const num = ref<number>(0);function sub() {if (num.value > 0) {num.value--;}}function plus() {num.value++;}</script>

案例2：

在这里插入图片描述

<template>    <div>     <div>输入分数，按回车，显示等级</div>   <div>等级: {{ level }}</div>        <input type="text" @keyup.enter="show" v-model="score" />        </div>
</template><script setup lang="ts">import { ref } from 'vue';// 使用类型定义const level = ref<string>('');  // level 是 string 类型const score = ref<number | string>(0);  // 允许输入时是 number 或 stringfunction show(): void {const numScore = Number(score.value);  // 将输入转为数字进行判断if (!isNaN(numScore)) {  // 检查输入是否为有效数字if (numScore >= 0 && numScore <= 60)level.value = "D";else if (numScore > 60 && numScore <= 70)level.value = "C";else if (numScore > 70 && numScore <= 80)level.value = "B";elselevel.value = "A";} else {level.value = "无效输入";  // 如果输入不是数字，提示错误信息}}
</script>

5、v-if v-else v-else-if

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。

v-else 表示 v-if 添加一个“else 区块”。

v-else-if 提供的是相应于 v-if 的“else if 区块”。它可以连续多次重复使用。

<template><div id="app"><input type="text" v-model="stockInput" /><p v-if="stock > 5">库存为{{ stock }}</p><p v-else-if="0 < stock && stock <= 5">库存紧张</p><p v-else>库存不足</p></div>
</template><script setup lang="ts">import { ref, computed } from 'vue';// 用于存储用户输入const stockInput = ref<string>('0');// 将用户输入的字符串转换为数字进行判断const stock = computed<number>(() => {const num = parseInt(stockInput.value, 10);return isNaN(num) ? 0 : num;  // 如果转换失败即非数字输入，则返回 0});
</script>

在这里插入图片描述

<template><div id="app"><template v-if="flag"><h1 style="color:green">上架</h1></template><template v-else><h1 style="color:red">下架</h1></template><button @click="changeFlag">修改</button></div></template><script setup lang="ts">import { ref } from "vue";// flag 定义为 boolean 类型const flag = ref<boolean>(true);// 定义 changeFlag 函数，切换 flag 的值function changeFlag() {flag.value = !flag.value;}</script>

在这里插入图片描述

6、v-show

可以用来按条件显示一个元素的指令是 v-show。

<template><div id="app"><p v-show="isShow">我会隐身</p><button @click="isShow = !isShow">点击显示隐藏</button></div></template>     <script setup lang="ts">import { ref } from "vue";// isShow 定义为 boolean 类型const isShow = ref<boolean>(true);</script>

7、v-for

案例1：

<template><div id="app"><di

38、web前端开发之Vue3保姆教程(二)

三、Vue3语法详解 1、组件 1 什么是组件？组件是 Vue.js 中最重要的概念之一。它是一种可复用的 Vue 实例，允许我们将 UI 拆分为独立的、可复用的部分。组件可以提高代码的组织性和可维护性。 2 创建组件在 Vue 3 中，组件通常使用单文件组件（SFC）编写，其包含三个主…...

编程日记 2025/8/22 19:07:24

知识中台如何重构企业信息生态？关键要素解析

在信息化快速发展的时代，企业面临着如何高效整合和管理知识资源的挑战。知识中台作为企业信息管理的核心工具，正在帮助企业提升运营效率和创新力。本文将探讨知识中台如何重构企业信息生态，并解析其关键要素。一、什么是知识中台&#xff1f…...

编程日记 2025/8/21 18:29:01

蓝桥杯python组备赛(记录个人模板)

文章目录栈队列堆递归装饰器并查集树状数组线段树最近公共祖先LCAST表字典树KMPmanacher跳表(代替C STL的set)dijkstra总结栈用list代替队列用deque双端队列替代堆用heapq 递归装饰器众所周知，python的递归深度只有1000，根本满足不了大部…...

编程日记 2025/8/21 12:29:24

C++的多态 - 下

目录多态的原理虚函数表 1.计算包含虚函数类的大小 2.虚函数表介绍多态底层原理 1.父类引用调用 2.父类指针调用 3.动态绑定与静态绑定单继承和多继承关系的虚函数表函数指针 1.函数指针变量 (1)函数指针变量创建 (2)函数指针变量的使用 (3)两段有趣的代码 …...

编程日记 2025/8/22 19:26:33

XSS（跨站脚本攻击）

什么是 XSS 攻击？ XSS 攻击（Cross-Site Scripting）是一种常见的网络攻击手段，攻击者通过在网站上注入恶意的 JavaScript 代码，让网站在用户的浏览器中执行这些恶意代码，进而达到窃取信息、篡改网页内容或…...

编程日记 2025/8/21 14:15:04

LLM Agents的历史、现状与未来趋势

引言大型语言模型（Large Language Model, LLM）近年在人工智能领域掀起革命，它们具备了出色的语言理解与生成能力。然而，单纯的LLM更像是被动的“回答者”，只能根据输入给出回复。为了让LLM真正“行动”起来&#xff…...

编程日记 2025/8/22 10:23:30

最简rnn_lstm模型python源码

1.源码 GitCode - 全球开发者的开源社区,开源代码托管平台不到120行代码，参考了《深度学习与交通大数据实战》3.2节。注意这本书只能在京东等在线商城网购，才能拿到相应的数据集和源码。我的是在当地新华书店买的——买清华出版社，记得这个…...

编程日记 2025/8/22 19:26:32

基于Android的图书借阅和占座系统(源码+lw+部署文档+讲解)，源码可白嫖!

摘要基于Android的图书借阅和占座系统设计的目的是为用户提供图书信息、图书馆、图书资讯等内容，用户可以进行图书借阅、预约选座等操作。与PC端应用程序相比，图书借阅和占座系统的设计主要面向于广大用户，旨在为用户提供一个图书借阅及占…...

编程日记 2025/8/22 19:26:53

vue3+element-plus动态与静态表格数据渲染

一、表格组件： <template> <el-table ref"myTable" :data"tableData" :header-cell-style"headerCellStyle" header-row-class-name"my-table-header" cell-class-name"my-td-cell" :row-style"r…...

编程日记 2025/8/21 10:54:05

数据表介绍 --1.学生表 Student(SId,Sname,Sage,Ssex) --SId 学生编号,Sname 学生姓名,Sage 出生年月,Ssex 学生性别 --2.课程表 Course(CId,Cname,TId) --CId 课程编号,Cname 课程名称,TId 教师编号 --3.教师表 Teacher(TId,Tname) --TId 教师编号,Tname 教师姓名 --4.成绩…...

编程日记 2025/8/22 16:43:18

Open CASCADE学习|读取点集拟合样条曲线（续）

问题上一篇文章已经实现了样条曲线拟合，但是仍存在问题，Tolerance过大拟合成直线了，Tolerance过大头尾波浪形。正确改进方案 1️⃣ 核心参数优化通过调整以下参数控制曲线平滑度： Standard_Integer DegMin 3; // 最低阶…...

编程日记 2025/8/21 19:02:31

HTML基础教程：创建双十一购物狂欢节网页

页面概况： 在这篇技术博客中，我将详细讲解如何使用HTML基础标签创建一个简单而美观的双十一购物狂欢节主题网页。我们将逐步分析代码结构，了解每个HTML元素的作用，以及如何通过HTML属性控制页面布局和样式。页面整体结构首先&…...

编程日记 2025/8/21 21:50:49

ES6 新增特性箭头函数

简述： ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语…...

编程日记 2025/8/22 19:23:26

【C++算法】49.分治_归并_计算右侧小于当前元素的个数

文章目录题目链接：题目描述：解法C 算法代码：图解题目链接： 315. 计算右侧小于当前元素的个数题目描述： 解法归并排序（分治） 当前元素的后面，有多少个比我小。（降序&…...

编程日记 2025/8/21 9:19:14

Multi-class N-pair Loss论文理解

一、N-pair loss 对比 Triplet loss 对于N-pair loss来说，当N2时，与triplet loss是很相似的。对anchor-positive pair，都只有一个negative sample。而且，N-pair loss（N2时）为triplet loss的平滑近似Softpl…...

编程日记 2025/8/22 8:34:05

uniapp微信小程序地图marker自定义气泡 customCallout偶尔显示不全解决办法

这个天坑问题，在微信开发工具上是不会显示出来的,只有在真机上才会偶尔出现随机样式偏移/裁剪/宽长偏移，询问社区也只是让你提交代码片段，并无解决办法。一开始我怀疑是地图组件加载出现了问题，于是给地图加了一个v-if"reL…...

编程日记 2025/8/22 14:23:39

蓝桥杯嵌入式总结

1.lcd显示和led引脚冲突在lcd使用到的函数中加入两行代码 uint16_t temp GPIOC->ODR; GPIOC->ODR temp; 2.关于PA15,PB4pwm波输入捕获首先pwm输入捕获中断使用 HAL_TIM_IC_Start_IT(&htim2,TIM_CHANNEL_1); 再在输入捕获中断回调函数中使用 void HAL…...

编程日记 2025/8/21 21:40:05

C#的反射机制

C#反射机制详解什么是反射？ 反射(Reflection)是C#中的一项强大功能，它允许程序在运行时动态获取类型信息、访问和操作对象成员。简单来说，反射使程序可以在不预先知道类型的情况下，查看、使用和修改程序集中的代码。常见反射…...

编程日记 2025/8/22 1:47:11

Java并发编程高频面试题

一、基础概念 1. 并行与并发的区别？ 并行：多个任务在多个CPU核心上同时执行（物理上同时）。并发：多个任务在单CPU核心上交替执行（逻辑上同时）。类比：并行是多个窗口同时服务&#x…...

编程日记 2025/8/22 6:02:41

Invalid bound statement (not found)

前言： 通过实践而发现真理，又通过实践而证实真理和发展真理。从感性认识而能动地发展到理性认识，又从理性认识而能动地指导革命实践，改造主观世界和客观世界。实践、认识、再实践、再认识，这种形式，循环往…...

编程日记 2025/8/21 3:24:10

【Vue-路由】学习笔记

目录 <<回到导览路由1.单页应用和多页面2.路由基本使用2.1.路由的含义2.2.VueRouter插件2.3.配置路由规则和导航2.4.组件目录存放2.5.路由模块封装 3.rounter3.1.router-link实现高亮3.2.自定义匹配类名3.3.声明式导航3.3.1.查询参数传参3.3.2.动态路由传参3.3.3.总结 3.…...

编程日记 2025/8/21 19:24:56

前端服务配置详解：从入门到实战

前端服务配置详解：从入门到实战一、环境配置文件（.env） 1.1 基础结构在项目根目录创建 .env 文件： # 开发环境 VUE_APP_API_BASE_URL http://localhost:3000/api VUE_APP_VERSION 1.0.0# 生产环境（.env.produc…...

编程日记 2025/8/22 10:03:28

Java安全管理器 - SecurityManager

什么是Java安全管理器？ Java安全管理器是Java提供的保护JVM和程序安全的机制，它能限制用户的代码对文件、内存、资源、网络的操作和访问，防止恶意代码入侵程序。常用来控制用户提交的代码对各种资源的访问权限，防止用户恶意提交代…...

编程日记 2025/8/19 13:26:44

Arrays操作工具 Lambda表达式集合迭代器数据结构泛型 set集合 list集合

Arrays操作工具自己定义的排序规则简单理解如果是：o1 - o2 升序排列 o2 - o1 降序排列 Lambda表达式函数式编程函数式编程（Functional programming）是一种思想特点。面向对象：先去找对象，让对象做事情。。函数式…...

编程日记 2025/8/22 19:26:52

ORM、Mybatis和Hibernate、Mybatis使用教程、parameterType、resultType、级联查询案例、resultMap映射

DAY21.1 Java核心基础 ORM Object Relationship Mapping 对象关系映射面向对象的程序到—关系型数据库的映射比如java – MySQL的映射 ORM框架就是实现这个映射的框架 Hibernate、Mybatis、MybatisPlus、Spring Data JPA、Spring JDBC Spring Data JPA的底层就是Hiber…...

编程日记 2025/8/22 12:04:31

《Java八股文の文艺复兴》第十一篇：量子永生架构——对象池的混沌边缘（终极试炼·完全体）

Tags: - Java高并发 - 量子架构 - 混沌工程 - 赛博修真 - 三体防御目录： 卷首语：蝴蝶振翅引发的量子海啸第一章：混沌初开——对象池的量子涅槃（深度扩展） 第二章：混沌计算——对象复活的降维打击&…...

编程日记 2025/8/21 10:36:30

蓝桥杯备赛---真题训练之15届蓝桥杯找回连接之旅

题目介绍在网络世界中，突然间失去了所有的连接。作为勇敢的冒险者，你将踏上一段惊险刺激的旅程，穿越充满谜题和挑战的网络景观，与神秘的网络幽灵对抗，解开断网之谜，找回失去的连接，带领人们重…...

编程日记 2025/8/22 4:55:57

PowerApps MDA-模版-文档模版无法下载和上传Word模版

Power Apps的高级设置-模版中，文档模版目前只能看到新建和上传Excel模版，看不到Word模版这是一个已知bug, 什么时候能修复不好说，解决办法也很简单，先上传一个Excel模版，随便任何一个实体就行，为的是视图列…...

编程日记 2025/8/22 8:15:27

全国大学生数学建模竞赛赛题深度分析报告（2010-2024）

全国大学生数学建模竞赛赛题深度分析报告（2010-2024） 全国大学生数学建模竞赛(CUMCM)是中国最具影响力的大学生科技竞赛之一，本报告将对2010-2024年间的赛题进行全面统计分析，包括题目类型、领域分布、模型方法等多个维度&#x…...

编程日记 2025/8/22 19:17:02

职坐标解析自动驾驶技术发展新趋势

内容概要作为智能交通革命的核心驱动力，自动驾驶技术正以惊人的速度重塑出行生态。2023年，行业在多传感器融合与AI算法优化两大领域实现突破性进展：激光雷达、摄像头与毫米波雷达的协同精度提升至厘米级，而深度学习模型的实时决…...

编程日记 2025/8/21 12:53:38

快速入手-前后端分离Python权限系统基于Django5+DRF+Vue3.2+Element Plus+Jwt

引用：打造前后端分离Python权限系统基于Django5DRFVue3.2Element PlusJwt 视频教程 （火爆连载更新中..）_哔哩哔哩_bibili 说明：1、结合个人DRF基础和该视频去根据自己的项目进行开发。 2、引用该视频中作者的思路去升华自身的项…...

编程日记 2025/8/22 14:16:34

HTTP 协议详解

HTTP 协议 HTTP（HyperText Transfer Protocol，超文本传输协议）是互联网上应用最广泛的协议之一，用于在客户端（如浏览器）和服务器之间传输超文本（如网页）。 HTTP 是万维网&#xff…...

编程日记 2025/8/19 1:42:23

巧记英语四级单词 Unit1-4【晓艳老师版】

tain—take拿着、sus 下面，只有sur表示上面、ob表示方向、de往下，分开 retain v.保持 re-重复，tain—take拿着，重复的拿着maintain v. 维持，维修，保养 main主要的，主要的东西都拿着的那个人维…...

编程日记 2025/8/22 6:34:33

Transformers without Normalization论文翻译

论文信息： 作者：Jiachen Zhu, Xinlei Chen, Kaiming He, Yann LeCun, Zhuang Liu 论文地址：arxiv.org/pdf/2503.10622 代码仓库：jiachenzhu/DyT: Code release for DynamicTanh (DyT) 摘要归一化层在现代神经网络中无处不在…...

编程日记 2025/8/22 1:29:18

Ollama

目录定义与核心功能应用场景Ollama与Llama的关系安装与使用 Ollama是一个开源的本地大语言模型（LLM）运行框架，专为在本地机器上便捷部署和运行大型语言模型而设计。以下是关于Ollama的全面介绍： 定义与核心功能多种预训练语言模…...

编程日记 2025/8/22 12:09:21

社交app圈子模块0到1实现

一、逻辑分析用户相关用户需要能够创建圈子，这涉及到用户身份验证，确保只有注册用户可以进行创建操作。每个圈子有创建者，创建者对圈子有一定的管理权限，如设置圈子规则、邀请成员等。圈子信息圈子需要有名称、简介、头像等基…...

编程日记 2025/8/21 13:29:52

OpenCV--图像边缘检测

在计算机视觉和图像处理领域，边缘检测是极为关键的技术。边缘作为图像中像素值发生急剧变化的区域，承载了图像的重要结构信息，在物体识别、图像分割、目标跟踪等众多应用场景中发挥着核心作用。OpenCV 作为强大的计算机视觉库，提供…...

编程日记 2025/8/20 20:18:25

批量压缩 jpg/png 等格式照片|批量调整图片的宽高尺寸

图片格式种类非常的多，并且不同的图片由于像素、尺寸不一样，可能占用的空间也会不一样。文件太大会占用较多的磁盘空间，传输及上传系统都非常不方便，可能会收到限制，因此我们经常会碰到需要对图片进行压缩的需求。如何…...

编程日记 2025/8/21 6:26:21

[Linux系统编程]多线程

多线程 1. 线程1.1 线程的概念1.2 进程与线程对比1.3 轻量级进程 2. Linux线程控制2.1 POSIX 线程（pthread）2.2 线程ID、pthread_t、和进程地址空间的关系2.2.1 pthread_self2.2.2 pthread_create2.2.3 pthread_join2.2.4 线程终止的三种方式2.2.5 pthre…...

编程日记 2025/8/22 5:10:32

进程状态(运行阻塞僵尸)及其场景分析

【Linux学习笔记】Linux基本指令及其分析 🔥个人主页：大白的编程日记 🔥专栏：Linux学习笔记前言哈喽，各位小伙伴大家好!上期我们讲了进程PCB 今天我们讲的是进程状态(运行阻塞僵尸)及其场景分析。话不多说&#…...

编程日记 2025/8/21 23:21:07

程序化广告行业（67/89）：DMP系统标签制作与人群拓展深度解析

程序化广告行业（67/89）：DMP系统标签制作与人群拓展深度解析大家好！在之前的分享中，我们对程序化广告的多个关键环节进行了探讨。今天，咱们继续深入了解程序化广告中的DMP系统，聚焦于标签制作和…...

编程日记 2025/8/21 23:50:26

【QT】QPixmap QImage QBitmap QPicture

文章目录 **1. QPixmap****特点****典型应用场景****示例** **2. QImage****特点****典型应用场景****示例** **3. QBitmap****特点****示例** **4. 三者的主要区别****5. 如何选择？****使用 QPixmap 的情况****使用 QImage 的情况****使用 QBitmap 的情况** **6. 相…...

编程日记 2025/8/22 10:04:56

如何开通google Free Tier长期免费云服务器(1C/1G)

Google宣布的一项政策，为标准层级的网络提供每地域200G的免费流量。两项政策结合，于是便可以得到一台1核心、1G内存、30G磁盘、200G流量的小云服务器，可玩性大大提高。这篇文章就分享一下如何正确开机，避免产生额外的费用。免费…...

编程日记 2025/8/22 2:23:33

Kaggle房价预测

实战 Kaggle 比赛：预测房价这里李沐老师讲的比较的细致，我根据提供的代码汇总了一下： import hashlib import os import tarfile import zipfile import requests import numpy as np import pandas as pd import torch from matplotlib i…...

编程日记 2025/8/20 18:37:25