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

【MySQL】实战篇—项目需求分析:ER图的绘制与关系模型设计

在软件开发中,数据库是信息系统的核心部分,合理的数据库设计能够显著提高系统的性能和可维护性。 ER图(实体-关系图)是数据库设计的重要工具,它通过图形化的方式描述了数据实体及其相互关系,帮助开发者和设计者更好地理解数据结构和业务逻辑。

ER图的定义

ER图是一种用于表示数据模型的图形化工具,通常由以下几个基本元素构成:

  1. 实体(Entity):表示现实世界中的对象或概念,如用户、产品等。

  2. 属性(Attribute):描述实体的特征,如用户的姓名、电子邮件等。

  3. 关系(Relationship):表示实体之间的联系,如用户与订单之间的关系。

关系模型的定义

关系模型是将ER图转化为数据库表结构的过程。每个实体通常对应一个表,每个属性对应表中的一列,而关系则通过外键实现。

ER图的绘制与关系模型设计的步骤

1. 确定需求

在开始绘制ER图之前,需要明确系统的需求。假设需要设计一个在线课程管理系统。开发人员需要了解以下信息:

  • 学生可以注册课程。

  • 教师可以创建课程。

  • 每门课程可以有多个学生注册。

2. 绘制ER图

根据需求,可以识别出以下实体及其关系:

实体及其属性
  • 学生(Student)

    • 学生ID(student_id)

    • 姓名(name)

    • 电子邮件(email)

  • 课程(Course)

    • 课程ID(course_id)

    • 课程名称(course_name)

    • 教师ID(teacher_id)

  • 教师(Teacher)

    • 教师ID(teacher_id)

    • 姓名(name)

    • 电子邮件(email)

实体关系
  • 学生与课程之间存在多对多关系(一个学生可以注册多门课程,一门课程可以有多个学生)。

  • 教师与课程之间存在一对多关系(一个教师可以教授多门课程)。

ER图示例

下面是一个简单的ER图示例:

解释

  • PK 表示主键,FK 表示外键。

  • StudentCourse 之间通过一个关联表来表示多对多关系。

  • Course 表中的 teacher_id 是外键,引用 Teacher 表。

3. 关系模型设计

在逻辑设计阶段,将ER图转化为关系模型,定义表结构及其约束。以下是为在线课程管理系统设计的数据库表。

--?创建数据库
CREATE?DATABASE?course_management;--?使用数据库
USE?course_management;--?创建学生表
CREATE?TABLE?students?(
????student_id?INT?PRIMARY?KEY?AUTO_INCREMENT,??--?学生ID,主键,自增
????name?VARCHAR(100)?NOT?NULL,?????????????????--?姓名,不能为空
????email?VARCHAR(100)?UNIQUE?NOT?NULL???????????--?电子邮件,唯一,不能为空
);--?创建教师表
CREATE?TABLE?teachers?(
????teacher_id?INT?PRIMARY?KEY?AUTO_INCREMENT,???--?教师ID,主键,自增
????name?VARCHAR(100)?NOT?NULL,??????????????????--?姓名,不能为空
????email?VARCHAR(100)?UNIQUE?NOT?NULL????????????--?电子邮件,唯一,不能为空
);--?创建课程表
CREATE?TABLE?courses?(
????course_id?INT?PRIMARY?KEY?AUTO_INCREMENT,?????--?课程ID,主键,自增
????course_name?VARCHAR(200)?NOT?NULL,???????????--?课程名称,不能为空
????teacher_id?INT?NOT?NULL,??????????????????????--?教师ID,不能为空
????FOREIGN?KEY?(teacher_id)?REFERENCES?teachers(teacher_id)?--?外键,引用教师表
);--?创建学生课程关联表
CREATE?TABLE?student_courses?(
????student_course_id?INT?PRIMARY?KEY?AUTO_INCREMENT,?--?学生课程ID,主键,自增
????student_id?INT?NOT?NULL,??????????????????????????--?学生ID,不能为空
????course_id?INT?NOT?NULL,???????????????????????????--?课程ID,不能为空
????FOREIGN?KEY?(student_id)?REFERENCES?students(student_id),?--?外键,引用学生表
????FOREIGN?KEY?(course_id)?REFERENCES?courses(course_id)????--?外键,引用课程表
);

