前端基础——HTML傻瓜式入门（1）

该文章Github地址：https://github.com/AntonyCheng/html-notes

在此介绍一下作者开源的SpringBoot项目初始化模板（Github仓库地址：https://github.com/AntonyCheng/spring-boot-init-template & CSDN文章地址：https://blog.csdn.net/AntonyCheng/article/details/136555245），该模板集成了最常见的开发组件，同时基于修改配置文件实现组件的装载，除了这些，模板中还有非常丰富的整合示例，同时单体架构也非常适合SpringBoot框架入门，如果觉得有意义或者有帮助，欢迎Star & Issues & PR！

1.前端开发主要技术介绍

1.1.HTML5

搭建网页结构的语言，增加了很多移动端的支持，简单好学。

1.2.CSS3

样式表，美化网页的语言，增加了很多动画、过渡等新特性，要记的英语单词非常多，不过非常有意思。

1.3.JavaScript

前端开发工程师最重要的“看家语言”，JS功底的好坏决定了职业高度，学习需要下苦功。

1.4.Vne.js/React.js

从2016年开始流行的前端框架，采用模块化开发，数据驱动，声明式编程。

2.什么是IDE

IDE是指集成开发环境，是含代码变价、关键字高亮、智能感应、只能纠错、格式美化、版本管理等功能于一身的“高级代码编辑器”。

IDE名称公司
Visual Studio Code微软公司
Sublime个人开发者
AtomGitHub
WebStormJet brains
HBuidlerDCloud

3.互联网基本原理

3.1.在本地开发，在服务器共享

在本地把诸如.html / .css / .js文件全部写好，然后将这些文件上传到某一个服务器上，此时这个文件就拥有了网址：www.name.com/file/filename.html, 然后所有用户都能访问这个网址。

3.2.HTTP协议

定义：HTTP协议（Hypertext Transfer Protocol，超文本传输协议）是互联网数据传输的常见协议。一次HTTP事务是由“HTTP请求”和“HTTP响应”构成。网址前的http:// 就表示用http协议请求页面。

用户通过输入网址访问一个网站，需要用户向服务器发出一个HTTP请求，服务器会正确识别用户所发来的HTTP请求，分析出正确的文件夹中的文件。

服务器接收到HTTP请求后，后向用户做出一个HTTP响应，让用户看到文件夹里的内容。

3.3.什么是前端，什么是后端

用户和服务器的流程：

  1. 用户向服务器发出HTTP请求。
  2. 在服务器上，Java、PHP、Python等程序将运行，执行数据库“增删查改”等业务，它们就是后端语言。
  3. 服务器向用户做出HTTP响应。
  4. 在浏览器中，HTML、CSS和JS程序将运行，执行页面结构渲染、美化、交互效果等业务，他们就是前端语言。

4.创建第一个网页

4.1.文件创建方法

方法一：先新建一个文件夹，然后把文件夹拖入 VS code 或者选择进 VS code ，然后新建（ctrl+n）一个新的.html文件。

方法二：先创建一个文件夹，在文件夹中直接点击鼠标右键“新建文本文档”，然后将后缀 .txt 改成 .html。

4.2.HTML骨架的生成

输入 ! （英文模式下的感叹号），按下tab键，即可自动生成HTML5的骨架。

5.浏览网页的方法

方法一：直接双击文件夹中双击网页图标，即可查看网页。

方法二：给 VS code 安装Live Server插件，让网页实时更新，安装完成后按CTRL+shift+p，选择“open with live server”即可，使用这个方法之前需要把网页放在一个文件夹里（即第一种文件创建方式），且 VS Code 已经打开了这个文件夹。

6.认识HTML5骨架

6.1.基本框架

<!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>

6.2.分块分析

6.2.1.W3C组织

该组织是万维网的主要国际标准组织，负责制定Web标准，主要是HTML和CSS。

6.2.2.文档类型声明DTD

<!DOCTYPE html>

HTML文件第一行必须是DTD（Document Type Definition，文档类型声明

不写DTD会引起浏览器的一些兼容问题

6.2.3.<html>标签对

<html lang="en">
</html>

lang属性表示网页的语言，en 表示英文，zh 表示中文，学习期间改不改没所谓

6.2.4.<head>和<body>

<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>

<head>标签对是网页的配置，并不是网页的头部

<body>标签对是书写网页的内容，包括网页的头部，主要内容，页脚等各个部分

7.字符集

7.1.字符编码方式

<meta charset="UTF-8">

