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

前端扫盲HTML

news 来源：原创 2025/8/7 11:20:55

文章目录

    • 下载、安装、运行第一个代码（hello world）
    • 创建代码文件
    • 编辑代码（hello world）
    • HTML常见标签
      • 注释标签
      • 标题标签
      • 段落标签
      • 换行标签
      • 格式化标签
      • 图片标签
      • 表格标签
      • 列表标签
      • 表单标签
      • 下拉菜单
      • 无语义标签
    • 参考文档

下载、安装、运行第一个代码（hello world）

开发：是在程序员的电脑上完成的写代码的过程

运行：则是在用户的电脑上完成具体的程序跑起来的过程

一次开发，N次运行

我们学习HTML的时候用什么软件？浏览器

市面上主流的浏览器有：

  1. IE（早期windows自带的，现在已经变成edge）
  2. chrome（当前最牛逼的浏览器）
  3. firefox（知名的一个浏览器，好用不火）
  4. safari（苹果系统自带的一个浏览器）
  5. Opera（相对小众的浏览器）

要浏览器有什么用?
众所周知，网页就是跑在浏览器上的，而一个好的浏览器会代码提供一个稳定的运行环境，其功能就是解析运行网页（HTML，CSS，JS）

那么浏览器用什么语言写的?

  • C++，性能要求极高的场景，都是C++为主，浏览器内核也是如此~~（和JVM差不多）

前端开发的主流环境有两个：

  1. JB系列
    IDEA如果是专业版（教育版），本身是支持前端的，或者也可以用JB提供WebStore，缺点就是收费
  2. VSCode
    免费，但体验要比WebStore差一点（但是免费啊）
  3. 注意：
    VSCode（轻量级开发工具）!= Visual Studio（重量级开发工具）

创建代码文件

使用VSCode编写代码

  1. 下载 微软官网

  1. 一直一下一步就可以了
  2. 打开软件


在商店里搜索Chinese (Simplified) (简体中文)

  1. 使用软件

使用VSCode：

  • vscode和idea相比更简单
  • idea用的时候，需要创建一个项目，创建过程中药配置很多东西
  • 而vscode则没有“项目”这个概念，都是使用目录来组织的
  • 就可以选择一个你当前想要代码的目录，打开这个目录（打开目录就相当于这个目录作为项目目录）
  1. 下一步就是选择一个放代码的目录


  1. 创建代码文件


编辑代码（hello world）

我的第一个代码（hello word）

<html><hea></head><body>hello world!</body></html>
  • 写完代码后一定要记住保存ctrl + s，或者开始vscode的自动保存就可以如下图：


  • 怎么运行呢，我需要看我的代码运行结果？运行仍然是用浏览器运行

  • 这个时候选择web应用（chome）运行

  • 或者打开文件资源管理器，在弹出的文件资源管理器中，双击或者拖拽到浏览器中运行，此时就跑起来了

这个时候就可以运行了可以看到hello world已经显示出来了

现在我们研究一下代码的特点

  1. html代码是通过标签来组织的，形如用尖括号组织的，成对出现的这个东西就是标签（tag），也叫做元素（element）
  2. 一个标签通常是成对出现的，
    <html>开始标签
    </html>结束标签
    这两之间，是标签的内容
  3. 标签是可以嵌套的
    一个标签的内容可以是其他一个或者多个标签，此时，这些标签构成了一个【树形结构】
  4. 可以在开始标签中，给标签赋予属性（Attribute）,属性相当于是建值对，可以有一个或者多个

HTML基本的语法结构，就是这几个简单的规则
下一步要了解的是当前HTML中都支持哪些标签，每个标签是干啥的？以及每个标签有哪些关键属性

  1. html这是一个html文件最顶层标签，树根节点
  2. head存放了这个页面的一些属性（原数据，meta data）
  3. body存放了这个页面包含哪些内容

刚才我们写hello world这个是一个一个敲的，还有更简便的方法

注意：这里输入的感叹号是英文的，中文的可不行

可以看到这里面的东西已经帮我们写好了，我们只需要在body标签里写helloworld就可以了

那么这里面都有什么我们来介绍一下：

  1. 声明了一下文件类型，是html文件
<!DOCTYPE html>
  1. lang =>language缩写，en=>english描述了网页中的语言是英语
<html lang="en">
  1. 此处的meta标签，是单标签（只有开始标签，没有结束标签）
    tittle标签是描述了网页的标题，如果更改了这里面的内容网页上面标题也会发生改变
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head>

