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

HTML 扫盲

news 文章来源：https://blog.csdn.net/qq_63983125/article/details/129444794 2024/9/20 23:22:57

✏️作者：银河罐头
📋系列专栏：JavaEE

🌲“种一棵树最好的时间是十年前，其次是现在”

目录

  • 前言
  • HTML 结构
    • 快速生成代码框架
  • HTML 常见标签
    • 注释标签
    • 标题标签: h1-h6
    • 段落标签：p
    • 换行标签：br
    • 格式化标签
    • 图片标签：img
    • 超链接 a
    • 表格标签
    • 列表标签
    • 表单标签
      • form 标签
      • input 标签
      • select 标签
      • textarea 标签
      • 无语义标签: div & span
  • 综合案例：展示简历信息

前言

HTML： 描述网页的骨架。标签化的语言。

<html><head></head><body>hello world</body>
</html>

html 的执行是浏览器的工作，浏览器会解析 html 的内容，根据里面的内容往浏览器放东西。浏览器的工作归根结底还是以汇编的形式在 CPU 上执行。

浏览器就像 JVM 一样， Java 是执行在 JVM 上的，JVM 又是执行在 CPU上的

浏览器对于 html 的语法格式检查没有很严格，即使你写的代码有一些不合规范之处，浏览器也会尽可能的去执行。称为"鲁棒性"。

直接在记事本编写代码，直接在浏览器运行代码。

浏览器的功能就是解析运行网页(HTML, CSS, JS)

开发，是在程序员的电脑上完成的写代码的过程；运行，则是在用户电脑上完成的具体的程序跑起来的过程。

一次开发，N 次运行。

  • 使用 VSCode 编写代码

1.打开目录，

2.创建代码文件

3.编辑代码

  • 保存代码

image-20230216115211635

写完代码要 ctrl + s 保存。如果没保存，右上角有个 实心小圆点

image-20230216115428566

image-20230216115547211

这里 off 可以改成自动保存。

4.运行代码(仍然是使用浏览器运行)

image-20230216115808823

在弹出的文件资源管理器中 双击 html 或 拖拽到浏览器中运行

HTML 结构

1.HTML 代码是通过标签来组织的，形如 用尖括号组织的，成对出现的这个就是标签(tag)，也可以叫做元素(element).

2.一个标签通常是成对出现的，开始标签结束标签，这俩之间是标签的内容。(少数标签是可以只有一个开始标签的，单标签)

3.标签是可以嵌套的，一个标签的内容可以是其他一个或者多个标签，此时这些标签构成了一个"树形结构"。

image-20230216121205940

4.可以在开始标签中给标签赋予属性(attribute)，属性相当于键值对，可以有一个或者多个。

XML 和 HTML 的区别：

XML 也是标签化的格式，有哪些标签，标签叫什么名字？有啥作用？有啥属性。都是程序员你根据你的需求场景自定义的。

HTML 也是标签化的格式，这里有哪些标签？标签叫啥名字？有啥作用？有啥属性？都是有一批大佬们规定好的，浏览器跟按照这份规定来解析实现的。HTML 不支持自定义标签

html：这是一个 html 文件最顶层标签(树根节点)。

head ：存放了这个页面的一些属性(元数据meta data)

body ：存放了这个页面，包含哪些内容。

  • 怎么理解属性？

现在我有个文本文件，这个文件的内容是 hello world

这个文件的属性：文件的大小、文件的创建者、文件的修改时间、文件的默认打开程序

快速生成代码框架

!(英文) + tab, 此时能自动生成代码的主体框架.

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body></body>
</html>

只需要编辑 body 的内容即可。

这个功能叫做 emmet 快捷键。

主流开发工具都有。(WebStorm 和 idea 也有)

  • 细节解释：

image-20230216124059675

HTML 常见标签

注释标签

<!-- 这是注释 -->

// /**/ # 这些都不是 html中合法的注释

注释的内容是不会在页面中显示的。(但是如果右键，查看网页源代码是可以看到注释的)

vscode 可以使用 ctrl + / 快速注释代码

webstorm 同理

标题标签: h1-h6

h1 最大最粗，h6 最小最细。

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

image-20230216130541068

HTML 网页最初只是用来代替传统的媒体的报纸/杂志，把报纸杂志搬到电脑里

注意到，这里每个标题都是独占一行的，这和代码的编写没有关系，

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

这样写，运行效果不变。

