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

day01

news 文章来源：https://blog.csdn.net/qq_42307546/article/details/129434583 2024/9/22 5:39:45

授课老师 ：陶国荣

联系方式 ： taogr@tedu.cn

授课阶段 ： Web前端基础

授课内容 ： HTML + CSS + JavaScript

文章目录

  • 一、讲师和课程介绍
  • 二、Web前端介绍
    • 1. 什么是网页
    • 2. 网页的组成
    • 3. 网页的优势
    • 4. 开发前的准备
  • 三、 HTML语法介绍
    • 1. HTML介绍
    • 2. 元素
    • 3. 使用
  • 四、常用标签介绍
    • 1. 基本结构解析
    • 2. body中常用标签
    • 3. 常用结构标签
    • 4. 标签分类
    • 5. 标签比较
    • 6. 标签间的转换
    • 6. 标签嵌套
    • 6. 标签嵌套

一、讲师和课程介绍

​ 详见附加的PPT文件。

二、Web前端介绍

1. 什么是网页

网页是基于浏览器的应用程序，是数据展示的载体.

2. 网页的组成

  1. 浏览器
    • 向服务器发送用户请求指令
    • 接收并解析数据展示给用户
  2. 服务器
    • 存储数据
    • 处理并响应请求
  3. 协议
    • 规范数据在传输过程中的打包方式

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YQaMGeS1-1678383686106)(assets\请求和响应0.png)]

3. 网页的优势

  1. 即时响应
    • 更新服务端页面即完成更新
    • 客户端重新加载即兑现内容
  2. 无需安装和更新
    • 无需安装任何应用软件
    • 只需要一个浏览器执行即可

4. 开发前的准备

  1. 运行环境：浏览器，设置chrome为默认浏览器，作为网页文件的运行环境。
  2. 调试工具：浏览器自带的调试工具，使用快捷键"F12"或右键"检查"打开。
  3. 开发工具：不限，选用个人习惯的即可。（Sublime、VSCode、EditPlus、Webstrom等）

三、 HTML语法介绍

1. HTML介绍

超文本标记语言浏览器能够识别和解析的语言，通过元素的形式构建页面结构和填充内容

2. 元素

元素也称为标记或标签，用于在网页中标记内容

  1. 语法：标签使用< >为标志，标签名不区分大小写，推荐小写表示

  2. 分类：

    • 双标签：成对出现，包含开始标签和结束标签。例：
    <html></html>
    • 单标签：只有开始标签，没有结束标签，可以手动添加“/”表示闭合。例：
    <br>
<br/>

  3. 标签属性：

    • 标签属性书写在开始标签中，使用空格与标签名隔开，用于设置当前标签的显示内容或者修饰显示效果。由属性名和属性值组成，属性值使用双引号表示。例：
    <img src="imgs/img01.jpg">
    • 同一个标签中可以添加若干组标签属性，使用空格间隔。例：
    <img src="imgs/img01.jpg" width="200px" height="200px">

3. 使用

  1. 创建网页文件，使用.html或.htm作为文件后缀。
  2. 添加网页的基本结构：
    <!doctype html>
<html><head><title>网页标题</title><meta charset="utf-8"></head><body>网页主体内容</body>
</html>
  3. HTML语法规范
    • 标签名不区分大小写，建议使用小写。
    • 注释语法：
    <!-- 此处为注释 -->

四、常用标签介绍

1. 基本结构解析

<!-- 文档类型声明，便于浏览器正确解析标签及渲染样式 -->
<!doctype html> 
<!-- HTML文档开始的标志 -->
<html> <!-- 头部设置，可在head中设置网页标题，引入外部的资源文件 --><head><!-- 设置网页标题，显示在网页选项卡上方 --><title>网页标题</title><!-- 设置网页字符编码 --><meta charset="utf-8"> </head><!-- 网页主体部分，显示网页主要内容 --><body> 网页主体内容</body>
</html><!-- 文档结束-->

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v98aCUSF-1678383686108)(assets\HTML结构1.jpg)]

2. body中常用标签

  • 文本标签

    • 标题标签：自带加粗效果，从h1到h6字体大小逐级递减
     <h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>
    • 段落标签：
    <p>段落文本</p>
    • 普通文本标签：
    <b>加粗标签</b>