HTML常见标签

注释标签

代码的注释，HTML的注释，和一般语言的注释，差别很大！

<!--这是一个注释-->

像是// /**/ #这些都不是html中的合法注释
注释不能随便乱写！！！，尤其是不要带有负能量
这样写比较麻烦，但是可以使用快捷键ctrl+/就可以快速注释

标题标签

标题标签：h1~h6

<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>

  • 每个标题标签都是独占一行的，与代码的编写无关
  • 在html里面标签是否换行，和代码无关，而是和你标签自身有关（有的标签独占一行，有的标签不占）
  • 在html源代码中写的换行会被忽略，写的空格，多个连续空格有的时候会被视为一个

段落标签

段落标签：p

<p>这是一个段落 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur nostrum minus voluptas, dolor provident eveniet itaque. Illum, magnam quis perspiciatis asperiores vitae soluta sint adipisci ut suscipit sequi voluptatem non!Lorem</p>


其中lorem那段文字是vscode帮我们自动提供的一段随机的文本，帮助我们调试显示效果，只需要输入lorem按tab


每个段落之前，不光是要换行，同时还有一个明显的段落间距

  • 那么段落间距可以调整吗？
    • 需要通过css才能调，当前html自身调不了

换行标签

换行标签：br
这是一个单标签

<br>

格式化标签

格式化标签：

<strong>变粗</strong><b>变粗</b><em>倾斜</em><i>倾斜</i><del>删除线</del><s>删除线</s><ins>下划线</ins><u>下划线</u>

  • 注意！！！上述讲过的标签所有标签，都不需要背！！！！
    上列列出的这些标签都是比较常用的标签，后面会大量用到
  • 这些标签都是不独占一行的，想要换行就要加上<br>标签

图片标签

  • 在网页上时可以显示图片的，包括报纸上也是有图片的~~
  • img有个核心属性，src（必填项）
  • src描述了该图片的路径（路径可以是一个本地的绝对路径，也可以是一个相对路径，还可以是网络路径）

绝对路径：写出盘符的绝对位置

相对路径：html的工作目录就是该html文件所在的目录



如果我将图片移动到别的文件夹了，图片还会显示吗，答案是不会的，那么就要更改相对路径的位置


还没完，那么我再创建一个文件夹，创建一个hello.html的文件，那么怎么找到上一级目录文件夹里的图片呢？

这简单，只需要加入../就可以了

  • 这个标签还可以写网络路径，就是可以直接写个网址
  • 网上找个图片，然后右键图片，复制图片地址，就得到了网络地址

这样也可以显示出来了

alt属性：

alt属性就是当图片没有正常加载的时候，就会报里面的信息，下面来演示一下，当我故意写错地址的时候：

title属性：
就是当鼠标悬停在图片上，会给出一个提示：

width/height属性：

  • 一个宽度，一个高度描述图片的尺寸
  • 宽度和高度可以同时设置，也可以只设置一个，如果只设置一个，另一个会等比例缩放
  • 当我设置成50px的时候图片就会缩小，其中的px就是像素（就是平时我们拍照的时候相机的那个像素），这是在前端开发中最常用的单位（当然也有别的单位）


超链接标签：

<a href="https://baidu.com">百度</a>
  • “链接”link（快捷方式）
  • “超”链接跳转到别的页面，可以是当前网站之外的


target属性：

  • 一般写作target="_blank"就可以打开一个新的标签页（而不会替换原有的页码）

点击一下就可以新开一个页面：

表格标签

  • table表示整个表格
  • tr表示一行
  • td表示一个单元格
  • th表示表头中的一个单元格
<table><tr><th>姓名</th><th>电话</th></tr><tr><td>张三</td><td>111111</td></tr><tr><td>李四</td><td>222222</td></tr><tr><td>王五</td><td>333333</td></tr></table>

可以看到th标签是自动加粗的

那么有同学会说，这也不像表格啊
那么我们就让他更像一些

<table width="500px" height="300px" border="1px" cellspacing="0">

那么都是什么意思呢？

  • width是宽度
  • height是高度
  • border是网格线的像素
  • cellspacing是将网格线变成一根线

在head标签里面加上一段css代码

<style>td{text-align: center;}
</style>

这个操作就是让页面中的所有td标签中的文字都水平居中

列表标签

ol：有序列表（ordered list）
ul：无序列表（unorderde list）
li :列表项（list item）