在 html 里面，标签是否换行和代码编写无关，和 标签自身有关。(有的标签独占一行，有的标签不独占)

在 html 源代码中，写的 换行会被忽略。写的多个连续空格会被视为一个。

换行快捷键：

ctrl + enter

段落标签：p

lorem：自动生成一段随机的文本，帮我们调试效果。

image-20230216141750809

每个段落之间，要换行，还有一个明显的段落间距。(这个 间距 通过 css 才能调)

换行标签：br

image-20230216142116573

image-20230216142144077

格式化标签

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

image-20230216142650188

这些标签都是不独占一行的。

图片标签：img

网页上是可以显示图片的。

img 有个核心属性，src(必填项)

src 描述了该图片的路径，路径可以是一个本地的绝对路径，也可以是一个相对路径，还可以是网络路径。

  • 绝对路径
绝对路径写法：
<body><img src="d:/xiaojiejie.jpg" >
</body>

image-20230216143922635

这里 src 填的是 绝对路径。

  • 相对路径

如果填相对路径，一定要明确工作目录是哪个。

html 的工作目录就是 html 文件所在的目录。

image-20230216144412450

相对路径写法：
<body><img src="./xiaojiejie.jpg" >
</body>

./可以省略
<body><img src="xiaojiejie.jpg" >
</body>

image-20230216144836744

  • 网络地址

右键图片，复制图片地址，此时就得到了图片的网络路径，拿着这个网络路径填写到浏览器里，就能直接打开图片。

或者把这个路径写到 img 里也能显示这个图片。

<body><img src="https://img02.sogoucdn.com/app/a/100520093/f9d5c084396d06f6-0c7006bf1d0bb8d5-44cfb308fd53675f90401be304dc572d.jpg" >
</body>

img 别的属性

  • alt 属性：在图片挂了的时候，就会显示 alt 对应的文本。

如果图片地址是错的，

image-20230216152446598

  • title 属性

鼠标悬停在 图片上会给出一个提示。

  • width/height

描述图片的尺寸

宽度和高度可以同时设置，也可以只设置一个。如果只设置一个，另外一个会等比例缩放。

<body><img width="1000px" title="这是一个小姐姐" alt="这是一个漂亮小姐姐" src="https://img02.sogoucdn.com/app/a/100520093/f9d5c084396d06f6-0c7006bf1d0bb8d5-44cfb308fd53675f90401be304dc572d.jpg" >
</body>

px 像素。(前端开发中常用单位)

关于图片的尺寸，也可以使用 css 来设置。

超链接 a

链接 link(快捷方式)

"超"链接跳转到的页面是当前网站之外的。

<body><a href="https://www.sogou.com">搜狗</a><a href="https://www.baidu.com">百度</a>
</body>这里的域名可以换成 ip 地址

image-20230216155549471

还有个属性，target, 一般都是写作 target = “_blank”，就可以打开一个新的标签页，而不是替换原有标签页。

表格标签

table 标签表示整个表格

tr 表示一行

td 表示一个单元格

th 表示表头中的一个单元格

<body><table><tr><th>姓名</th><th>电话</th></tr><tr><td>张三</td><td>110</td></tr><tr><td>李四</td><td>120</td></tr><tr><td>王五</td><td>119</td></tr></table>
</body>

image-20230216161800912

    <style> td{text-align: center;}</style>
</head>
<body><table width="500px" height="300px" border="1px" cellspacing="0"><tr><th>姓名</th><th>电话</th></tr><tr><td>张三</td><td>110</td></tr><tr><td>李四</td><td>120</td></tr><tr><td>王五</td><td>119</td></tr></table>
</body>

image-20230216162953283

image-20230216163010939

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

列表标签

有序列表 ol ：ordered list

无序列表 ul ：unordered list

列表项 li ：list item

<body><!-- 有序列表 --><h3>四大名著</h3><ol><li>三国演义</li><li>水浒传</li><li>西游记</li><li>红楼梦</li></ol><!-- 无序列表 --><ul><li>三国演义</li><li>水浒传</li><li>西游记</li><li>红楼梦</li></ul>
</body>

image-20230216164206548

表单标签

表单是让用户输入信息的重要途径.

form 标签

使用 form 进行前后端交互，把页面上用户进行的操作/输入提交到服务器上(暂时不展开，后面学了HTTP协议再说)

input 标签

1)文本框

<body><input type="text">//单行文本框
</body>