<strong>强调标签，效果同b标签</strong>
<i>斜体标签</i>
<u>删除线标签</u>
<span>行分区标签，用于对特殊文本特殊处理</span>
<label>普通文本标签，常与表单控件结合实现文本与控件的绑定</label>
    • 换行标签：
      浏览器会忽略代码中的换行和空格，只显示为一个空格。想要实现页面中的换行，需要借助于换行标签。
    <br>
    • 水平线标签，在页面中插入一条水平分割线
    <hr>
    • 字符实体：
      某些情况下，浏览器会将一些特殊字符按照 HTML 的方式解析，影响显示结果。此时需要将这类字符转换为其他的形式书写。
      例：
     使用 &lt; 在页面中呈现 "<"使用 &gt; 在页面中呈现 ">"使用 &nbsp; 在页面中呈现一个空格使用 &copy; 在页面中呈现版权符号"©"使用 &yen; 在页面中呈现人民币符号"￥"

  • 容器标签
    常用于页面结构划分，结合CSS实现 div+css 网页布局

    <div id="top">页面顶部区域</div>
<div id="main">页面主体区域</div>
<div id="bottom">页面底部区域</div>

  • 图片与超链接标签(内联 / 块 标签)

    • 图片标签 ：用于在网页中插入一张图片。

      1. 属性 src 用于给出图片的URL，必填。
      2. 属性 width/height 用于设置图片尺寸，取像素值，默认按照图片的原始尺寸显示。
      3. 属性 title 用于设置图片标题，鼠标悬停在图片上时显示
      4. 属性 alt 用于设置图片加载失败后的提示文本

      语法：

    <img src="" width="" height="" title="" alt="">
    • 超链接标签：用户可以点击超链接实现跳转至其他页面
      1. 属性 href 用于设置目标文件的URL，必填。
      2. 属性 target用于设置目标文件的打开方式，默认在当前窗口打开。可以设置新建窗口打开目标文本(取"_blank")
      3. 属性href也可以指向某个id号属性的标签
    <a href="http://www.taobao.com" target="_self">淘宝</a>
<a href="http://www.baidu.com" target="_blank">百度</a>

3. 常用结构标签

  • 列表标签

    • 无序列表
      默认用实心圆点标识列表项
    <ul><li>list item 列表项</li> <li>list item 列表项</li><li>list item 列表项</li>
</ul>
    • 有序列表
      默认使使用阿拉伯数字标识每条数据，可以使用start属性设置起始的值，默认为1
    <ol><li>list item 列表项</li> <li>list item 列表项</li><li>list item 列表项</li></ol>
    • 列表嵌套
      在已有列表中嵌套添加另一个列表，常见于下拉菜单
    <ol><li>西游记<ul><li>孙悟空</li><li>孙悟空</li><li>孙悟空</li></ul></li>
</ol>

  • 表格标签

    • 表格由行和单元格组成，常用于直接的数据展示或辅助排版，基本结构如下：
    <!-- 创建表格标签 -->
<table><!-- 创建行标签 --><tr><!-- 行中创建单元格以显示数据 --><td>姓名</td><td>年龄</td><td>班级</td></tr><tr><td>张三</td><td>20</td><td>一(1)班</td></tr>
</table>

    • 单元格合并：用于调整表格结构，分为跨行合并和跨列合并，合并之后需要删除被合并的单元格，保证表格结构完整。

      单元格属性作用取值
      colspan跨列合并单元格无单位数值
      rowspan跨行合并单元格无单位数值

    • 合并示例代码：

    <table border="1"><tr><th>姓名</th><td>李小明</td></tr><tr><th rowspan="2">电话</th><td>010-1234567</td></tr><tr><td>13912321213</td></tr>
</table><table border="1"><tr><th>姓名</th><th colspan="2">电话</th></tr><tr><td>李小明</td><td>010-1234567</td><td>13912321213</td></tr>
</table>

  • 表单标签
    表单用于采集用户的信息并提交给服务器，由表单标签和表单控件组成。表单标签form负责提交数据给服务器，表单控件负责收集数据。

    • 表单使用
      | 属性名 | 取值 |
      | -------- | ------------------------------------------------------------ |
      | action | 设置数据的提交地址 |
      | method | 设置数据的提交方式，默认为get方式，可以设置为post |
      | onsubmit | 设置表单数据提交时的触发事件的执行函数（事件绑定中详细介绍） |
      例如：
    <form action="" method="" onsubmit=""><!--此处为表单控件-->