<!--有序列表-->
<ol><h3>名字</h3><li>张三</li><li>李四</li><li>王五</li></ol><!--无序列表-->
<ul><h3>名字</h3><li>张三</li><li>李四</li><li>王五</li></ul>

  • 有序列表：排序分先后
  • 无序列表：排名不分先后

在浏览器中，按下F12/右键->检查元素，就可以打开浏览器中的“开发者工具”，借助这个工具就可以看到这个页面怎么实现的！！！

表单标签

表单是让用户输入信息的重要途径
分成两个部分：

  • 表单域：包含表单元素的区域，重点是form标签
  • 表单控件：输入框，提交按钮等。重点是input标签

form标签（核心）

<form action="test .htm1">... [form 的内容]
</form>

描述了要把数据按照什么方式，提交到哪个页面中

使用form进行前后端交互，把页面上，用户进行的操作/输入提交到服务器上

input标签：

有很多形态，能够表现成各种用户来输入的组件~~

  • type(必须有),取值种类很多多, button, checkbox, text, file,image, passworld, radio 等
  • name:给 input 起了个名字.尤其是对于单选按钮, 具有相同的name 才能多选一.
  • value: input 中的默认值.
  • checked: 默认被选中(用于单选按钮和多选按钮)
  • maxlength: 设定最大长度
  1. 文本框
<input type="text">

  1. 密码框
<input type="password">

  1. 单选按钮
    请选择性别<input type="radio" name="gendder" checked="checked">男<input type="radio" name="gendder">女

对于单选框，需要加一个name属性
name属性相同的单选框值之前是互斥的
checked="checked"是默认选中的

  1. 复选框

复选框就是可以选择多个

<input type="checkbox">吃饭
<input type="checkbox">睡觉
<input type="checkbox">学习


这个复选框也是支持默认选中需要加上checked="checked"

  1. 按钮
<input type="button" value="我是一个按钮">


对于按钮点击之后要干啥，需要通过js来配合
列如：点击一下按钮，弹出一个提示框

<input type="button" value="我是一个按钮" onclick="alert('hello')">

  1. 提交按钮（搭配form使用）

type=“submit”
外表和button是差不多的，会触发form和服务器的交互~~

暂时不说，后面会详细讲

  1. 文件选择框
 <input type="file">

input标签的功能是很丰富的，和用户交互最主要的一个标签之一

下拉菜单

select 标签：

  • option 中定义 selected=“selected” 表示默认选中
<select><option>--请选择年份--</option><option>1991</option><option>1992</option><option>1993</option><option>1994</option><option>1995</option></select>

注意! 可以给的第一个选项, 作为默认选项

<select><option>北京</option><option selected="selected">上海</option></select>

textarea 标签：

  • 文本域中的内容, 就是默认内容, 注意, 空格也会有影响.
  • rows 和 cols 也都不会直接使用, 都是用 css 来改的.

上述这些标签也可以称为是“控件”，构成一个图形化界面的基本元素

无语义标签

无语义标签: div & span

div 标签, division 的缩写, 含义是分割
span 标签, 含义是跨度，就是两个盒子，用于网页布局

  • div 是独占一行的, 是一个大盒子.
  • span 不独占一行, 是一个小盒子.
<div><span>咬人猫</span><span>咬人猫</span><span>咬人猫</span></div><div><span>兔总裁</span><span>兔总裁</span><span>兔总裁</span></div><div><span>阿叶君</span><span>阿叶君</span><span>阿叶君</span></div>

参考文档

MDN HTML介绍
MDN HTML文档

相关文章：

前端扫盲HTML

文章目录 下载、安装、运行第一个代码&#xff08;hello world&#xff09;创建代码文件编辑代码&#xff08;hello world&#xff09;HTML常见标签注释标签标题标签段落标签换行标签格式化标签图片标签表格标签列表标签表单标签下拉菜单无语义标签 参考文档 下载、安装、运行第…...

编程日记 2025/8/7 11:20:55

RAG与微调：企业知识库落地的技术选型

从本质上看&#xff0c;RAG是"让模型查阅外部知识"&#xff0c;而微调是"让模型学会并内化知识"。这一根本差异决定了它们在不同场景下的适用性。 技术选型的关键依据 场景RAG微调说明模型定制化需求❌✅微调更适合塑造特定风格、口吻和人格特征硬件资源…...

编程日记 2025/8/6 1:03:27

Linux安全篇 --firewalld