meta表示‘元标签’，charset表示’字符集‘，UTF-8表示’字符编码方式‘

<meta charset="gb2312">

gb2312表示’字符编码方式‘，也称gbk，其中收录了所有的汉字字符（繁体和简体）和英语，少量韩文，日文和少量的图形字符，编写出来的网页比utf-8编写出来的网页所占空间少。

7.2.更改字符编码方式

无论使用哪种字符集，一定要在VS Code编辑器中将文件也设置为相同字符集，否则会出现乱码，然后更改meta标签，但是要注意，live server插件仅支持utf-8。

8.title、关键字以及页面描述

8.1.title设置出现的位置

<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>

网页的标题在title标签中插入，此时插入后的效果如下：

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

title标签会以文字的形式出现在网页名字上

8.2.网页关键词和页面描述

合理设置网页的管检测和页面描述，也是SEO（搜索引擎优化）的重要手段，目的是拉高有关搜索引擎中的自然排名。

使用meta标签设置网页关键词和描述，name属性非常关键，用来设置meta的具体功能。

meta属性中的name/content的属性可以重复设置。

如下俩个例子：

<meta name="Keywords" content="keywords1，keywords2……">
<!--这里是一个关键词属性，有利于网络引擎的爬取-->

<meta name="Description" content="des1,des2……">
<!--这里是一个描述属性，能显示在网页搜索页面的简介部分中-->

也有直接的骨架例子：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这里就描述了一个viewport的一个属性：

一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：

  1. width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
  2. height：和 width 相对应，指定高度。
  3. initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
  4. maximum-scale：允许用户缩放到的最大比例。
  5. minimum-scale：允许用户缩放到的最小比例。
  6. user-scalable：用户是否可以手动缩放。

9.认识标签

9.1.标签对

标签通常是成对出现的：

<p>dididi</p>

不同功能的标签有不同的功能：

<p></p>		<!--段落标签-->
<h1></h1>	<!--一级标题标签-->

9.2.单标签

最常见的就是meta标签：

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

10.标题和段落标签

10.1.标题标签 <h>

h系列标签表示“标题”语义，h是headline的意思

标签语义
h1一级标题
h2二级标题
h3三级标题
h4四级标题
h5五级标题
h6六级标题

搜索引擎非常看重 h标签 应该把重点内容放到<h1> </h1>里。

但是只能设置一个，否者会被搜索引擎视为作弊，从而不会抓取。

10.2.段落标签 <p>

<p></p>标签表示段落标签，p是paragraph的意思。

任何段落都要放在<p></p>标签中，因为HTML中即使代码换行了，页面显示效果也不会换行，必须写在<p></p>中。

<p></p>标签中不能嵌套 h系列标签 和其他 p系列标签。

11.div标签

11.1.div定义

div是英语division“分割”的缩写，顾名思义，<div></div>标签对用来将相关的内容组合在一起，以和其他内容分割，是文档结构更加清晰。

比如，网页的头部要放到一个<div></div>标签对当中，轮播图也要放到一个<div></div>标签对当中，文章内容也要放到一个<div></div>标签对中。

<div></div>是最常见的HTML标签，因为它可以结合CSS使用，实现网页的布局，这种布局形式叫做“DIV+CSS”。

<div></div>像是一个容器，什么都可以容纳，因此工程师也习惯称呼<div></div>为“盒子”。

11.2.div的常见类名

<div>标签可以添加class属性表示“类名”，类名服务于CSS

区域类名
页头header
logologo
导航条nav
横幅banner
内容区域content
页脚footer

12.HTML特性

12.1.空白折叠现象

文字和文字之间的多个空格，换行会被折叠成一个空格

例如下：

<body><p>你    		 好     啊    ！</p>
</body>

打印效果如下：

你 好 啊 ！

标签的“内壁”和文字之间的空格是会被忽略的。

例如下：

<body><p>           你好啊！</p>
</body>

打印效果如下：

你好啊！

12.2.转义字符

常见的转义符号：

转义字符意义
&lt;小于号 <
&gt;大于号 >
&nbsp;空格（不会被折叠）  
&copy;版权符号 ©
&amp;和号 &
&quot;引号 "
&apos;撇号 '

首先，我们来看看我们如何在网页上显示：我们今天学习了<p></p>标签的功能是段落。

<body>我们今天学习了&lt;p&gt;&lt;/p&gt;标签的功能是段落。
</body>

打印如下：

我们今天学习了<p></p>标签的功能是段落。

12.3.HTML注释

写法如下：

<!--content-->