image-20230220142747092

2)密码框

<body><input type="password">//也是单行文本框，是用来输入密码的
</body>

image-20230220142912449

3)单选框

<body>请选择性别：<input type="radio"> 男<input type="radio"> 女
</body>

image-20230220143751213

对于单选框需要加个 name 属性，name 属性相同的单选框, 值之间是互斥的。

image-20230220143721724

<body>请选择性别：<input type="radio" name="gender"> 男<input type="radio" name="gender"> 女
</body>

加入 checked 属性，默认选择

<body>请选择性别：<input type="radio" name="gender"> 男<input type="radio" name="gender" checked="checked"> 女
</body>

4)复选框

<body>大学生每天都干啥<input type="checkbox"> 吃饭<input type="checkbox"> 睡觉<input type="checkbox"> 学习
</body>

image-20230220144413088

也可以加上默认选项

<body>大学生每天都干啥<input type="checkbox" checked="checked"> 吃饭<input type="checkbox"> 睡觉<input type="checkbox"> 学习
</body>

image-20230220144534986

5)按钮

<body><input type="button" value="我是个按钮">
</body>

image-20230220144727223

对于按钮点击之后要干啥， 需要通过 JS 来配合

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

alert 是 JS 里的一个函数，作用是弹出一个对话框，对话框的内容就是 hello

6)提交按钮

type="submit"

外表和 button 差不多，会触发 form 和服务器的交互。

7)上传文件

<body><input type="file">
</body>

image-20230220145358332

select 标签

下拉菜单

<body><select><option>北京</option><option>上海</option><option>广州</option><option>深圳</option><option>杭州</option></select>
</body>

image-20230220145747461

textarea 标签

多行编辑框

<body><textarea cols="30" rows="10"></textarea>
</body>

image-20230220150001733

上述这些标签也可以称为是"控件", 构成一个图形化界面的基本要素。

无语义标签: div & span

前面的标签都是有特定含义的，而无语义标签是没有特定含义的。无语义标签可以用在各种场景。

div 默认是独占一行的。(块级元素)

span 默认是不独占一行的。(行内元素)

综合案例：展示简历信息

<body><div style="border: 3px solid black;"><h1>xxx的简历</h1><h2>基本信息</h2><img src="头像.jpg" alt="" height="200px"><p>求职意向：软件开发工程师</p><p>联系方式:110</p><p>邮箱:123456@qq.com</p><p><a href="https://www.csdn.com">我的博客</a></p><p><a href="https://github.com">我的 github</a></p><h2>教育背景</h2><ol><li>1990-1996 xxx小学</li><li>1997-2000 xxx初中</li><li>2001-2004 xxx高中</li><li>2005-2008 xxx大学</li></ol><h2>专业技能</h2><ul><li>熟练掌握 Java 的基本语法，熟悉面向对象程序设计思想</li><li>熟练常用的数据结构和算法，比如顺序表，链表，二叉树，堆，哈希表等</li><li>熟练操作系统中的典型概念，熟练掌握并发编程，对于多线程，线程安全，加锁等操作有深刻的认识</li><li>熟练掌握网络编程，熟悉网络通信原理，熟悉 TCP/IP 协议栈中的典型协议工作机制</li><li>熟练掌握 SQL,能够进行基础的增删改查, 熟悉 mysql 的索引和事务等机制</li></ul><h2>我的项目</h2><ol><li><h3>留言墙</h3><p>开发时间: 2008-2011</p><div>功能介绍</div><ul><li>支持留言发布</li><li>支持匿名留言</li></ul></li><li><h3>学习小助手</h3><p>开发时间: 2011-2012</p><div>功能介绍</div><ul><li>支持错题检索</li><li>支持同学探讨</li></ul></li></ol><h2>个人评价</h2>在校期间，学习成绩优异, 多次获得奖学金</div>
</body>

image-20230220160248677

HTML 只是描述了页面的骨架结构. 使用 CSS 可以针对页面进行进一步美化.

相关文章：

HTML 扫盲

✏️作者&#xff1a;银河罐头 &#x1f4cb;系列专栏&#xff1a;JavaEE &#x1f332;“种一棵树最好的时间是十年前&#xff0c;其次是现在” 目录前言HTML 结构快速生成代码框架HTML 常见标签注释标签标题标签: h1-h6段落标签&#xff1a;p换行标签&#xff1a;br格式化标签…...