</form>
    • 表单控件使用（重点）
      表单控件用于采集用户信息，可设置以下标签属性
    属性名取值
    type设置控件类型
    name设置控件名称，最终与值一并发送给服务器
    value设置控件的值
    placeholder设置输入框中的提示文本
    maxlength设置输入框中可输入的最大字符数
    checked设置单选按钮或复选按钮的默认选中
    selected设置下拉菜单的默认选中

4. 标签分类

  1. 块标签

    独占一行,不与标签共行;可以手动设置宽高,默认宽度与与父标签保持一致
    例 : body div h1~h6 p ul ol li form table(默认尺寸由内容决定)

  2. 行内标签

    可以与其他标签共行显示;不能手动设置宽高,尺寸由内容决定
    例 : span label b strong i s u sub sup a

  3. 行内块标签

    可以与其他标签共行显示,又能手动调整宽高
    例 : img input button (表单控件)

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-r5ZhVtQi-1678383686110)(assets\元素总结2.png)]

5. 标签比较

  • 行内标签的特征

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zXFhBcfd-1678383686111)(assets\元素总结3.png)]

  • 块标签特征

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-K1LKOF7V-1678383686112)(assets\元素总结4.png)]

6. 标签间的转换

  1. 内联标签如何转成块元素

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XnDMSBbu-1678383686113)(assets\SNAGHTML34d45a.PNG)]

    1. 块标签如何转成内联元素

      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TQVXB6Fp-1678383686114)(assets\SNAGHTML3b8eb4.PNG)]

6. 标签嵌套

  1. 块标签中可以嵌套任意类型的标签
    p 标签除外，段落标签只能嵌套行内标签，不能嵌套块标签
  2. 行内标签中最好只嵌套行内或行内块标签
  3. 标签嵌套
    在双标签中书写其他标签，称为标签嵌套
    • 嵌套结构中，外层标签称为父标签，内层标签称为子标签。
    • 多层嵌套结构中，所有外层标签统称为祖先标签，内层标签统称为后代标签。
    • 平级结构互为兄弟标签。

签如何转成块元素

[外链图片转存中...(img-XnDMSBbu-1678383686113)]2. 块标签如何转成内联元素[外链图片转存中...(img-TQVXB6Fp-1678383686114)]

6. 标签嵌套

  1. 块标签中可以嵌套任意类型的标签
    p 标签除外，段落标签只能嵌套行内标签，不能嵌套块标签
  2. 行内标签中最好只嵌套行内或行内块标签
  3. 标签嵌套
    在双标签中书写其他标签，称为标签嵌套
    • 嵌套结构中，外层标签称为父标签，内层标签称为子标签。
    • 多层嵌套结构中，所有外层标签统称为祖先标签，内层标签统称为后代标签。
    • 平级结构互为兄弟标签。

相关文章：

day01

授课老师 &#xff1a;陶国荣 联系方式 &#xff1a; taogrtedu.cn 授课阶段 &#xff1a; Web前端基础 授课内容 &#xff1a; HTML CSS JavaScript 文章目录一、讲师和课程介绍二、Web前端介绍1. 什么是网页2. 网页的组成3. 网页的优势4. 开发前的准备三、 HTML语法介绍…...

编程日记 2023/3/10 21:03:14

第四十章 linux-并发解决方法五（顺序锁seqlock）

第四十章 linux-并发解决方法四&#xff08;顺序锁seqlock&#xff09; 文章目录第四十章 linux-并发解决方法四&#xff08;顺序锁seqlock&#xff09;顺序锁的设计思想是&#xff0c;对某一共享数据读取时不加锁&#xff0c;写的时候加锁。为了保证读取的过程中不会因为写入名…...

编程日记 2023/3/10 21:02:09

【SPSS】交叉设计方差分析和协方差分析详细操作教程（附案例实战）

🤵‍♂️ 个人主页：@艾派森的个人主页 ✍🏻作者简介：Python学习者 🐋 希望大家多多支持，我们一起进步！😄 如果文章对你有帮助的话， 欢迎评论 💬点赞👍🏻 收藏 📂加关注+ 目录 方差分析概述 交叉设计方差分析...