用 VS Code 可以使用 ctrl+/ 键入。

13.项目开发(了解)

13.1.项目起步

创建文件夹，主要文件夹如下：

文件夹名意义
images存放图片
css存放样式表
js存放js文件

13.2.网站首页index.html

绝大多数服务器默认的网站首页名为index.html

14.列表的使用

14.1.三种列表

标签语义
<ul></ul>无序列表
<ol></ol>有序列表
<dl></dl>定义列表

14.2.无序列表 <ul><li></li></ul>

14.2.1.<ul>标签和<li>标签

无序列表使用<ul></ul>标签，每个列表项都是<li></li>标签。

<ul><li>面包</li><li>牛奶</li><li>鸡蛋</li><li>水果</li>
</ul>

实例如下：

  • 面包
  • 牛奶
  • 鸡蛋
  • 水果

无序列表是一个父子组合标签，<ul><li></li></li>需要同时出现。

并且这种父子组合标签（嵌套结构），必须注意代码的缩进（Tab键）。

<li></li>标签必须放在<ul></ul>和<ol></ol>中作为子标签。同时<ul></ul>和<ol></ol>的子标签只能是<li></li>标签。

<li></li>标签是容器，内部可以放任何其他标签，例如下：

<ul><li>面包<p>全麦面包</p></li><li>牛奶<p>脱脂牛奶</p></li><li>鸡蛋<p>卤制品</p></li><li>水果<p>富含较多的维生素C</p></li>
</ul>

打印结果如下：

  • 面包

    全麦面包

  • 牛奶

    脱脂牛奶

  • 鸡蛋

    卤制品

  • 水果

    富含较多的维生素C

14.2.2.无序列表的嵌套

直接先来看例子：

<ul><li><p>四川省</p><ul><li><p>成都市</p><ul><li>武侯区</li><li>高新区</li></ul></li><li>绵阳市</li><li>德阳市</li></ul></li><li><p>福建省</p><ul><li>福州市</li><li>厦门市</li><li>宁德市</li></ul></li>
</ul>

打印效果如下：

  • 四川省

    • 成都市

      • 武侯区
      • 高新区
    • 绵阳市
    • 德阳市

  • 福建省

    • 福州市
    • 厦门市
    • 宁德市

一定要记住：

  1. li不能散着放
  2. ul的子标签只能是li
  3. li里面可以放任何东西

14.2.3.无序列表的TYPE属性

无序列表有type属性，可以定义前导符号的样式，但是在HTML5中已经被废弃了，建议用CSS替代。

值描述
disc默认值，实心圆
circle空心圆
square实心方块

用法：

<ul type="disc"><li>1</li><li>2</li>
</ul>
<ul type="circle"><li>1</li><li>2</li>
</ul>
<ul type="square"><li>1</li><li>2</li>
</ul>

打印如下：

  • 1
  • 2
  • 1
  • 2
  • 1
  • 2

14.3.有序列表 <ol><li></li></ol>

14.3.1.<ol>标签和<li>标签

无序列表使用<ol></ol>标签，每个列表项都是<li></li>标签。

<ol><li>面包</li><li>牛奶</li><li>鸡蛋</li><li>水果</li>
</ol>

打印效果如下：

  1. 面包
  2. 牛奶
  3. 鸡蛋
  4. 水果

14.3.2.<ol></ol>标签的注意事项与<ul></ul>相同

我们在写一个<ol>的基本demo：

<ol><li><p>美国</p><ol><li>纽约</li><li>洛杉矶</li><li>旧金山</li></ol></li><li><h2><b>中国</b></h2><ol><li><b>上海</b></li><li><b>北京</b></li><li><b>广州</b></li></ol></li><li><p>日本</p><ol><li>东京</li><li>大阪</li><li>横滨</li></ol></li>
</ol>

打印效果如下：

  1. 美国

    1. 纽约
    2. 洛杉矶
    3. 旧金山

  2. 中国

    1. 上海
    2. 北京
    3. 广州

  3. 日本

    1. 东京
    2. 大阪
    3. 横滨

14.3.3.<ol>标签的TYPE属性

type属性值意义
a表示小写英文字母编号
A表示大写英文字母编号
i表示小写罗马字母编号
I表示大写罗马字母编号
1表示数字编号

我们来试试：

<ol type="a"><li>就是玩</li><li>就是玩</li>
</ol>
<ol type="A"><li>就是玩</li><li>就是玩</li>
</ol>
<ol type="i"><li>就是玩</li><li>就是玩</li>
</ol>
<ol type="I"><li>就是玩</li><li>就是玩</li>
</ol>
<ol type="1"><li>就是玩</li><li>就是玩</li>
</ol>