一、Firewalld 防火墙概述 1、Firewalld 简介 firewalld 的作用是为包过滤机制提供匹配规则(或称为策略)&#xff0c;通过各种不同的规则告诉netfilter 对来自指定源、前往指定目的或具有某些协议特征的数据包采取何种处理方式为了更加方便地组织和管理防火墙,firewalld 提供…...

编程日记 2025/8/6 20:33:07

关于Android Studio for Platform的使用记录

文章目录 简单介绍如何使用配置导入aosp工程配置文件asfp-config.json 简单介绍 Android Studio for Platform是google最新开发&#xff0c;用来阅读aosp源码的工具 详细的资料介绍&#xff1a; https://developer.android.google.cn/studio/platform 将工具下载下来直接点击…...

编程日记 2025/8/7 11:19:23

搜索引擎工作原理｜倒排索引｜query改写｜CTR点击率预估｜爬虫

写在前面 使用搜索引擎是我们经常做的事情&#xff0c;搜索引擎的实现原理。 什么是搜索引擎 搜索引擎是一种在线搜索工具&#xff0c;当用户在搜索框输入关键词时&#xff0c;搜索引擎就会将与该关键词相关的内容展示给用户。比较大型的搜索引擎有谷歌&#xff0c;百度&…...

编程日记 2025/8/7 7:34:44

【找工作系列①】【大四毕业】【复习】巩固JavaScript，了解ES6。

文章目录 前言Tasks:复习笔记&#xff1a;JavaScript是什么&#xff1f;JavaScript有什么用或者换句话说 是做什么的&#xff1f;JavaScript由哪几部分组成&#xff1f;BOM?DOM?html文件中script标签放在哪里?&#x1f9e9; 1. **放在 ****<head>**** 中**✅ 优点&…...

编程日记 2025/8/5 23:32:11

Oracle 11.2.0.4 pre PSU Oct18 设置SSL连接

Oracle 11.2.0.4 pre PSU Oct18 设置SSL连接 1 说明2 客户端配置jdk环境3服务器检查oracle数据库补丁4设置ssla 服务器配置walletb 上传测试脚本和配置文件到客户端c 服务器修改数据库侦听和sqlnet.orad 修改客户端的sqlnet.ora和tnsnames.ora的连接符e 修改java代码的数据连接…...

编程日记 2025/8/7 11:20:53

本地部署开源网盘系统 kiftd 并实现外部访问（Linux 版本）

kiftd 是一款专为个人、团队及小型组织设计的开源网盘系统&#xff0c;兼具便捷性、跨平台兼容性与丰富的功能&#xff0c;成为替代传统文件共享工具的理想选择。 本文将详细介绍如何在 Linux 系统本地部署 kiftd 并结合路由侠实现外网访问本地部署的 kiftd 。 第一步&#x…...

编程日记 2025/8/7 11:20:54

ECS/GEM是半导体制造业的标准通信协议中host和equipment的区别是什么，在交互过程中，如何来定位角色谁为host，谁为equipment

文章目录 一、角色定义与核心区别1. Host&#xff08;主机&#xff09;2. Equipment&#xff08;设备&#xff09;3. Host与Equipment的核心区别 二、交互过程中的角色定位1. 交互方向2. 控制层级3. 交互过程中角色的定位方法3.1. 通信发起方向3.2. 协议功能与状态管理3.3. 物理…...

编程日记 2025/8/1 16:14:27

5000 字总结CSS 中的过渡、动画和变换详解

CSS 中的过渡、动画和变换详解 一、CSS 过渡&#xff08;Transitions&#xff09; 1. 基本概念 CSS 过渡是一种平滑改变 CSS 属性值的机制&#xff0c;允许属性值在一定时间内从一个值逐渐变化到另一个值&#xff0c;从而创建流畅的动画效果。过渡只能用于具有中间值的属性&…...

编程日记 2025/8/7 11:19:24

2025年渗透测试面试题总结-安恒[实习]安全工程师（题目+回答）

网络安全领域各种资源&#xff0c;学习文档&#xff0c;以及工具分享、前沿信息分享、POC、EXP分享。不定期分享各种好玩的项目及好用的工具&#xff0c;欢迎关注。 目录 安恒[实习]安全工程师 一面 1. 自我介绍 2. 前两段实习做了些什么 3. 中等难度的算法题 4. Java的C…...

编程日记 2025/8/3 21:23:42