编程日记 2023/3/10 21:01:07

playwright--核心概念和Selector定位

文章目录前言一、浏览器二、浏览器上下文三、页面和框架四、Selectors1、data-test-id selector2、CSS and XPath selector3、text 文本selector4、id定位selector5、Selector 组合定位五、内置Selector前言 Playwright提供了一组API可自动化操作Chromium&#xff0c;Firefox和…...

编程日记 2023/3/10 21:00:05

响应式操作实战案例

Project Reactor 框架 在Spring Boot 项目 Maven 中添加依赖管理。 <dependency><groupId>io.projectreactor</groupId><artifactId>reactor-core</artifactId> </dependency><dependency><groupId>io.projectreactor</g…...

编程日记 2023/3/10 20:59:03

NetApp AFF A900：针对任务关键型应用程序的解决方案

NetApp AFF A900&#xff1a;适用于数据中心的解决方案 AFF A 系列中的 AFF A900 高端 NVMe 闪存存储功能强大、安全可靠、具有故障恢复能力&#xff0c;提供您为任务关键型企业级应用程序提供动力并保持数据始终可用且安全所需的一切。 AFF A900&#xff1a;针对任务关键型应…...

编程日记 2023/3/10 20:58:00

使用Houdini输出四面体网格并输出tetgen格式

我们的目标是从houdini输出生成的四面体&#xff0c;希望是tetgen格式的。 众所周知&#xff0c;houdini是不能直接输出四面体的。 有三方案去解决&#xff1a; 输出点云ply文件&#xff0c;然后利用tetgen生成网格。输出Hounidi内置的.geo格式文件&#xff0c;然后写个脚本…...

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

组合预测 | MATLAB实现EMD-KPCA-LSTM、EMD-LSTM、LSTM多输入单输出回归预测对比

组合预测 | MATLAB实现EMD-KPCA-LSTM、EMD-LSTM、LSTM多输入单输出回归预测对比 目录 组合预测 | MATLAB实现EMD-KPCA-LSTM、EMD-LSTM、LSTM多输入单输出回归预测对比预测效果基本介绍模型描述程序设计参考资料预测效果 基本介绍 MATLAB实现EMD-KP...

编程日记 2023/3/10 20:55:53

【C语言】操作符详解总结（万字）

操作符详解1. 操作符分类2. 算术操作符3. 移位操作符3.1 整数的二进制是怎么形成的3.2 左移操作符3.3 右移操作符4. 位操作符5. 赋值操作符6. 单目操作符6.1 单目操作符介绍6.2 sizeof 和 数组7. 关系操作符8. 逻辑操作符9. 条件操作符9.1 练习19.2 练习210. 逗号表达式11. 下标…...

编程日记 2023/3/10 20:54:50

mac系统手册（帮助/说明）

文章目录1. mac自带的帮助文档2. Mac使用技巧&#xff08;提示&#xff09;2.1 聚焦搜索2.2 截图&#xff08;录制屏幕&#xff09;2.3 调出右键菜单2.4 快速查看2.5 翻译2.5.1 词典解释2.5.2 翻译&#xff08;字、词和句&#xff09;3. macOS使用手册3.1 在聚焦中进行计算和转…...

编程日记 2023/3/10 20:53:49

VLC播放器Demo（录像，截图等功能），Android播放器Demo可二次开发。

VLC播放器Demo&#xff08;录像&#xff0c;截图等功能&#xff09;&#xff0c;可二次开发。 GitHub地址:https://github.com/ILoveLin/VlcRecordPlayer GitHub地址:https://github.com/ILoveLin/VlcRecordPlayer GitHub地址:https://github.com/ILoveLin/VlcRecordPlayer …...

编程日记 2023/3/10 20:52:45

WeSpeaker支持C++部署链路

WeSpeaker正式更新C部署链路&#xff0c;推理引擎使用OnnxRuntime&#xff0c;支持从语音中提取Speaker Embedding信息&#xff0c;代码详见WeSpeaker/runtime[1]。 Libtorch和onnx的选择? Speaker Embedding提取任务流程简单&#xff0c;并且声纹模型&#xff08;如ResNet\E…...

编程日记 2023/3/10 20:51:41

window vscode编辑appsmith源码