编程日记 2023/3/11 10:23:03

项目中用到的责任链模式

目录 1.什么是责任链&#xff1f;它的原理是什么&#xff1f; 2.应用场景 ​3.项目中的应用 传送门&#xff1a;策略模式&#xff0c;工作中你用上了吗&#xff1f; 1.什么是责任链&#xff1f;它的原理是什么&#xff1f; 将请求的发送和接收解耦&#xff0c;让多个接收对象…...

编程日记 2023/3/11 10:22:01

C++复习笔记--STL的string容器和vector容器

1--string容器string 本质上是一个类&#xff0c;其不同于指针 char*&#xff0c;string 类的内部封装了 char*&#xff0c;用于管理字符串&#xff0c;是一个 char* 型的容器&#xff1b;1-1--string构造函数string 的构造函数原型&#xff1a;string(); // 创建一个空的字符串…...

编程日记 2023/3/11 10:20:57

第一章 软件项目管理概述

项目(Project)是为了创造一个唯一的产品或提供一个唯一的服务而进行的临时性的努力。项目的特征PMBOK(A guide to the Project management Body Of Knowledge:项目管理知识体系指南)五大过程组和十大知识领域从时间角度出发&#xff0c;项目管理分为五大过程组&#xff1a;启动…...

编程日记 2023/3/11 10:19:53

【Linux系统编程】06：共享内存

共享内存 OVERVIEW共享内存一、文件上锁flock二、共享内存1.关联共享内存ftok2.获取共享内存shmget3.绑定共享内存shmat4.绑定分离shmdt5.控制共享内存shmctl三、亲缘进程间通信1.共享内存写入与读取2.共享内存解绑与删除3.共享内存综合四、非亲缘进程间通信1.通过sleep同步2.通…...

编程日记 2023/3/11 10:18:51

【专项】112. 路径总和

112. 路径总和 给你二叉树的根节点 root 和一个表示目标和的整数 targetSum 。判断该树中是否存在 根节点到叶子节点 的路径&#xff0c;这条路径上所有节点值相加等于目标和 targetSum 。如果存在&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 叶子节点 …...

编程日记 2023/3/11 10:17:45

【数据结构】堆排序

堆是一种叫做完全二叉树的数据结构&#xff0c;可以分为大根堆&#xff0c;小根堆&#xff0c;而堆排序就是基于这种结构而产生的一种程序算法。大堆&#xff1a;每个节点的值都大于或者等于他的左右孩子节点的值小堆&#xff1a;每个结点的值都小于或等于其左孩子和右孩子结点…...

编程日记 2023/3/11 10:16:42

论文阅读笔记《GAMnet: Robust Feature Matching via Graph Adversarial-Matching Network》

核心思想 本文提出一种基于图对抗神经网络的图匹配算法&#xff08;GAMnet&#xff09;,使用图神经网络作为生成器分别生成源图和目标图的节点的特征&#xff0c;并用一个多层感知机作为辨别器来区分两个特征是否来自同一个图&#xff0c;通过对抗训练的办法提高生成器特征提取…...

编程日记 2023/3/11 10:15:38

数据安全—数据完整性校验

1、数据安全保障三要素即 保密性 完整性、可用性机密性&#xff1a;要求数据不被他人轻易获取&#xff0c;需要进行数据加密。完整性&#xff1a;要求数据不被他人随意修改&#xff0c;需要进行签名技术可用性&#xff1a;要求服务不被他人恶意攻击&#xff0c;需要进行数据校验…...

编程日记 2023/3/11 10:14:33

Java 最小路径和

最小路径和中等给定一个包含非负整数的 m x n 网格 grid &#xff0c;请找出一条从左上角到右下角的路径&#xff0c;使得路径上的数字总和为最小。说明&#xff1a;每次只能向下或者向右移动一步。示例 1&#xff1a;输入&#xff1a;grid [[1,3,1],[1,5,1],[4,2,1]]输出&…...

编程日记 2023/3/11 10:13:28

Flask+VUE前后端分离的登入注册系统实现

首先Pycharm创建一个Flask项目&#xff1a; Flask连接数据库需要下载的包&#xff1a; pip install -U flask-cors pip install flask-sqlalchemy Flask 连接和操作Mysql数据库 - 王滚滚啊 - 博客园 (cnblogs.com) sqlAlchemy基本使用 - 简书 (jianshu.com) FlaskVue前后端分…...