WebXR教学 09 项目7 使用python从0搭建一个简易个人博客

WebXR教学 09 项目7 使用python从0搭建一个简易个人博客&#xff08;1&#xff09; 前期设计规划 功能 呈现个人博客文章 技术选型 HTMLCSSJSPythonFlask 环境准备 VS Code Python3.8 代码实现 包 # 创建虚拟环境&#xff08;-m 会先将模块所在路径加入 sys.path,更适…...

编程日记 2025/8/6 22:50:09

c++从入门到精通（五）--异常处理，命名空间，多继承与虚继承

异常处理 栈展开过程&#xff1a; 栈展开过程沿着嵌套函数的调用链不断查找&#xff0c;直到找到了与异常匹配的catch子句为止&#xff1b;也可能一直没找到匹配的catch&#xff0c;则退出主函数后查找过程终止。栈展开过程中的对象被自动销毁。 在栈展开的过程中&#xff0c…...

编程日记 2025/8/7 11:19:23

开源安全大模型Foundation-Sec-8B实操

一、兴奋时刻 此时此刻，晚上22点55分，从今天早上6点左右开始折腾，花费了接近10刀的环境使用费，1天的休息时间，总算是把Foundation-Sec-8B模型跑起来了，中间有两次胜利就在眼前，但却总在远程端口转发环节出问题，让人难受。直到晚上远程Jupyter访问成功那一刻，眉开眼笑，…...

编程日记 2025/8/3 21:59:12

现代优化算法全解析：禁忌搜索算法、模拟退火算法、遗传算法、蚁群优化算法、人工神经网络

现代优化算法全解析&#xff1a;禁忌搜索算法、模拟退火算法、遗传算法、蚁群优化算法、人工神经网络 引言&#xff1a;为什么需要优化算法&#xff1f; 在当今这个数据驱动的时代&#xff0c;优化算法已成为计算机科学、工程设计、人工智能等领域的核心工具。无论是训练神经…...

编程日记 2025/8/3 22:49:31

Docker常见命令解读

上图是对docker常见命令的一个图解&#xff0c;方便大家理解&#xff0c;下面&#xff0c;我将对这些命令做一些解释。 一、镜像生命周期管理 1. 镜像构建&#xff08;Build&#xff09; docker build -t my-image . # 根据Dockerfile构建镜像 ​Dockerfile​&#xff1a;…...

编程日记 2025/8/6 18:56:25

为什么 Docker 建议关闭 Swap

在使用 Docker 时&#xff0c;关闭系统 Swap&#xff08;交换分区&#xff09; 是一个常见的推荐做法&#xff0c;尤其是在生产环境中。虽然 Docker 不强制要求禁用 Swap&#xff0c;但出于性能、稳定性、可控性和资源管理的目的&#xff0c;通常建议这样做。 为什么 Docker 建…...

编程日记 2025/8/3 22:56:05

TIFS2024 | CRFA | 基于关键区域特征攻击提升对抗样本迁移性

Improving Transferability of Adversarial Samples via Critical Region-Oriented Feature-Level Attack 摘要-Abstract引言-Introduction相关工作-Related Work提出的方法-Proposed Method问题分析-Problem Analysis扰动注意力感知加权-Perturbation Attention-Aware Weighti…...

编程日记 2025/8/6 5:05:52

WPS PPT设置默认文本框

被一个模板折磨了好久&#xff0c;每次输入文本框都是很丑的24号粗体还有行标&#xff0c;非常恶心&#xff0c;我甚至不知道如何描述自己的问题&#xff0c;非常憋屈&#xff0c;后来终于知道怎么修改文本框了。这种软件操作问题甚至不知道如何描述问题本身&#xff0c;非常烦…...

编程日记 2025/8/6 10:45:20

支持selenium的chrome driver更新到136.0.7103.94

最近chrome释放新版本&#xff1a;136.0.7103.94 如果运行selenium自动化测试出现以下问题&#xff0c;是需要升级chromedriver才可以解决的。 selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only su…...

编程日记 2025/8/2 13:35:33

“下一辆车还买小米”

大家好&#xff0c;我是小悟。 就在5月13日&#xff0c;江西上饶德兴街头&#xff0c;一辆紫色小米SU7 Max停在路边&#xff0c;却遭遇了一场堪比灾难片的意外。 一辆满载货物的大货车因手刹故障溜坡&#xff0c;径直撞向SU7&#xff0c;两车从两米高的落差坠落&#xff0c;货…...