前言 本来最开始用的idea打开wsl中的appsmith&#xff0c;卡得一批。最后没办法&#xff0c;用自己的电脑装成ubuntu server&#xff0c;然后vscode的远程开发对appsmith源码进行编辑。如果自己电脑内存16个G或者更大可能打开wsl中的估计会还好&#xff0c;我公司电脑只有8g所…...

编程日记 2023/3/10 20:50:39

操作系统面试题

操作系统一、简介篇1.解释一下什么是操作系统2.操作系统的主要功能3.软件访问硬件的几种方式4.操作系统的主要目的是什么5.为什么Linux系统下的应用程序不能直接在Windows下运行6.什么是用户态和内核态7.用户态和内核态如何切换8.什么是内核二、进程和线程篇1.多处理系统的优势…...

编程日记 2023/3/10 20:49:34

Kafka入门（七）

下面聊聊Kafka的配置参数&#xff0c;包括生产者的配置参数、Broker的配置参数、消费者的配置参数。 1、生产者配置参数 acks 该参数控制了生产者的消息发送确认机制&#xff0c;用于指定分区中必须有多少个副本成功接收到消息后生产者才会认为这条消息写入是成功的&#xff0c…...

编程日记 2023/3/10 20:48:32

微服务介绍

微服务 微服务架构发展 微服务这个概念最早是在2011年5月威尼斯的一个软件架构会议上讨论提出的&#xff0c;用于描述一些作为通用架构风格的设计原则&#xff1b;2012年3月在波兰举行的Degree Conference大会&#xff0c;james lewis做演讲&#xff0c;讨论了微服务一些原则…...

编程日记 2023/3/10 20:47:25

搭建SpringBoot多模块微服务项目脚手架(三)

搭建SpringBoot多模块微服务项目脚手架(三) 文章目录搭建SpringBoot多模块微服务项目脚手架(三)1.概述项目结构2.接口返回统一信息模板2.1.封装返回统一信息思路介绍2.2.封装json数据格式1.导入依赖2.封装code码3.封装json格式模板4.使用统一返回信息3.接口统一请求信息模板3.1…...

编程日记 2023/3/10 20:46:21

对vue3中reactive、toref、torefs、ref的详细理解

reactive&#xff1a;将平常的一个对象转换成响应式对象。所谓的响应式对象就是当页面点击修改此对象时&#xff0c;页面无需刷新而在页面上的其他地方有用到这个对象的地方会自动同步修改过来例如&#xff1a; <template><div class"container"><di…...

编程日记 2023/3/10 20:45:19

C++ Primer Plus 第6版 读书笔记(6) 第 6 章 分支语句和逻辑运算符

第 6 章 分支语句和逻辑运算符 C是在 C 语言基础上开发的一种集面向对象编程、泛型编程和过程化编程于一体的编程语言&#xff0c;是C语言的超集。本书是根据2003年的ISO/ANSI C标准编写的&#xff0c;通过大量短小精悍的程序详细而全面地阐述了 C的基本概念和技术&#xff0c;…...

编程日记 2023/3/10 20:44:16

Java Class 加密工具 ClassFinal

Jar包加密工具 ClassFinal介绍环境依赖使用说明下载加密命令行示例maven插件方式无密码模式机器绑定启动加密后的jar启动参数给密码不加密码参数直接启动1. 密码文件获取2. 交互输入参考资料介绍 ClassFinal 是一款 java class 文件安全加密工具&#xff0c;支持直接加密jar包…...

编程日记 2023/3/10 20:43:14

【蓝桥杯集训·每日一题】AcWing 3555. 二叉树

文章目录一、题目1、原题链接2、题目描述二、解题报告1、思路分析2、时间复杂度3、代码详解三、知识风暴最近公共祖先一、题目 1、原题链接 3555. 二叉树 2、题目描述 给定一个 n 个结点&#xff08;编号 1∼n&#xff09;构成的二叉树&#xff0c;其根结点为 1 号点。 进行 m…...

编程日记 2023/3/10 20:42:10

【JavaScript运行原理之V8引擎】V8引擎解析JavaScript代码原理

1. 编程语言的执行 高级语言最终都需要编译为低级语言才能被硬件执行&#xff0c;越高级的语言中间的转换时间越长&#xff0c;效率越低&#xff0c;越低级的语言执行素的越快&#xff0c;但是由于缺少高级语言便捷的语法特性所以很难编写代码。 2. 大杂烩JS 它是作者在1995…...