解释

  • 学生表(students):存储学生信息,student_id 是主键,email 列是唯一的。

  • 教师表(teachers):存储教师信息,teacher_id 是主键,email 列是唯一的。

  • 课程表(courses):存储课程信息,course_id 是主键,teacher_id 列是外键,引用教师表。

  • 学生课程关联表(student_courses):实现学生与课程之间的多对多关系,存储每个学生注册的课程信息。

4. 示例:插入数据

在数据库设计完成后,可以插入一些示例数据,以便进行后续的查询和操作。

--?插入学生数据
INSERT?INTO?students?(name,?email)?VALUES
('Alice?Smith',?'alice@example.com'),
('Bob?Johnson',?'bob@example.com');--?插入教师数据
INSERT?INTO?teachers?(name,?email)?VALUES
('Dr.?John?Doe',?'john@example.com'),
('Dr.?Jane?Roe',?'jane@example.com');--?插入课程数据
INSERT?INTO?courses?(course_name,?teacher_id)?VALUES
('Database?Systems',?1),??--?由?Dr.?John?Doe?教授
('Algorithms',?2);????????--?由?Dr.?Jane?Roe?教授--?插入学生课程关联数据
INSERT?INTO?student_courses?(student_id,?course_id)?VALUES
(1,?1),??--?Alice?注册?Database?Systems
(1,?2),??--?Alice?注册?Algorithms
(2,?1);??--?Bob?注册?Database?Systems

解释

  • 插入了两位学生、两位教师、两门课程和三条学生课程关联记录,表示 Alice 和 Bob 注册的课程。
5. 示例:查询数据

可以编写查询来获取学生的课程信息,例如查询所有学生及其注册的课程。

SELECT?
????s.name?AS?StudentName,
????c.course_name?AS?CourseName,
????t.name?AS?TeacherName
FROM?
????students?s
JOIN?
????student_courses?sc?ON?s.student_id?=?sc.student_id
JOIN?
????courses?c?ON?sc.course_id?=?c.course_id
JOIN?
????teachers?t?ON?c.teacher_id?=?t.teacher_id;

解释

  • 在这个查询中,我们使用了多个 JOIN 操作符来连接 studentsstudent_coursescoursesteachers 表,以获取每个学生注册的课程及其教师信息。
6. 示例:更新和删除数据

在数据库中,可能需要更新或删除数据。例如,学生退课后,需要从关联表中删除记录。

--?更新课程名称
UPDATE?courses
SET?course_name?=?'Advanced?Database?Systems'
WHERE?course_id?=?1;??--?更新课程ID为1的课程名称--?删除学生课程关联记录
DELETE?FROM?student_courses
WHERE?student_id?=?1?AND?course_id?=?2;??--?删除?Alice?注册的?Algorithms?课程

解释

  • 在第一个示例中,更新了 courses 表中的课程名称。

  • 在第二个示例中,删除了 student_courses 表中 Alice 注册的 Algorithms 课程记录。

总结

本篇文章详细介绍了如何绘制ER图与进行关系模型设计的过程,包括:

  1. 确定需求:与用户沟通,了解需求。

  2. 绘制ER图:识别实体及其关系,构建ER图。

  3. 关系模型设计:将ER图转化为关系模型,定义表结构及约束。

  4. 示例数据插入:为数据库插入示例数据。

  5. 查询数据:编写查询以获取所需信息。

  6. 更新和删除数据:演示如何更新和删除数据。

通过这些步骤,开发者能够构建出一个高效、可靠的数据库系统,以满足用户的需求。良好的ER图和关系模型设计是软件开发成功的关键之一。