编程日记 2025/8/3 19:00:44

opencv4.11生成ArUco标记 ArUco Marker

从opencv4.7开始aruco有了一些变化 以下是opencv4.11生成ArUco标记的小例子 #include <iostream> #include <opencv2/opencv.hpp> #include <opencv2/objdetect/aruco_detector.hpp>int main() {cv::Mat markerImage;cv::aruco::Dictionary dictionary cv…...

编程日记 2025/8/3 16:20:16

从辅助到协作：GitHub Copilot的进化之路

如果说现代程序员的标配工具除了VS Code、Stack Overflow之外&#xff0c;还有谁能入选&#xff0c;那一定是GitHub Copilot。从2021年首次亮相&#xff0c;到如今深度集成进开发者日常流程&#xff0c;这个“AI编程助手”已经不只是写几行自动补全代码的小帮手了&#xff0c;而…...

编程日记 2025/8/7 5:30:28

QMK 宏（Macros）功能详解（实战部分）

QMK 宏（Macros）功能详解（实战部分） 一、宏的基本概念与作用 宏（Macros）是 QMK 固件中一项强大的功能，它允许您在按下单个按键时执行多个按键操作。通过宏，您可以： 输入常用短语或文本执行复杂的按键组合自动化重复性操作触发系统功能或快捷键🔔 安全提示：虽然可以…...

编程日记 2025/8/4 4:48:54

SVN 版本控制入门指南

SVN 版本控制系统详细入门指南 一、SVN 基础概念详解 1. 什么是版本控制&#xff1f; 版本控制是一种记录文件变化的系统&#xff0c;可以&#xff1a; 追踪文件的修改历史查看每次修改的内容恢复到任意历史版本协调多人协作开发 2. SVN 核心概念 2.1 仓库&#xff08;Re…...

编程日记 2025/8/2 13:52:58

6to4、6over4的类比解释

本文由deepseek生成&#xff0c;特此声明 1. 6to4&#xff1a;自动的“快递中转站” 类比场景&#xff1a; 假设你住在一个偏远的小镇&#xff08;IPv6网络&#xff09;&#xff0c;周围被大海&#xff08;IPv4互联网&#xff09;包围&#xff0c;你想给另一个偏远小镇&#…...

编程日记 2025/8/2 13:23:00

跨国应用程序的数据存储方案常见的解决方案

一、数据隐私与合规性 跨国数据存储方案必须遵守不同国家和地区的数据隐私法律和规定，例如： GDPR（欧盟一般数据保护条例）CCPA（加利福尼亚消费者隐私法案）各国的本地数据存储法规解决方案： 采用本地化存储：在不同国家或地区设立数据存储中心，以遵循当地的法律和隐私要…...

编程日记 2025/8/3 15:32:02

JSP链接MySQL8.0（Eclipse+Tomcat9.0+MySQL8.0）