编程日记 2023/3/10 20:41:06

C++11：智能指针

文章目录1. 介绍1.1 动态内存与智能指针2. 使用2.1 创建2.2 使用3. 原理3.1 RAII3.2 像指针一样使用3.3 支持智能指针对象拷贝auto_ptrRAII4. 标准库中的智能指针4.1 unique_ptr模拟实现4.2 shared_ptr引用计数模拟实现定制删除器4.3 weak_ptrshared_ptr造成的循环引用问题与sh…...

编程日记 2023/3/10 20:40:04

ccc-pytorch-RNN（7）

文章目录一、RNN简介二、RNN关键结构三、RNN的训练方式四、时间序列预测五、梯度弥散和梯度爆炸问题一、RNN简介 RNN&#xff08;Recurrent Neural Network&#xff09;中文循环神经网络&#xff0c;用于处理序列数据。它与传统人工神经网络和卷积神经网络的输入和输出相互独立…...

编程日记 2023/3/10 20:39:01

docker安装（linux）

安装需要的软件包 yum install -y yum-utils 设置stable镜像仓库&#xff08;使用阿里云镜像&#xff09; yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo 更新yum软件包索引 yum makecache fast 安装DOCKER 引擎 yum -y…...

编程日记 2023/3/10 20:37:59

【数据库概论】10.1 事务及其作用

事务是一系列的数据库操作&#xff0c;是数据库应用程序的基本逻辑单元 10.1 事务的基本概念 1.事务 事务是用户定义的一个数据库操作序列&#xff0c;是一个具有原子性的操作&#xff0c;不可再分&#xff0c;一个事务内的操作要么全做、要么都不做。一般来说&#xff0c;一…...

编程日记 2023/3/10 20:36:54

通讯录（C++实现）

系统需求通讯录是一个可以记录亲人、好友信息的工具。本章主要利用C来实现一个通讯录管理系统系统中需要实现的功能如下:添加联系人:向通讯录中添加新人&#xff0c;信息包括&#xff08;姓名、性别、年龄、联系电话、家庭住址&#xff09;最多记录1000人显示联系人:显示通讯录…...

编程日记 2023/3/10 20:35:51

轻松掌握C++的模板与类模板，将Tamplate广泛运用于我们的编程生活

C提高编程 本阶段主要针对C泛型编程和STL技术做详细讲解&#xff0c;探讨C更深层的使用 泛型编程:编写与类型无关的通用代码,是代码复用的一种手段。 模板 1.模板的概念 模板就是建立通用的模具&#xff0c;大大提高复用性 例如&#xff1a; 2.函数模板 C另一种编程思想称…...

编程日记 2023/3/10 20:34:48

pandas 数据预处理+数据概览 处理技巧整理（持续更新版）

这篇文章主要是整理下使用pandas的一些技巧&#xff0c;因为经常不用它&#xff0c;这些指令忘得真的很快。前段时间在数模美赛中已经栽过跟头了&#xff0c;不希望以后遇到相关问题的时候还去网上查&#xff08;主要是太杂了&#xff09;。可能读者跟我有一样的问题&#xff0…...

编程日记 2023/3/10 20:33:45

mmdetectionV2.x版本 训练自己的VOC数据集

mmdetection目录下创建data文件夹&#xff0c;路劲如图所示&#xff0c;不带yololabels 修改配置文件 mmdet/datasets/voc.py 配置图片格式 mmdet/datasets/xml_style.py 如果图片是jpg则改成jpg&#xff0c;是png格式就改成png&#xff0c;这里我不需要改&#xff0c;本…...

编程日记 2023/3/10 20:32:43

Shell - crontab 定时 git 拉取并执行 maven 打包

目录 一.引言 二.踩坑与实践 1.原始代码 2.mvn package 未执行与解决 [导入环境变量] 3.git pull 未执行与解决 [添加绝对路径] 三.总结 一.引言 git 任务部署在通道机&#xff0c;每天6点需要定时更新 jar 包并打包上线&#xff0c;所以需要在 linux 服务器上&#xff…...

编程日记 2023/3/10 20:31:40

408考研计算机之计算机组成与设计——知识点及其做题经验篇目3：指令的寻址方式