相关文章:

【MySQL】实战篇—项目需求分析:ER图的绘制与关系模型设计

在软件开发中,数据库是信息系统的核心部分,合理的数据库设计能够显著提高系统的性能和可维护性。 ER图(实体-关系图)是数据库设计的重要工具,它通过图形化的方式描述了数据实体及其相互关系,帮助开发者和设…...

Apache Shiro 统一化实现多端登录(PC端移动端)

Apache Shiro 是一个强大且易用的Java安全框架,提供了身份验证、授权、密码学和会话管理等功能。它被广泛用于保护各种类型的应用程序,包括Web应用、桌面应用、RESTful服务、移动端应用和大型企业级应用。 需求背景 在当今数字化浪潮的推动下&#xff…...

es新增运算符

?? ( 空值合并运算符) ?. (可选链式运算符) ?? (空值合并赋值操作符) // ?? ( 空值合并运算符):这个运算符主要是左侧为null和undefined,直接返回右侧值 let result value ?? 默认值;. ??(空值合并运算符) ✅ 用于…...

数据库三级填空+应用(2)

sysadmin、dbcreator 数据是面向主题的(2)、集成的、非易失的、随时间不断变化的数据集合, 数据字典 【答案】完整性约束 数据模型成分 33【解析】顺序图主要用于描述系统内对象之间的消息发送和接收序列。 34如果把舍弃的元组也保存在结果关…...

贪心算法经典应用:最优答疑调度策略详解与Python实现

目录 引言:从现实场景到算法设计 一、问题背景与数学建模 1.1 现实场景抽象 1.2 时间线分析 二、贪心策略的数学证明与选择依据 2.1 贪心选择性质 2.2 证明过程 三、算法实现与代码解析 3.1 算法步骤分解 3.2 代码亮点解析 四、测试案例与结果验证 4.1 …...

把手搭建vue前后端管理系统-TAB标签通过pinia来进行管理(二十六)

目标&#xff1a;通过pinia的store来进行组件状态的统一管理&#xff0c;这样大家都可以共用到这个组件的状态信息&#xff0c;就可以实现组件的联动 一、添加侧边栏菜单的点击事件&#xff1a; 1、CommonAside.vue里面添加click的事件 <el-menu-itemv-for"item in …...

Python与数据库

目录 一、数据库 1、数据库的概念 2、数据库的表 3、字段详解 二、SQL数据库语句 1、了解SQL命令 2、CREATE命令 3、INSERT命令 三、数据库和SQL命令 四、数据库的查询与修改 1、SELECT命令 2、UPDATE命令 3、DELETE命令 4、DROP TABLE 5、SQL的注意事项 五、处…...

MyBatis中mapper.xml 的sql映射规则

一、SQL 映射文件核心元素 MyBatis 映射文件的顶级元素&#xff08;按定义顺序&#xff09;&#xff1a; cache&#xff1a;命名空间的缓存配置。cache-ref&#xff1a;引用其他命名空间的缓存。resultMap&#xff1a;自定义结果集映射。sql&#xff1a;可重用的 SQL 片段。i…...

ubuntu22.04安装搜狗输入法保姆教程~

一、添加中文语言支持 1.首先打开设置,找到Language and Region 2.点击Manage Installed Languages 3.点击 Install/Remove Languages... 4.选中Chinese (simplified),点击Apply...

Jenkins 配置python项目和allure

Jenkins新建项目 新建ry-api-auto-test。 添加项目描述&#xff0c;选择gitee令牌。 源码管理&#xff0c;设置仓库地址和凭证。参考我上一篇文章的链接&#xff1a;配置gitee私人令牌和凭证 构建步骤&#xff0c;因为我Jenkins部署在Windows&#xff0c;因此选择batch。…...

keda基于postgresql伸缩dify-api服务