打印效果如下：

  1. 就是玩
  2. 就是玩
  1. 就是玩
  2. 就是玩
  1. 就是玩
  2. 就是玩
  1. 就是玩
  2. 就是玩
  1. 就是玩
  2. 就是玩

14.3.4.<ol>标签的start属性

  • start属性值必须是一个整数，指定了列表编号的起始值。
  • 此属性的值应为阿拉伯数字，尽管列表条目的编号类型type属性可能指定为了罗马数字编号等其它类型的编号。

此时，start属性所设置的就是一个排序起始值，和type属性并不矛盾。

例如下：

<ol type="a" start="5"><li>就是玩</li><li>就是玩</li><li>就是玩</li><li>就是玩</li><li>就是玩</li><li>就是玩</li><li>就是玩</li><li>就是玩</li><li>就是玩</li>
</ol>

此时的起始序数应该是小写字母的第五位——e。

打印效果如下：

  1. 就是玩
  2. 就是玩
  3. 就是玩
  4. 就是玩
  5. 就是玩
  6. 就是玩
  7. 就是玩
  8. 就是玩
  9. 就是玩

14.3.5.<ol>标签的reversed属性

  • reversed属性指定列表中的条目是否是倒叙排列。
  • reversed属性不需要值，只需要写reversed单词即可。

例如下：

<ol type="a" reversed><li>就是玩</li><li>就是玩</li><li>就是玩</li><li>就是玩</li>     <li>就是玩</li><li>就是玩</li><li>就是玩</li><li>就是玩</li><li>就是玩</li>
</ol>

打印效果如下：

  1. 就是玩
  2. 就是玩
  3. 就是玩
  4. 就是玩
  5. 就是玩
  6. 就是玩
  7. 就是玩
  8. 就是玩
  9. 就是玩

注意：有 reversed 时，尽量不要用 start 属性，避免混乱。

14.4.定义列表 <dl><dt></dt><dd></dd></dl>

14.4.1.示例

<dl><dt>北京</dt><dd>我国首都，政治中心，文化中心</dd><dt>上海</dt><dd>国际经济、金融、科技创新中心</dd><dt>深圳</dt><dd>经济特区，国际化都市</dd>
</dl>

打印效果如下：

北京
我国首都，政治中心，文化中心
上海
国际经济、金融、科技创新中心
深圳
经济特区，国际化都市

14.4.2.代码解释

  • <dl></dl>全称 ”definition list“ 定义列表。
  • <dt></dt>全称 ”data term“ 数据项。
  • <dd></dd>全称 ”data definition“ 数据定义。

14.4.3.<dl>和<dt>、<dd>标签

<dl>是定义列表标签，内容交替出现<dt>、<dd>标签，例子如上例。

但也允许 dt 和 dd 不交替出现，而是分别处于不同的定义列表中。这样有利于我们向里面添加更多样式的CSS元素。

例如下：

<dl><dt>HTML5</dt><dd>超文本标记语言</dd>
</dl>
<dl><dt>CSS</dt><dd>叠层式样式表</dd>
</dl>
<dl><dt>JavaScript</dt><dd>脚本程序</dd>
</dl>

打印效果如下：

HTML5
超文本标记语言
CSS
叠层式样式表
JavaScript
脚本程序

14.4.4.什么时候要去使用定义列表

  • 是用什么样的标签，应该看语言。
  • 只要语义上有解释说明含义的文字，且形态为列表，应该使用定义列表。

下一章：前端基础——HTML傻瓜式入门（2）

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/748631.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

ThingsBoard Edge 安装部署

ThingsBoard Edge 安装部署

文章目录 一、概述1.官方文档2.部署说明3.安装准备3.1. 克隆服务器3.2.安装 Docker3.3.安装 Java 113.4.安装 PostgreSQL3.5.下载安装包 二、安装部署1.创建 Edge 实例2.创建数据库3.Edge 服务安装3.1.安装服务3.2.配置 Edge3.3.运行安装脚本3.4.重新启动服务 4.访问 Edge5.故障…
阅读更多...
html canvas怎么在图片上面加文字

html canvas怎么在图片上面加文字