上篇文章我们讲到&#xff0c;指令的基本格式&#xff0c;一条指令通常包括操作码字段和地址码字段两部分&#xff1a; 操作码字段地址码字段并且我们还讲到根据操作数地址码的数目不同&#xff0c;可将指令分为零一二三四地址指令。感兴趣的小伙伴们可以看看小编的上一篇文章…...

编程日记 2023/3/10 20:30:37

前端包管理工具：npm，yarn、cnpm、npx、pnpm

包管理工具npm Node Package Manager&#xff0c;也就是Node包管理器&#xff1b; 但是目前已经不仅仅是Node包管理器了&#xff0c;在前端项目中我们也在使用它来管理依赖的包&#xff1b; 比如vue、vue-router、vuex、express、koa、react、react-dom、axios、babel、webpack…...

编程日记 2023/3/10 20:29:34

推荐系统 FM因式分解

reference&#xff1a;知乎 FM算法解析 LR算法没有二阶交叉 如果是id类特征&#xff0c;这里的x是0/1&#xff0c;raw的特征输入就是float&#xff0c;当然&#xff0c;在我的理解里&#xff0c;一般会把raw的特征进行分桶&#xff0c;还是映射到0/1特征&#xff0c;不然这个w…...

编程日记 2023/3/10 20:28:31

Maven基础入门

文章目录Maven简介Maven 工作模式1.仓库2.坐标Maven的基本使用1.常用命令2.生命周期依赖管理1.依赖配置2.依赖传递3.可选依赖4.排除依赖5.依赖范围IDEA配置MavenMaven简介 Apache Maven 是一个项目管理和构建工具&#xff0c;它基于项目对象模型(POM)的概念&#xff0c;通过一…...

编程日记 2023/3/10 20:27:24

传输层协议 TCP UDP

目录 协议前菜 端口号 ​编辑端口号范围划分 认识知名端口号(Well-Know Port Number) netstat pidof 传输层协议 UDP协议 UDP协议端格式 UDP的特点 面向数据报 UDP的缓冲区 UDP使用注意事项 基于UDP的应用层协议 TCP协议 TCP协议概念 TCP协议段格式 标志…...

编程日记 2023/3/10 20:26:23

一点就分享系列（实践篇6——上篇）【迟到补发】Yolo-High_level系列算法开源项目融入V8 旨在研究和兼容使用【持续更新】

一点就分享系列&#xff08;实践篇5-补更篇&#xff09;[迟到补发]—Yolo系列算法开源项目融入V8旨在研究和兼容使用[持续更新] 题外话 去年我一直复读机式强调High-level在工业界已经饱和的情况&#xff0c;目的是呼吁更多人看准自己&#xff0c;不管是数字孪生交叉领域&#…...

编程日记 2023/3/10 20:25:21

buu RSA 1 (Crypto 第一页)

题目描述&#xff1a; 两个文件&#xff0c;都用记事本打开&#xff0c;记住用记事本打开 pub.key: -----BEGIN PUBLIC KEY----- MDwwDQYJKoZIhvcNAQEBBQADKwAwKAIhAMAzLFxkrkcYL2wch21CM2kQVFpY97 /AvKr1rzQczdAgMBAAE -----END PUBLIC KEY-----flag.enc: A柪YJ^ 柛x秥?y…...

编程日记 2023/3/10 20:24:19

Python 二分查找：bisect库的使用

✅作者简介&#xff1a;人工智能专业本科在读&#xff0c;喜欢计算机与编程&#xff0c;写博客记录自己的学习历程。 &#x1f34e;个人主页&#xff1a;小嗷犬的个人主页 &#x1f34a;个人网站&#xff1a;小嗷犬的技术小站 &#x1f96d;个人信条&#xff1a;为天地立心&…...

编程日记 2023/3/10 20:23:17

性能优化之HBase性能调优

HBase是Hadoop生态系统中的一个组件&#xff0c;是一个分布式、面向列存储的内存型开源数据库&#xff0c;可以支持数百万列&#xff08;MySQL4张表在HBase中对应1个表&#xff0c;4个列&#xff09;、超过10亿行的数据存储。可用作&#xff1a;冷热数据分离HBase适合作为冷数据…...

编程日记 2023/3/10 20:22:15

图像金字塔，原理、实现及应用