编程日记 2023/3/11 10:12:22

【Go】用Go在命令行输出好看的表格

用Go在命令行输出好看的表格前言正文生成Table表头设置插入行表格标题自动标号单元格合并列合并行合并样式设置居中设置数字自动高亮标红完整Demo代码结语前言 最近在写一些运维小工具&#xff0c;比如批量进行ping包的工具&#xff0c;实现不困难&#xff0c;反正就是ping&am…...

编程日记 2023/3/11 10:11:15

怎么处理消息重发的问题？

消息队列在消息传递的过程中&#xff0c;如果出现传递失败的情况&#xff0c;发送方会重试&#xff0c;在重试的过程中&#xff0c;可能会产生重复的消息。 消息重复的情况必然存在 关于传递消息时能够提供的服务质量标准&#xff0c;MQTT协议给出了三种不同的标准&#xff1…...

编程日记 2023/3/11 10:10:10

JVM 运行时数据区（数据区组成表述，程序计数器，java虚拟机栈，本地方法栈）

JVM 运行时数据区JVM 运行时数据区3.1运行时的数据区组成概述3.1.1程度计数器3.1.2java虚拟机栈3.1.3本地方法栈3.1.4java堆3.1.5方法区3.2程序计数器3.3java虚拟机栈3.4本地方法栈JVM 运行时数据区 堆,方法区(元空间) 主要用来存放数据 是线程共享的. 程序计数器,本地方法栈…...

编程日记 2023/3/11 10:09:04

Oracle ASM磁盘组配置、日常运维、故障处理等操作资料汇总

ASM&#xff08;自动存储管理&#xff09;在数据库中是非常重要的组成部分&#xff0c;它可以为磁盘提供统一的存储管理、提高磁盘访问的性能和可用性、简化管理复杂度&#xff0c;从而为数据库的运行提供更好的支持。这里就为大家整理了墨天轮数据社区上一些ASM相关基础知识、…...

编程日记 2023/3/11 10:08:01

java对象的创建与内存分配机制

文章目录对象的创建与内存分配机制对象的创建类加载检查分配内存初始化零值设置对象头指向init方法其他&#xff1a;指针压缩对象内存分配对象在栈上分配对象在Eden区中分配大对象直接分配到老年代长期存活的对象进入老年代对象动态年龄判断老年代空间分配担保机制对象的内存回…...

编程日记 2023/3/11 10:06:57

本地存储localStorage、sessionStorage

目录 一、localStorage 二、sessionStorage 三、本地存储处理复杂数据 一、localStorage 介绍 &#xff08;1&#xff09;数据存储在用户浏览器中 &#xff08;2&#xff09;设置、读取方便、甚至页面刷新不会丢失数据 &#xff08;3&#xff09;容量较大&#xff0c;se…...

编程日记 2023/3/11 10:05:55

JavaSE: 网络编程

1.1 概述java程序员面对统一的网络编程环境B/S 架构 和 C/S架构1.2 网络通信的两个要素通信双方的地址&#xff1a;ip 端口号网络通信协议&#xff1a;TCP/IP协议&#xff08;事实上的国际规则&#xff09;、OSI模型&#xff08;理想化&#xff09;1.3 Inet Address本地回环地…...

编程日记 2023/3/11 10:04:51

计算机图形学09：二维观察之点的裁剪

作者&#xff1a;非妃是公主 专栏&#xff1a;《计算机图形学》 博客地址&#xff1a;https://blog.csdn.net/myf_666 个性签&#xff1a;顺境不惰&#xff0c;逆境不馁&#xff0c;以心制境&#xff0c;万事可成。——曾国藩 文章目录专栏推荐专栏系列文章序一、二维观察基本…...

编程日记 2023/3/11 10:03:49

2023Java 并发编程面试题

Java 并发编程 1、在 java 中守护线程和本地线程区别&#xff1f; java 中的线程分为两种&#xff1a;守护线程&#xff08;Daemon&#xff09;和用户线程&#xff08;User&#xff09;。任何线程都可以设置为守护线程和用户线程&#xff0c;通过方法Thread.setDaemon(boolon…...

编程日记 2023/3/11 10:02:43

CAD如何绘制A0/A1/A2/A3/A4图框？

在CAD制图时&#xff0c;设计师一般会使用企业的定制图框模板或者个人的特色图框模板&#xff0c;让设计方案更加标准化、规范化。对于新人设计师而言&#xff0c;完成CAD制图已经非常头疼了&#xff0c;图框的绘制更是手忙脚乱。那么是否有更加高效的方式来完成A0、A1、A2、A3…...