所用环境 Eclipse Tomcat9.0 MySQL8.0.21(下载&#xff1a;MySQL Community Server 8.0.21 官方镜像源下载 | Renwole&#xff09; mysql-connector-java-8.0.21&#xff08;下载&#xff1a;MySQL :: Begin Your Download&#xff09; .NET Framework 4.5.2&#xff08;下…...

编程日记 2025/8/2 23:26:36

基于KAN+Transformer的专业领域建模方法论

一、专业领域KAN方法创新路径 1. ​​领域函数分解策略​​ ​​数学建模​​&#xff1a;针对专业领域特性设计专用基函数组合 ​​医学影像​​&#xff1a;采用小波变换基函数分解图像特征 class WaveletKAN(nn.Module): def __init__(self): self.wavelet_basis nn.Par…...

编程日记 2025/8/2 17:08:36

Go语言 Gin框架 使用指南

Gin 是一个用 Go (Golang) 编写的 Web 框架。 它具有类似 martini 的 API&#xff0c;性能要好得多&#xff0c;多亏了 httprouter&#xff0c;速度提高了 40 倍。 如果您需要性能和良好的生产力&#xff0c;您一定会喜欢 Gin。Gin 相比于 Iris 和 Beego 而言&#xff0c;更倾向…...

编程日记 2025/8/1 17:58:33

内容安全：使用开源框架Caffe实现上传图片进行敏感内容识别

上传图片进行敏感内容识别 预览效果 环境准备 Ubuntu 16.04python 2.7.12caffe 1.0.0 安装调试环境: sudo apt-get update sudo apt-get install -y --no-install-recommends build-essential cmake git wget libatlas-base-dev libboost-all-dev libgflags-dev sudo apt-g…...

编程日记 2025/8/2 17:08:36

缓慢变化维度（SCD）策略

缓慢变化维度&#xff08;SCD&#xff09;策略 缓慢变化维度&#xff08;SCD&#xff09;策略是数据仓库中处理维度属性随时间变化的核心技术&#xff0c;根据业务需求的不同&#xff0c;主要分为以下类型&#xff1a; 1. SCD Type 0&#xff08;固定维度&#xff09; 定义&a…...

编程日记 2025/8/5 11:56:28

【Mysql】详解InnoDB存储引擎以及binlog，redelog，undolog+MVCC

1.InnoDB存储引擎 在Mysql中&#xff0c;InnoDB存储引擎是默认的&#xff0c;也是我们最常用的一个存储引擎&#xff0c;其中分为内存结构和磁盘结构两大部分&#xff0c;整体架构图如下&#xff1a; 1.1Buffer Pool Buffer pool(缓存区)是Mysql内存的一个主要区域&#xff0…...

编程日记 2025/8/5 13:15:14

面向对象详解和JVM底层内存分析

神速熟悉面向对象 表格结构和类结构 我们在现实生活中&#xff0c;思考问题、发现问题、处理问题&#xff0c;往往都会用“表格”作为工具。实际上&#xff0c;“表格思维”就是一种典型的面向对象思维。 实际上&#xff0c;互联网上所有的数据本质上都是“表格”。我们在这里…...

编程日记 2025/8/5 11:29:03

C语言指针深入详解（一）：内存和地址、指针变量和地址、指针变量类型的意义、指针运算

目录 一、内存和地址 &#xff08;一&#xff09;内存 &#xff08;二&#xff09;如何理解编址 二、指针变量和地址 &#xff08;一&#xff09;取地址操作符&#xff08;&&#xff09; &#xff08;二&#xff09;指针变量和解引用操作符&#xff08;*&#xff09;…...

编程日记 2025/8/7 9:01:49

MATLAB中进行深度学习网络训练的模型评估步骤

文章目录 前言环境配置一、基础性能评估二、高级评估指标三、模型解释与可视化四、交叉验证与模型选择五、部署前的优化 前言 在 MATLAB 中进行深度学习网络训练后的模型评估是确保模型性能和可靠性的关键环节。以下是详细的评估步骤和方法。 环境配置 MATLAB下载安装教程&…...

编程日记 2025/8/4 1:51:03

30、WebAssembly：古代魔法——React 19 性能优化

一、符文编译术&#xff08;编译优化&#xff09; 1. 语言选择与量子精简 // Rust编译优化 cargo build --target wasm32-wasi --release 魔法特性&#xff1a; • 选择低运行时开销语言&#xff08;如Rust/C&#xff09;&#xff0c;编译后文件比Swift小4倍 • --rel…...

编程日记 2025/8/6 8:10:54

Python集合运算：从基础到进阶全解析

Python基础&#xff1a;集合运算进阶 文章目录 Python基础&#xff1a;集合运算进阶一、知识点详解1.1 集合运算&#xff08;运算符 vs 方法&#xff09;1.2 集合运算符优先级1.3 集合关系判断方法1.4 方法对比 二、说明示例2.1 权限管理系统2.2 数据去重与差异分析2.3 数学运算…...

编程日记 2025/8/3 18:55:12

【开源Agent框架】Suna架构设计深度解析与应用实践

一、项目基本介绍 Suna是一款全栈开源的通用型AI代理系统，其名称源自日语"砂"的发音，寓意如流沙般渗透到各类数字任务中。项目采用Apache 2.0协议，由Kortix AI团队维护，核心开发者包括Adam Cohen Hillel等三位主要贡献者。 技术架构全景 系统由四大核心组件构…...

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

C++类与对象--2 对象的初始化和清理

C面向对象来源于生活&#xff0c;每个对象都有初始化设置和销毁前的清理数据的设置。 2.1 构造函数和析构函数 &#xff08;1&#xff09;构造函数 初始化对象的成员属性不提供构造函数时&#xff0c;编译器会提供不带参数的默认构造函数&#xff0c;函数实现是空的构造函数不…...

编程日记 2025/8/4 1:34:42

计网| 网际控制报文协议（ICMP）

目录 网际控制报文协议&#xff08;ICMP&#xff09; 一、ICMP 基础特性 二、ICMP 报文分类及作用 差错报告报文 询问报文 网际控制报文协议&#xff08;ICMP&#xff09; ICMP&#xff08;Internet Control Message Protocol&#xff0c;网际控制报文协议&#xff09;是 …...

编程日记 2025/7/31 15:01:20

DeepSeek源码深度解析 × 华为仓颉语言编程精粹——从MoE架构到全场景开发生态

前言 在人工智能技术飞速发展的今天&#xff0c;深度学习与大模型技术已成为推动行业变革的核心驱动力&#xff0c;而高效、灵活的开发工具与编程语言则为技术创新提供了重要支撑。本书以两大前沿技术领域为核心&#xff0c;系统性地呈现了两部深度技术著作的精华&#xff1a;…...

编程日记 2025/8/5 14:33:21

printf耗时高的原因

背景&#xff1a;设备升级初始化失败。具体表现为&#xff1a;app在启动dsp后&#xff0c;需在15秒内与其建立连接以确认通信成功&#xff0c;但当前未能在此时间限制内完成连接。 排查过程&#xff1a;通过在初始化过程中添加耗时打印&#xff0c;发现各阶段耗时虽不高&#…...

编程日记 2025/8/2 13:15:19

20250517 我设想一个空间，无限大，空间不与其中物质进行任何作用，甚至这个空间能容纳可以伸缩的空间

1.我设想一个空间&#xff0c;无限大&#xff0c;空间不与其中物质进行任何作用&#xff0c;甚至这个空间能容纳可以伸缩的空间 您设想的这个空间具有一些有趣的特点&#xff1a; 无限大&#xff1a;空间本身没有边界或限制&#xff0c;理论上可以容纳无限多的物质或结构。非…...

编程日记 2025/8/4 10:44:37

GO语言学习（二）

GO语言学习&#xff08;二&#xff09; method&#xff08;方法&#xff09; 这一节我们介绍一下GO语言的面向对象&#xff0c;之前我们学习了struct结构体&#xff0c;现在我们来解释一下方法method主要是为了简化代码&#xff0c;在计算同类时&#xff0c;使用函数接收方法…...

编程日记 2025/8/5 14:17:28

神经网络与深度学习第六章--循环神经网络（理论）

#第六章-循环神经网络 前馈神经网络的缺点&#xff1a; ①信息的传递是单向的。前馈神经网络可以看作一个复杂的函数&#xff0c;每次的输入都是独立的&#xff0c;即网络的输出只依赖于当前的输入。前馈神经网络是一种静态网络&#xff0c;没有记忆能力&#xff0c;就无法模拟…...

编程日记 2025/8/6 15:17:41

第三十五节：特征检测与描述-ORB 特征

1. 引言：为什么需要ORB？ 在计算机视觉领域，特征检测与描述是许多任务（如图像匹配、目标跟踪、三维重建等）的核心基础。传统的算法如SIFT（尺度不变特征变换）和SURF（加速稳健特征）因其优异的性能被广泛应用，但它们存在两个显著问题： 专利限制：SIFT和SURF受专利保护，…...

编程日记 2025/8/6 11:58:04

重庆 ICPC 比赛游记

2025.5.9 比赛前一天晚上&#xff0c;激动地睡不着觉&#xff0c;起来收拾了好多东西。&#xff08;其实就四本书&#xff0c;剩下的全是零食……关键在于这四本书基本没用。&#xff09; 2025.5.10 学校丧心病狂的让我们 6:20 到校门口集合坐车&#xff08;据说是怕赶不上比…...

编程日记 2025/8/6 22:49:47

二进制与十进制互转的方法

附言: 在计算机科学和数字系统中&#xff0c;二进制和十进制是最常见的两种数制。二进制是计算机内部数据存储和处理的基础&#xff0c;而十进制则是我们日常生活中最常用的数制。因此&#xff0c;掌握二进制与十进制之间的转换方法对于计算机学习者和相关领域的从业者来说至关…...

编程日记 2025/8/1 22:37:50

咖啡叶子病害检测数据集VOC+YOLO格式1468张4类别均为单叶子

数据集格式&#xff1a;Pascal VOC格式YOLO格式(不包含分割路径的txt文件&#xff0c;仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)&#xff1a;1468 标注数量(xml文件个数)&#xff1a;1468 标注数量(txt文件个数)&#xff1a;1468 …...

编程日记 2025/8/5 8:06:48