什么是图像金字塔 图像金字塔是对图像的一种多尺度表达&#xff0c;将各个尺度的图像按照分辨率从小到大&#xff0c;依次从上到下排列&#xff0c;就会形成类似金字塔的结构&#xff0c;因此称为图像金字塔。 常见的图像金字塔有两类&#xff0c;一种是高斯金字塔&#xff0…...

编程日记 2023/3/10 20:21:13

08-Oracle游标管理（定义，打开、获取数据及关闭游标）

目标 1.确定何时需要显示游标2.声明、打开和关闭显示游标3.从显示游标中提取数据4.了解与游标有关的属性5.使用游标FOR循环检索游标中的数据6.在游标FOR循环的子查询中声明游标7.评估使用逻辑运算符结合在一起的布尔条件游标 1、在使用一个PL/SQL块来执行DML语句或只返回一行结…...

编程日记 2023/3/10 20:20:08

Python判断字符串是否包含特定子串的7种方法

目录1、使用 in 和 not in2、使用 find 方法3、使用 index 方法4、使用 count 方法5、通过魔法方法6、借助 operator7、使用正则匹配转自&#xff1a;https://cloud.tencent.com/developer/article/1699719我们经常会遇这样一个需求&#xff1a;判断字符串中是否包含某个关键词…...

编程日记 2023/3/10 20:19:04

aop实现接口访问频率限制

引言 项目开发中我们有时会用到一些第三方付费的接口&#xff0c;这些接口的每次调用都会产生一些费用&#xff0c;有时会有别有用心之人恶意调用我们的接口&#xff0c;造成经济损失&#xff1b;或者有时需要对一些执行时间比较长的的接口进行频率限制&#xff0c;这里我就简…...

编程日记 2023/3/10 20:18:00

Hive---窗口函数

Hive窗口函数 其他函数: Hive—Hive函数 文章目录Hive窗口函数开窗数据准备建表导入数据聚合函数window子句LAG(col,n,default_val) 往前第 n 行数据LEAD(col,n, default_val) 往后第 n 行数据ROW_NUMBER() 会根据顺序计算RANK() 排序相同时会重复&#xff0c;总数不会变DENSE…...

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

JavaSe第7次笔记

1. C语言里面&#xff0c;NULL是0地址。Java中null和0地址没关系。 2.数组可以做方法的返回值。 3.可以使用变量作为数组的个数开辟空间。 4.断言assert&#xff0c;需要设置。 5.排序&#xff1a;Arrays. sort(array); 6.查找&#xff1a; int index Arrays. binarySea…...

编程日记 2023/3/10 20:15:56

什么是 Service 以及描述下它的生命周期。Service 有哪些启动方法，有 什么区别，怎样停用 Service？

在 Service 的生命周期中，被回调的方法比 Activity 少一些，只有 onCreate, onStart, onDestroy, onBind 和 onUnbind。 通常有两种方式启动一个 Service,他们对 Service 生命周期的影响是不一样的。 1． 通过 startService Service 会经历 onCreate 到 onStart，然后处于运行…...

编程日记 2023/3/10 20:14:53

Redis部署

JAVA安装 mkdir /usr/local/javacd /usr/local/java/wget --no-check-certificate --no-cookies --header "Cookie: oraclelicenseaccept-securebackup-cookie" http://download.oracle.com/otn-pub/java/jdk/8u131-b11/d54c1d3a095b4ff2b6607d096fa80163/jdk-8u13…...

编程日记 2023/3/10 20:13:50

AT32F437制作Bootloader然后实现Http OTA升级

首先创建一个AT32F437的工程&#xff0c;然后发现调试工程配置这里的型号和创建工程选的型号不一致&#xff0c;手动更改一下&#xff0c;使用PW Link下载程序的话还要配置一下pyocd.exe的路径。 打开drv_clk.c文件的调试功能看下系统时钟频率。 项目使用的是AT32F437VMT7芯片&…...

编程日记 2023/3/10 20:12:46

Springboot项目启动初始化数据缓存

1.从Java EE5规范开始&#xff0c;Servlet中增加了两个影响Servlet生命周期的注解&#xff0c; PostConstruct和PreDestroy&#xff0c;这两个注解被用来修饰一个非静态的void&#xff08;&#xff09;方法&#xff0c;被PostConstruct修饰的方法会在服务器加载Servlet的时候运…...

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