编程日记 2023/3/11 10:00:32

R 安装 “umap-learn“ python 包

首先需要在R中下载并读取reticulate包&#xff0c;该包提供了一系列R-Python的交互式命令由于之前在电脑中通过三个方式安装了Python&#xff1a;直接安装 Python 3.10安装Anaconda&#xff0c;携带3.9安装 Miniconda&#xff0c;又是另外一个版本的Python版本各不相同&#xf…...

编程日记 2023/3/11 9:59:27

测试同学如何快速开发测试平台？

转眼已经好几个月没有发表什么文章了&#xff0c;因为疫情原因&#xff0c;大家工作都不怎么顺利&#xff0c;没有什么心情。再者&#xff0c;最近一直在搞移动端精准测试的项目&#xff0c;有太多技术难点需要攻克。从各个网站上都找不到解决方案&#xff0c;只能不断地尝试&a…...

编程日记 2023/3/11 9:57:16

【程序员接口百宝箱】免费常用API接口

一、短信发送 短信的应用可以说是非常的广泛了&#xff0c;短信API也是当下非常热门的API~ 短信验证码&#xff1a;可用于登录、注册、找回密码、支付认证等等应用场景。支持三大运营商&#xff0c;3秒可达&#xff0c;99.99&#xff05;到达率&#xff0c;支持大容量高并发。…...

编程日记 2023/3/11 9:56:12

使数组和能被P整除[同余定理+同余定理变形]

同余定理同余定理变形前言一、使数组和能被P整除二、同余定理变形总结参考资料前言 同余定理非常经典&#xff0c;采用前缀和 map&#xff0c;当两个余数前缀和为一个值时&#xff0c;则中间一段子数组刚好对P整除。但是能否找到前面是否有一段子数组和可以对P整除呐&#xf…...

编程日记 2023/3/11 9:55:08

25k的Java开发常问的Synchronized问题有哪些？

前言：面试高频的Synchronized问题大多集中在应用场景、底层实现原理、锁的升级过程。 文章目录 Synchronized定义应用场景对象加锁实现原理JDK6以前JDK6版本及以后对象从无锁到偏向锁转化的过程（大概讲五分钟）轻量级锁升级的过程（大概讲五分钟）自旋锁策略（大概讲五分钟）…...

编程日记 2023/3/11 9:54:04

ES增量同步方案

1 基于业务代码嵌入式的增量同步方式在Java业务代码要修改业务数据的地方&#xff0c;增加调用写入ES数据的方法优点&#xff1a;1、实现方式简单&#xff0c;可控粒度高&#xff1b;2、不依赖第三方数据同步框架&#xff1b;3、数据库不用做特殊配置和部署&#xff1b;缺点&am…...

编程日记 2023/3/11 9:53:02

计算器--课后程序(Python程序开发案例教程-黑马程序员编著-第6章-课后作业)

实例1&#xff1a;计算器 计算器极大地提高了人们进行数字计算的效率与准确性&#xff0c;无论是超市的收银台&#xff0c;还是集市的小摊位&#xff0c;都能够看到计算器的身影。计算器最基本的功能是四则运算。本实例要求编写程序&#xff0c;实现计算器的四则运算功能。 实…...

编程日记 2023/3/11 9:51:56

YOLOv5中添加SE模块详解——原理+代码

目录一、SENet1. 设计原理2. SE Block2.1 Squeeze:Global Information Embedding2.2 Excitation:Adaptive Recalibration3. SE-Inception and SE-ResNet二、YOLOv5中添加SENet1.修改common.py2.修改yolo.py3.修改yolov5s.yaml参考文章一、SENet 论文地址&#xff1a;Squeeze-a…...

编程日记 2023/3/11 9:50:51

arcgispro3.1(账号登陆)

ArcGIS Pro 3.1 更新中文概览专注于 制图、GIS、Python前言&#xff1a;本次更新给了我两个惊喜&#xff0c;一个是本来 ArcMap 就有的功能&#xff0c;另一个明显是学习的 QGIS&#xff0c;嘿嘿&#xff0c;大家往下看吧。整理翻译了一下官方的 ArcGIS Pro 3.1 新特性更新概览…...

编程日记 2023/3/11 9:49:48

