前端三件套的作用基本理解
HTML:负责页面中的文本、图片等内容展示,也就是页面结构和内容。
CSS:负责页面中各个对象的位置、样式和布局表现。
JavaScript:负责页面交互和动态效果。
知识点总结
HTML 决定页面有什么。
CSS 决定页面长什么样、怎么排版。
JavaScript 决定页面怎么动、怎么交互。
复习表达前端开发的核心基础是 HTML、CSS 和 JavaScript。其中 HTML 负责页面结构和内容,比如文本、图片等;CSS 负责样式、布局和位置;JavaScript 负责交互逻辑和动态效果。这三者配合起来共同完成一个完整的前端页面。
环境安装– VSCode 常用插件安装1. HTML CSS Support
提供 HTML 中的 CSS 智能提示功能。
在编写页面结构和样式相关代码时更方便,能提升开发效率。
2. Live Server
用于启动本地开发服务器。
写完代码后可以直接在浏览器中实时查看页面效果。
修改代码后页面会自动刷新,方便调试。
3. Auto Rename Tag
在修改开始标签或结束标签时,另一侧标签会自动同步修改。
可以 ...
你好我在使用hexo-pro插件进行编辑。
阿里云服务器+域名。
12345678cd \\\\\x7e/my-blog # 进入博客目录hexo cleanhexo g # 生成静态文件hexo s # 启动本地服务器# 默认 Hexo 会在 localhost:4000 启动,你可以执行:hexo s -i 0.0.0.0 # 然后在本地浏览器访问你的服务器公网 IP:http://xx.xxx.xx.xxx:4000/pro 进行博客上传与提交
嵌入式系统结构:嵌入式微处理器
中央处理单元(CPU)
浮点运算单元(FPU)
图形处理单元(GPU)— 矩阵运算(MIT线代课程)
Intel核 指令系统ARM核
外围硬件设备
存储器(内存条图片)
ROM— BIOS(引导程序,掉电保留)
RAM— 主内存、缓存
SSD— 固态硬盘 非易失去
Flash— 闪存 非易失性存储器
内存设备分类:
分类
类型
特点
典型代表
易失性存储器
RAM
断电后数据丢失,读写速度快
DRAM、SRAM
Cache
位于 CPU 和主内存之间,速度最快
L1 Cache、L2 Cache
非易失性存储器
ROM
断电后数据保留,通常只读
PROM、EPROM、EEPROM
Flash Memory
非易失性,读写速度快,适合大容量存储
NOR Flash、NAND Flash
SSD
基于 NAND Flash,速度快,抗震性强
SATA SSD、NVMe SSD
HDD
基于磁盘和磁头,容量大,速度较慢
传统机械硬盘
按访问速度
高速存储器
速度最快,容量最小
Cache、SRAM
...
JavaScript DOM 表格增删改查功能说明
这是一个基于 DOM 操作实现的表格增删改查小案例。
主要实现了:
新增表格行
删除指定行
编辑指定行内容
涉及的核心知识点
document.getElementById()
table.rows.length
insertRow()
insertCell()
innerHTML
parentNode
removeChild()
cells[]
prompt()
新增数据核心思路
先获取表格对象
再获取当前表格的总行数
按照末尾位置插入新行
再给这一行插入 3 个单元格
最后填入默认内容和操作按钮
12345678910111213function addROW() { var table = document.getElementById("table"); var length = table.rows.length; var newRow = table.insertRow(length); var nameCol = newRow.insertCell(0); ...
JavaScript DOM什么是 DOM
在 Web 开发中,DOM 通常和 JavaScript 一起使用。
当网页被加载时,浏览器会创建页面的文档对象模型,也就是 DOM,全称 Document Object Model。
每个 HTML 或 XML 文档都可以被看作一棵文档树。
文档树是整个文档层次结构的表示。
文档节点是整个文档树的根节点。
DOM 为这棵文档树提供了编程接口,开发者可以使用 JavaScript 来操作页面结构。
节点树理解
整个页面可以理解成一棵树。
根节点通常是 <html>。
根节点下面通常分为 <head> 和 <body>。
再往下会有标题、链接、文本、属性等不同节点。
常见 DOM 获取方式通过 ID 获取元素1document.getElementById("box1");
返回单个元素对象。
一般用于获取唯一元素。
通过 class 获取元素1document.getElementsByClassName("box2");
返回 HTMLCollect ...
JavaScript 事件基本概念
事件是文档或浏览器窗口中发生的某个特定瞬间。
比如按钮点击、鼠标经过、输入框获得焦点、页面加载等都属于事件。
常见事件
onClick:点击事件
onMouseOver:鼠标经过
onMouseOut:鼠标移出
onChange:文本内容改变事件
onSelect:文本框选中
onFocus:光标聚焦
onBlur:移开光标
事件绑定方式JavaScript 常见事件绑定方式有三种:
HTML 属性
DOM 属性
addEventListener 方法
当前课堂代码主要演示的是 HTML 属性绑定方式。
课堂完整示例代码12345678910111213141516171819202122232425<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device ...
实验环境
打开实验箱,正确连接电源线、网线和串口线;
打开设备管理器,确定下位机连接的端口号为(本次COM1);
打开Xshell,新建一个连接,选择串口通信(最下面),波特率设置为115200,点击连接,连接成功;
打开VMware,启动虚拟机
查看宿主机(Fedora系统)与下位机的ip地址,ifconfig命令,确保二者在同一个网段
在两个机子中互相ping,保证互相可以ping;
将宿主机挂载到下位机,mount -t nfs -o nolock 192.168.12.198:/home/upteach/ /mnt/nfs(命令中ip地址是宿主机Fedora)
实验环境搭建完成,执行代码
实验中遇到的问题网络连接
如果桥接模式手动选择了错误的网络接口(例如选择了未连接的网络接口),虚拟机将无法与物理网络通信,出现以下错误:
Fedora 系统中
下位机xshell中
网络接口选择错误: 如果桥接模式手动选择了错误的网络接口(例如选择了未连接的网络接口),虚拟机将无法与物理网络通信。
网络配置问题: 虚拟机可能没有正确获取 IP 地址,或者网络路由配置不 ...
JavaScript 函数基本概念
函数是一段可以重复使用的代码块。
函数可以接收输入,也就是参数。
函数可以执行特定任务,并返回结果。
基本语法1234function function_name(参数1, 参数2, 参数3) { // 函数体 return 返回值;}
参数可以不写,表示不传参。
return 是可选的,用来返回结果。
无参函数12345function hello() { console.log("Hello, World!");}hello();
有返回值的函数123456function hello_return() { return "Hello World! -- 返回值";}let message = hello_return();console.log(message);
带参数的函数12345function hello_name(name) { return "Hello, " + name + ...
基本概念题(共10分,每小题2分)第一章
什么是软件?答:是能够完成预定功能和性能,并对相应数据进行加工的程序和描述程序及其操作的文档。
软件 = 程序 + 数据 + 文档
什么是软件危机?答: 软件危机是指在软件开发、维护过程中所存在的一系列严重、或致命的问题。目前,几乎所有软件都不同程度地存在这类问题。
什么是软件工程?答:① 软件工程是开发、运行、维护和修复软件的系统方法,是一门工程学科,即采用工程的概念、原理、技术和方法来开发和维护软件。② 软件工程是把系统的、 有序的、 可量化的方法应用到软件的开发、 运营、和维护上的过程。
什么是软件生命周期?答:软件生命周期又称作软件生存周期、系统开发生命周期,是指从提出开发软件产品开始,直到软件报废为止的全过程。
2、主要包括软件定义、开发和运行三个阶段,每个阶段又可进—步划分成若干个子阶段。3、划分方法:定义阶段:是对软件进行一个初步的分析,确定软件要完成的总目标、制定软件开发计划、完成软件的可行性分析,并确切回答系统要解决的问题是什么?开发阶段:设计和实现在前一个时期定义的软件,主要体现为系统设计(总体设计 ...
JavaScript 基本语法变量声明var
var 可以用来声明变量。
早期 JavaScript 中使用较多。
let
let 用来声明变量。
一般用于后续值可能变化的场景。
const
const 用来声明常量。
通常用于不希望被重新赋值的数据。
常见基础值undefined
变量声明了但还没有赋值时,值通常是 undefined。
null
null 表示空值,通常表示“这里目前没有内容”。
字符串和数字
字符串示例:"Alice"
数字示例:5、3.14
变量提升与作用域
JavaScript 中有变量提升这个概念。
课堂代码中通过 var x; 和后面的输出演示了变量声明后的默认值表现。
现阶段可以先理解为:变量在使用前要先声明,不同声明方式在作用域和使用规则上有区别。
条件语句if
当条件为真时执行对应代码块。
123if (condition) { // 条件为真时执行}
if…else
当条件为真执行 if 代码块,否则执行 else 代码块。
12345if (condition) { ...



