在HTML canvas中&#xff0c;要让文字显示在图片上方&#xff0c;你需要按照以下步骤操作&#xff1a; 首先&#xff0c;使用drawImage()方法将图片绘制到canvas上。 然后&#xff0c;使用fillText()或strokeText()方法在canvas上绘制文本。 以下是一个简单的示例代码&#…
阅读更多...
自动驾驶---Motion Planning之构建SLT Driving Corridor

自动驾驶---Motion Planning之构建SLT Driving Corridor

1 背景 在上篇博客《自动驾驶---Motion Planning之Speed Boundary》中，主要介绍了Apollo中Speed Boundary的一些内容，可以构造ST图得到边界信息，最后结合粗糙的速度曲线和路径曲线，即可使用优化的方法求解得到最终的轨迹信息（s，s，s，l，l，l）。 本篇博客笔者主要介绍近…
阅读更多...
系统重构后，对项目定制开发的兼容性问题

系统重构后，对项目定制开发的兼容性问题

公司自实施产品线战略以来&#xff0c;基本推翻了全部旧有业务模块。后续以标准产品二次开发的模式进行项目开发。但在涉及到一些旧有系统二期、三期升级改造过程中。不可避免的需要解决旧有系统的客户定制化开发兼容性问题。也就是旧有系统定制开发的模块不能丢弃。重新开发从…
阅读更多...
【SQL Server】实验八 综合设计

【SQL Server】实验八 综合设计

1 实验目的 了解和掌握数据库设计的有关理论和方法。可以灵活运用数据库设计方法设计一个中小型规模的数据库。 2 实验内容 2.1 数据库概念模型设计 进行需求分析。设计数据库概念模型&#xff0c;画出E-R图。 2.2 数据库逻辑模型设计 根据数据库概念模型设计数据库的逻…
阅读更多...
现货大宗商品交易所软件的功能介绍有演示版

现货大宗商品交易所软件的功能介绍有演示版

现货大宗商品交易所软件是专为大宗商品交易设计的系统平台&#xff0c;其功能涵盖了交易的各个环节&#xff0c;旨在提高交易效率、降低交易成本并促进市场规范化。以下是现货大宗商品交易所软件的主要功能&#xff1a; 用户管理模块&#xff1a; 注册与登录&#xff1a;为新…
阅读更多...
量化系统QTYX使用攻略|“盘中战法”篇——监测个股盘口异动，机器人远程提醒(更新2.8.0)...

量化系统QTYX使用攻略|“盘中战法”篇——监测个股盘口异动，机器人远程提醒(更新2.8.0)...

QTYX简介‍‍‍ 股票量化交易系统QTYX是一个即可以用于学习&#xff0c;也可以用于实战炒股分析的系统。 分享QTYX系统目的是提供给大家一个搭建量化系统的模版&#xff0c;最终帮助大家搭建属于自己的系统。因此我们提供源码&#xff0c;可以根据自己的风格二次开发。 关于QTY…
阅读更多...
Javascript抓取京东、淘宝商品数据（商品采集商品详情图片抓取）

Javascript抓取京东、淘宝商品数据（商品采集商品详情图片抓取）

之前用的方法&#xff1a; let temp []var lists $(#J_goodsList li.gl-item)$.each(lists,function(idx,item){ temp.push({ id:$(item).data(sku), goods_img:$(item).find(img).attr(src), goods_name:$(item).find(.p-name em).text(), market_price:$(item).fi…
阅读更多...
洗眼镜用什么超声波清洗机洗比较好？四款黑马产品集合力荐

洗眼镜用什么超声波清洗机洗比较好？四款黑马产品集合力荐

对于眼镜佩戴者而言&#xff0c;保持眼镜的清洁不仅关系到舒适的佩戴体验&#xff0c;更直接影响到视觉的清晰度。然而&#xff0c;传统的清洗方法往往难以彻底去除镜片上的污渍、油脂以及细菌&#xff0c;尤其是眼镜的角落和细小缝隙&#xff0c;更是清洁的死角。随着科技的发…
阅读更多...
HDS-NAS分配资源并挂载win和linux

HDS-NAS分配资源并挂载win和linux

1、首先创建系统文件。 选择nas存储池 2、根据自己的需求创建相应的挂载方式 3、window配置 配置成功 最后即可在window系统网络位置映射网络即可&#xff0c; 格式为\\123.3.4.5\test 注&#xff1a;IP地址 4、liunx挂载方式 创建完成之后即可挂载&#xff0c;注意目的主…
阅读更多...
数据结构——动态顺序表

数据结构——动态顺序表