VB6换个思路解决微信下载文件只读的问题（含源码）

日期&#xff1a;2023年3月10日 作者&#xff1a;Commas 签名&#xff1a;(ง •_•)ง 积跬步以致千里,积小流以成江海…… 注释&#xff1a;如果您觉得有所帮助&#xff0c;帮忙点个赞&#xff0c;也可以关注我&#xff0c;我们一起成长&#xff1b;如果有不对的地方&#xf…...

编程日记 2023/3/11 9:48:46

Allegro如何知道组合操作命令的拼写

Allegro如何知道组合操作命令的拼写 前面介绍了如何知道单个操作命令的拼写，但如果是复合命令，就无法直观的通过命令来了解，如下图 Snap Pick to -Segment这个命令拼写是什么 如何知道，具体操作如下 点击File点击Script 出现Scripting窗口...

编程日记 2023/3/11 9:47:41

CDO高效处理气象数据

基础命令&#xff0c;只需要在终端输入命令按enter运行即可 ####### 查看文件信息 cdo infos xxx.nc #显示nc文件中的变量名 cdo showname sst.nc #读文件夹下的数据 for i in $(ls);do echo processing $i ;done #线性插值 cdo remapbil,经度纬度 input.nc output.nc ;done ##…...

编程日记 2023/3/11 9:46:39

1. Qt Designer Studio界面介绍

1. 说明&#xff1a; Qt当中的Qt Quick框架使用QML语言来快速搭建优美的界面&#xff0c;但是对于单纯做界面的设计人员并不是很友好&#xff0c;还要让界面设计人员去消耗时间成本学习QML语法。Qt Designer Studio软件就是为了解决这个问题而设计的&#xff0c;工作人员不需要…...

编程日记 2023/3/11 9:45:33

elementUI+vue_vue-admin-template框架

目录安装版本管理文件mock文件夹---模拟数据permission.js --- 登录权限控制文件安装 克隆项目git clone https://gitee.com/panjiachen/vue-admin-template.git进入项目目录cd vue-element-admin安装依赖npm install启动服务npm run dev版本管理 由于我们之前的项目是直接从…...

编程日记 2023/3/11 9:44:29

SpringBoot项目使用Schedule注释创建定时任务

文章目录知识讲解相关注释&#xff08;主要两个,EnableScheduling和Scheduled&#xff09;scheduled的cron语法代码项目目录结构启动类&#xff08;Application&#xff09;定时任务类(Task)配置类&#xff08;application.properties&#xff09;pom依赖展望&#xff08;Quart…...

编程日记 2023/3/11 9:43:25

学习 Python 之 Pygame 开发魂斗罗（十一）

学习 Python 之 Pygame 开发魂斗罗&#xff08;十一&#xff09;继续编写魂斗罗1. 改写主类函数中的代码顺序2. 修改玩家初始化3. 显示玩家生命值4. 设置玩家碰到敌人死亡5. 设置敌人子弹击中玩家6. 修改updatePlayerPosition()函数逻辑继续编写魂斗罗 在上次的博客学习 Pytho…...

编程日记 2023/3/11 9:42:21

Linux驱动开发

一、驱动分类Linux中包含三大类驱动&#xff1a;字符设备驱动、块设备驱动和网络设备驱动。其中字符设备驱动是最大的一类驱动&#xff0c;因为字符设备最多&#xff0c;从led到I2C、SPI、音频等都属于字符设备驱动。块设备驱动和网络设备驱动都要比字符设备驱动复杂。因为其比…...

编程日记 2023/3/11 9:41:17

32--Vue-前端开发-Vue语法之组件化开发

一、vue语法回顾 购物车的例子 eg1：计算商品价格（掌握对象的迭代方法） <!DOCTYPE html> <html lang="en"> <head>...

编程日记 2023/3/11 9:40:12

打怪升级之CFileDialog类介绍

CFileDialog类 CFileDialog封装用于文件打开操作或文件保存操作的常见对话框。信息来源自Windows官方文档&#xff1a;https://learn.microsoft.com/zh-cn/cpp/mfc/reference/cfiledialog-class?viewmsvc-170 这里重点介绍几个常用的函数功能&#xff1a; 构造函数 explic…...

编程日记 2023/3/11 9:39:11

配天智造自主原创数字工厂：百余名员工人均创收122万