1 概述 dify-api使用postgresql来存储数据&#xff0c;在dify控制台每新建一个聊天机器的聊天框&#xff0c;就会在conversations表里新插入一条记录&#xff0c;并且不断地更新字段updated_at&#xff0c;示例如下&#xff1a; dify# select * from conversations limit 1; …...

蓝桥杯 拼正方形

问题描述 小蓝正在玩拼图游戏。他有&#xff1a; 7385137888721 个 22 的方块10470245 个 11 的方块 他需要从中挑出一些方块来拼出一个正方形。 例如&#xff1a; 用 3 个 22 和 4 个 11 方块可以拼出一个 44 的正方形&#xff1b;用 9 个 22 方块可以拼出一个 66 的正方…...

failed to load steamui.dll”错误:Steam用户的高频崩溃问题解析

当你满心欢喜地双击 Steam 图标&#xff0c;准备进入游戏世界时&#xff0c;屏幕上突然弹出 “failed to load steamui.dll” 的刺眼提示——这是全球数百万 Steam 用户最不愿见到的错误之一。作为 Steam 客户端的核心界面动态链接库文件&#xff0c;steamui.dll 的缺失或损坏会…...

Django之旅:第六节--mysql数据库操作增删改查(二)

前提条件(models.py已经设置好&#xff09;&#xff1a; from django.db import mmodelsclass UserInfo(models.Model):namemodels.CharFIeld(max_length32)passwordmodels.CharFIeld(max_length64)#agemodels.IntegerFIeld()操作数据语法&#xff08;在views.py文件&#xff0…...

6. 使用VUE实现前端页面的分级嵌套

1. 说明 在UI设计中&#xff0c;页面中有些部分的占用空间位置是固定不动&#xff0c;有些部分的区域是根据情况进行动态切换的。比如&#xff0c;一个网页的菜单栏和主题内容展示&#xff0c;往往菜单栏区域的导航按钮占用的空间是固定不动的&#xff0c;当用户点击不同按钮时…...

(UI自动化测试web端)第三篇:元素的常用操作方法_浏览器操作

模拟浏览器的常见操作。 1、最大化浏览器窗口 driver.maximize_window()2、浏览器后退、前进、刷新、关闭、退出 # 调用浏览器的后退 driver.back() # 调用浏览器的前进 driver.forward() # 刷新页面 driver.refresh() # 关闭当前窗口 driver.close() # 退出浏览器 driver.q…...

Ubuntu软件包离线下载安装

1、下载软件包tcpd&#xff0c;并在/var/cache/apt/archives目录中查看。 rooteducoder:~# apt-get install -d tcpd Reading package lists... Done Building dependency tree Reading state information... Done The following NEW packages will be installed:tcpd …...

第十节 MATLAB逻辑运算

MATLAB逻辑运算都是针对元素的操作&#xff0c;运算结果是特殊的逻辑数组&#xff1b;在逻辑分析时&#xff0c;逻辑&#xff08;真&#xff09;用1表示&#xff0c;逻辑假用0表示&#xff0c;逻辑运算中所有的非零元素作为1处理。 注意&#xff1a; 使用MATLAB逻辑运算时的语…...

初识哈希表

一、题意 给定一个整数数组 nums 和一个目标值 target&#xff0c;要求你在数组中找出和为目标值的那两个整数&#xff0c;并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是&#xff0c;数组中同一个元素不能使用两遍。 示例&#xff1a; 给定 nums [2, 7, …...

Ajax与Axios,以及Apifox的入门使用

Ajax与Axios&#xff0c;以及Apifox的入门使用 作者&#xff1a;blue 时间&#xff1a;2025.3.20 文章目录 Ajax与Axios&#xff0c;以及Apifox的入门使用1.Ajax2.Axios3.Apifox的基本使用内容Path 参数定义语法用途 Query 参数定义语法用途 1.Ajax 概念&#xff1a;Asynchr…...

jmm-java内存模型

java内存模型----底层原理 底层原理 从Java代码到最终执行的CPU指令的流程&#xff1a; 最开始&#xff0c;我们编写的Java代码&#xff0c;是*.java文件在编译&#xff08;javac命令&#xff09;后&#xff0c;从刚才的*.java文件会变出一个新的Java字节码文件&#xff08;…...

机器学习——KNN数据均一化

在KNN&#xff08;K-近邻&#xff09;算法中&#xff0c;数据均一化&#xff08;归一化&#xff09;是预处理的关键步骤&#xff0c;用于消除不同特征量纲差异对距离计算的影响。以下是两种常用的归一化操作及其核心要点&#xff1a; 质押 一 、主要思想 1. 最值归一化&#…...

页面元素内容太长,给元素添加title

一、需求 页面元素内容太长&#xff0c;给元素添加title 二、实现 1、直接使用title属性 <div target"_blank" class"text-overflow" title"叉车司机">叉车司机</div> 2、使用tdesign的Popup 弹出层 <t-popup>触发元素&…...

【Git多分支使用教程】

Git多分支使用教程 Git多分支使用手册目录多分支只拉取一个多分支拉取指定几个步骤 1&#xff1a;克隆第一个分支步骤 2&#xff1a;获取其他分支 常见问题与解决方法1. 错误&#xff1a;origin/分支名 is not a commit2. 分支名称冲突3. --single-branch 限制 总结 Git多分支使…...

【408--复习笔记】数据结构

【408--复习笔记】数据结构 1.绪论数据结构基本概念• 请简述数据结构的定义。• 数据结构中数据、数据元素、数据项、数据对象的区别是什么&#xff1f; 算法相关• 什么是算法&#xff1f;算法的五个重要特性是什么&#xff1f;• 如何理解算法的时间复杂度和空间复杂度&…...

使用 Vite 提升前端开发体验:入门与配置指南

在现代前端开发中&#xff0c;构建工具的选择对开发效率和项目性能有着至关重要的影响。Vite 是一个新兴的前端构建工具&#xff0c;由 Vue.js 的作者尤雨溪开发&#xff0c;旨在通过利用现代浏览器的原生 ES 模块特性&#xff0c;提供更快的开发服务器启动速度和更高效的热更新…...

WPS JS宏编程教程(从基础到进阶)--第二部分:WPS对象模型与核心操作

第二部分&#xff1a;WPS对象模型与核心操作 WPS对象的属性、方法、集合 工作簿对象常用表达方式工作表对象常用表达方式单元格对象常用表达方式 单元格操作实战 单元格复制与重定位单元格偏移与尺寸调整 颜色设置专题 索引颜色与RGB颜色按条件动态设置单元格颜色 第二部分&…...

瑞数信息《BOTS自动化威胁报告》正式发布

在数字化时代&#xff0c;BOTS自动化攻击如同一场无声的风暴&#xff0c;正以前所未有的态势席卷全球网络空间。为了让各行业更好地应对自动化威胁挑战&#xff0c;瑞数信息作为BOTS自动化攻击防护领域的专业厂商&#xff0c;多年来持续输出BOTS自动化威胁报告&#xff0c;为各…...

【NUUO 摄像头】(弱口令登录漏洞)

漏洞简介&#xff1a;NUUO 是NUUO公司的一款小型网络硬盘录像机设备。 NUUO NVRMini2 3.0.8及之前版本中存在后门调试文件。远程攻击者可通过向后门文件handle_site_config.php发送特定的请求利用该漏洞执行任意命令。 1.Fofa搜索语句&#xff1a; 在Fofa网站&#xff0c;搜索&…...

Android系统的安全问题 - Linux的能力模型(Capability)和 SELinux 的区别

Linux 的能力模型&#xff08;Capabilities&#xff09;和 SELinux 是两种不同的安全机制&#xff0c;虽然它们都用于增强 Linux 系统的安全性&#xff0c;但它们的实现方式和目标有所不同。 1. Linux Capabilities&#xff08;能力模型&#xff09; 作用&#xff1a;传统的 …...

Rust安装并配置配置vscode编译器

一. 下载rustup-init.exe rust下载网址&#xff1a;Getting started - Rust Programming Language 根据系统&#xff0c;选择适合的exe文件 我选择的的是右边64bit的 打开下载的文件 输入1&#xff0c;回车 二. Visual C 安装 自动下载安装vs 等待安装完毕 三. Rust 安装…...

Spring Boot响应压缩配置与优化

一、核心工作机制 1.1 自动协商触发条件 Spring Boot的响应压缩功能基于智能协商机制&#xff0c;需同时满足以下条件方可触发&#xff1a; 客户端支持&#xff1a;请求头包含Accept-Encoding: gzip/deflate数据量阈值&#xff1a;响应体大小超过预设值&#xff08;默认2KB&…...

el-select开启filterable模式,限制输入框输入类型

遇到el-select开启filterable模式查询&#xff0c;下拉框内容是文字与数字组合版&#xff0c;导致校验不准&#xff0c;且没有属性能直接限制focus输入的内容&#xff0c;这时候可以用自定义属性来解决 实例&#xff1a;&#xff08;以只能输入数字为例&#xff09; <el-for…...

创建login.api.js步骤和方法

依次创建 login.api.js、home.api.js...... login.api.js、home.api.js 差不多 导入到 main.js main.js 项目中使用...

在线运行vscode

安装 https://github.com/coder/code-server?utm_sourcesyndication&pubDate20250317 运行前预览脚本 curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run运行脚本 curl -fsSL https://code-server.dev/install.sh | sh其他 可以通过后台服务运行&am…...

【Nginx】可以做哪些优化?

一、配置文件优化 1.1 性能优化 开启网页压缩 gzip on;设置网页缓存时间expires 缓存时间;设置连接保持超时keepalive_timeout 服务端超时时间 客户端超时时间;设置连接保持最大请求数keepalive_requests设置工作进程数 worker_processes 与服务器CPU数量…...

springboot在feign和线程池中使用TraceId日志链路追踪(最终版)-2

文章目录 简述问题feign调用时给head加入traceIdFeignConfig配置FeignConfig 局部生效feign拦截器和配置合并为一个文件&#xff08;最终版&#xff09;feign异步调用拦截器配置[不常用] 使用TTL自定义线程池为什么需要TransmittableThreadLocal&#xff1f; 总结参考和拓展阅读…...

datawhale组队学习-大语言模型-task5:主流模型架构及新型架构

目录 5.3 主流架构 5.3.1 编码器-解码器架构 5.3.2 因果解码器架构 5.3.3 前缀解码器架构 5.4 长上下文模型 5.4.1 扩展位置编码 5.4.2 调整上下文窗口 5.4.3 长文本数据 5.5 新型模型架构 5.5.1 参数化状态空间模型 5.5.2 状态空间模型变种 5.3 主流架构 在预训…...

《Matplotlib三维可视化工业实践——从分子模拟到流体力学》

目录 ​编辑 一、工业三维可视化挑战 1.1 典型工业场景需求 1.2 技术痛点分析 二、Matplotlib三维可视化基础 2.1 三维坐标体系构建 2.2 核心三维绘图API 三、分子模拟可视化实战 3.1 晶体结构渲染 3.2 分子轨迹动态演示 四、流体力学场数据优化渲染 4.1 矢量场高效…...

【neo4j数据导出并在其他电脑导入】

停止服务 neo4j stop 导出 neo4j-admin database dump neo4j --to-path"C:\Users\12901\Downloads\test folder" 导入 将 .dump 文件放在一个目录中 mkdir /root/dump-directory mv /root/neo4j.dump /root/dump-directory/ 使用包含 .dump 文件的目录路径作为 …...

多智能体融合(Multi-Agent Fusion)

多智能体融合&#xff08;Multi-Agent Fusion&#xff09;是指在多智能体系统&#xff08;MAS, Multi-Agent System&#xff09;中&#xff0c;多个智能体&#xff08;Agent&#xff09;通过协作、竞争或共享信息&#xff0c;实现全局最优的智能决策和任务执行。该方法广泛应用…...

状态模式(State Pattern)

状态模式&#xff08;State Pattern&#xff09; 如果任务的执行过程是有多个不同状态的&#xff08;比如初始化、运行中、完成等&#xff09;&#xff0c;你可以使用状态模式。每个状态可以有不同的行为&#xff0c;使得任务的状态管理更加清晰和可维护。 示例&#xff1a; …...

Linux网站搭建(新手必看)

1.宝塔Linux面板的功能 宝塔面板是一款服务器管理软件&#xff0c;可以帮助用户建立网站&#xff0c;一键配置服务器环境&#xff0c;使得用户通过web界面就可以轻松的管理安装所用的服务器软件。 2. 宝塔Linux面板的安装 宝塔官网地址&#xff1a;宝塔面板 - 简单好用的Linu…...

JavaEE进阶---Mybatis(预编译SQL即时SQL动态SQL标签池化技术说明)

文章目录 1.经典面试题&#xff08;#{}和${}的区别&#xff09;1.1关于#1.2关于$1.3情况下需要使用$ 2.数据库连接池2.1池化技术图解 3.动态SQL3.1if标签的使用3.2where标签的使用3.3set标签的使用 1.经典面试题&#xff08;#{}和${}的区别&#xff09; 1.1关于# 预编译SQL&a…...

Object.defineProperty()Proxy详解(Vue23数据劫持实现)

底层原理&#x1f447;&#x1f3ff; 总结一下&#xff0c;结构应该包括&#xff1a; 1. 方法的基本作用和参数。 2. 数据描述符和存取描述符的区别。 3. 属性定义的内部处理流程。 4. 在Vue中的应用实例。 5. 常见错误和正确实践。 每个部分都要结合搜索结果的信息&…...

网页的性能优化

面试中如何回答"前端性能优化"问题 在面试中回答性能优化问题时&#xff0c;建议采用结构化表达方式&#xff0c;展示你的系统化思维和实战经验。以下是一个推荐的回答框架&#xff1a; 1. 开场概述 “前端性能优化是一个系统工程&#xff0c;我通常会从加载性能、…...

Vue 3中的Teleport:超越组件边界的渲染

Vue 3引入了许多新特性&#xff0c;其中之一便是Teleport。它为开发者提供了一种强有力的方式来控制组件的渲染位置&#xff0c;使得我们可以将组件的内容“传送”到DOM树的任何地方&#xff0c;而不仅仅局限于其父级组件的边界内。这在创建模态框、通知系统或任何需要脱离当前…...

JVM垃圾回收笔记01-垃圾回收算法

文章目录 前言1. 如何判断对象可以回收1.1 引用计数法1.2 可达性分析算法查看根对象哪些对象可以作为 GC Root ?对象可以被回收&#xff0c;就代表一定会被回收吗&#xff1f; 1.3 引用类型1.强引用&#xff08;StrongReference&#xff09;2.软引用&#xff08;SoftReference…...

3.26学习总结

今天主要学习了内部类&#xff0c;但总感觉有点混乱&#xff0c;和之前的抽象啊&#xff0c;接口&#xff0c;多态等概念联系在一起感觉更混乱了&#xff0c;所以打算先把最近学的理清一遍&#xff0c;敲一遍代码再往后学...

京东--数据开发实习生--保险业务部门--一面凉经

Base&#xff1a; 本人投递的是后台开发岗位&#xff0c;调剂到数据开发岗位&#xff0c;京东的数据开发也做后台开发方面的工作&#xff0c;还包括算法、策略、数据挖掘和数据平台搭建之类的职责。面试内容基本只会问简历上的&#xff0c;在此基础上再去考察岗位职责相关的内…...