数据结构的动态顺序表有以下几个操作&#xff1a;创建&#xff0c;销毁&#xff0c;初始化&#xff0c;增删查改和打印以及内存空间不够时的扩容 本文的宏定义&#xff1a; #define SeqTypeData int 1.动态顺序表的创建 typedef struct SeqListInit{//动态顺序表的创建SeqT…
阅读更多...
面试经典-MySQL篇

面试经典-MySQL篇

一、MySQL组成 MySQL数据库的连接池&#xff1a;由一个线程来监听一个连接上请求以及读取请求数据&#xff0c;解析出来一条我们发送过去的SQL语句SQL接口&#xff1a;负责处理接收到的SQL语句查询解析器&#xff1a;让MySQL能看懂SQL语句查询优化器&#xff1a;选择最优的查询…
阅读更多...
springboot爱看漫画小程序的设计与实现

springboot爱看漫画小程序的设计与实现

摘 要 相比于以前的传统手工管理方式&#xff0c;智能化的管理方式可以大幅降低爱看漫画的运营人员成本&#xff0c;实现了爱看漫画的标准化、制度化、程序化的管理&#xff0c;有效地防止了爱看漫画的随意管理&#xff0c;提高了信息的处理速度和精确度&#xff0c;能够及时、…
阅读更多...
双指针算法_复写零

双指针算法_复写零

题目&#xff1a; 给一个固定长度的数组arr&#xff0c;将数组中出现的每一个0都复写一遍&#xff0c;并且将其余元素都往右移动 且不要再超过数组长度的位置写入元素&#xff0c;在数组上直接修改 示例&#xff1a; 双数组模拟操作&#xff1a; 从示例来看&#xff0c;因为…
阅读更多...
《Learning Hierarchical Modular Networks for Video Captioning》论文笔记

《Learning Hierarchical Modular Networks for Video Captioning》论文笔记

论文信息 原文链接&#xff1a; Learning Hierarchical Modular Networks for Video Captioning | IEEE Journals & Magazine | IEEE Xplore 原文代码 GitHub - MarcusNerva/HMN: [CVPR2022] Official code for Hierarchical Modular Network for Video Captioning. Ou…
阅读更多...
GPT3.5、GPT4及Midjourney中转接口ChatGPT系统KEY使用方法

GPT3.5、GPT4及Midjourney中转接口ChatGPT系统KEY使用方法

很多使用ChatGPT系统、还有SparkAi、NineAi等系统都存在个比较烦的问题&#xff0c;Openai API 3.5KEY 4.0KEY&#xff0c;Midjourney接口KEY都没有一个稳定的购买或者使用渠道。直连KEY买来还得得建立反代主机&#xff0c;Midjourney接口通过MJ-PROXY-PLUS系统折腾了几天也能使…
阅读更多...
linux用git拉取我云端以及git处理冲突

linux用git拉取我云端以及git处理冲突

拉取后切换一个跟云端分支(dev)一样的 git branch --set-upstream-toorigin/dev dev 之后就同步了 A在dev分支写了iii,提交 B在dev分支写了hhh,提交,冲突 怎么修改,B把云端的拉下来,随便改改就行
阅读更多...
大语言模型RAG-技术概览 (一)

大语言模型RAG-技术概览 (一)

大语言模型RAG-技术概览 (一) 一 RAG概览 检索增强生成&#xff08;Retrieval-AugmentedGeneration, RAG&#xff09;。即大模型在回答问题或生成问题时会先从大量的文档中检索相关的信息&#xff0c;然后基于这些信息进行回答。RAG很好的弥补了传统搜索方法和大模型两类技术…
阅读更多...
低压线性恒流LED恒流驱动芯片SM15633EH：用于洗墙灯和线条灯

低压线性恒流LED恒流驱动芯片SM15633EH：用于洗墙灯和线条灯

洗墙灯和线条灯是两种常见的LED照明产品&#xff0c;它们都需要使用LED恒流驱动芯片来确保稳定、可靠的电流供应&#xff0c;从而保证LED的使用寿命和亮度。 对于洗墙灯而言&#xff0c;由于其发出的光线需要覆盖较大的区域&#xff0c;因此需要使用较大功率的LED芯片&#xf…
阅读更多...
18-结构体（初识）

18-结构体（初识）

18-1 概念 我们现在已经知道的数据类型&#xff1a; char short int long float double 但是当我们需要描述一个复杂对象时&#xff0c;这些数据类型单独拿出来不能满足&#xff0c;如&#xff1a; 人&#xff1a;名字年龄性别地址电话 书&#xff1a;书名作者出版社定价书…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023