配天智造&#xff08;832223&#xff09;2022年度报告显示&#xff0c;报告期内公司实现营业收入1.3亿元&#xff0c;同比增长52%&#xff0c;归属于挂牌公司股东的净利润3867万元&#xff0c;同比增长28.11%。而这家公司全部在职员工仅有107人&#xff0c;人均创收约为122万。…...

编程日记 2023/3/11 9:38:09

COLMAP

简介&#xff1a;在使用instant-ngp过程中需要使用COLMAP得到模型的必要输入&#xff0c;比如模型需要的相机外参我们就可以通过COLMAP中的sparse reconstruction稀疏重建得到&#xff1b;而对于depth map深度图我们则需要dense reconstruction稠密重建得到&#xff0c;下面我们…...

编程日记 2023/3/11 9:37:07

2023-3-8 刷题情况

礼盒的最大甜蜜度 题目描述 给你一个正整数数组 price &#xff0c;其中 price[i] 表示第 i 类糖果的价格&#xff0c;另给你一个正整数 k 。 商店组合 k 类 不同 糖果打包成礼盒出售。礼盒的 甜蜜度 是礼盒中任意两种糖果 价格 绝对差的最小值。 返回礼盒的 最大 甜蜜度。…...

编程日记 2023/3/11 9:36:05

关于长连接服务器和客户端之间要加入心跳的一些讨论

在之前的章节里深入浅出TCPIP之深入浅出TCPIP之TCP重传机制 我们都知道了TCPIP协议栈有个默认的TCP心跳机制，这个心跳机制是和socket绑定的，可以对指定的套接字开启协议栈的心跳检测机制。默认情况下，协议栈的心跳机制对socket套接字是关闭的，如果要使用需要人为开启的。 比…...

编程日记 2023/3/11 9:35:02

LeetCode——1590. 使数组和能被 P 整除

一、题目 给你一个正整数数组 nums&#xff0c;请你移除 最短 子数组&#xff08;可以为 空&#xff09;&#xff0c;使得剩余元素的 和 能被 p 整除。 不允许 将整个数组都移除。 请你返回你需要移除的最短子数组的长度&#xff0c;如果无法满足题目要求&#xff0c;返回 -1…...

编程日记 2023/3/11 9:34:00

12N65-ASEMI高压MOS管12N65

编辑-Z 12N65在TO-220封装里的静态漏极源导通电阻&#xff08;RDS(ON)&#xff09;为0.68Ω&#xff0c;是一款N沟道高压MOS管。12N65的最大脉冲正向电流ISM为48A&#xff0c;零栅极电压漏极电流(IDSS)为10uA&#xff0c;其工作时耐温度范围为-55~150摄氏度。12N65功耗&#x…...

编程日记 2023/3/11 9:32:55

cushy-serial 一个轻量级Python serial库

本文自笔者博客: https://www.blog.zeeland.cn/archives/rgoihgxcoci3 简介 cushy-serial是一个轻量级的Serial框架&#xff0c;初衷是希望使Serial编程变得更加简单、快捷&#xff0c;因此&#xff0c;相较于传统的pyserial&#xff0c;该框架可以更加快速地构建起一个serial…...

编程日记 2023/3/11 9:31:51

音视频开发系列(7)——Opengl常用Api介绍part1

GLES20.glTexParameteri GLES20.glTexParameteri是OpenGL ES 2.0用于设置纹理过滤器和纹理包装模式的函数。它有三个参数&#xff1a; target参数 target参数指定要设置纹理参数的纹理目标&#xff0c;根据不同的target值&#xff0c;glTexParameteri函数的行为也会有所不同…...

编程日记 2023/3/11 9:30:49

linux时间的特殊用法

今天介绍linux下Date时间命令相关的特殊用法 date (当前的时间) 修改系统当前时间&#xff1a; date -s "2022-6-20 9:33:50" 昨天的时间是我们比较常用的&#xff1a; date -d "yesterday" %Y%m%d ( 昨天的时间) date -d "1 day ago" %Y%m%d …...

编程日记 2023/3/11 9:29:43

axios 封装，API接口统一管理

分享一个自己封装的 axios 网络请求 主要的功能及其优点&#xff1a; 将所有的接口放在一个文件夹中管理&#xff08;api.js&#xff09;。并且可以支持动态接口&#xff0c;就是 api.js 文件中定义的接口可以使用 :xx 占位&#xff0c;根据需要动态的改变。动态接口用法模仿…...

编程日记 2023/3/11 9:28:40