前端基础——HTML傻瓜式入门(1)

news2024/12/25 0:37:11

该文章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.coloradmin.cn/o/1520920.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Qt】QT串口接收一帧数据有时候不完整,需要接收两次

1. 现象 //正常数据 Read: "12345678901234567890123456789012345678901234567890" //异常数据 Read: "12345678901234567890123456789012" Read: "345678901234567890"2. 问题代码 #include "serialbase.h"QString seria…

声卡喊话IP喇叭,IP网络吸顶天花喇叭

声卡喊话IP喇叭&#xff0c;IP网络吸顶天花喇叭 SV-7043VP是一款ip/sip网络吸顶喇叭&#xff0c;具有10/100M以太网接口&#xff0c;从网络接口接收网络的音频数据后播放。本网络吸顶喇叭可以与其他广播主机、服务器软件和采播主机配合使用&#xff0c;实现音频的播放&#xf…

leetCode刷题 14. 最长公共前缀

目录 1. 思路 2. 解题方法 3. 复杂度 4. Code 题目&#xff1a; 编写一个函数来查找字符串数组中的最长公共前缀。 如果不存在公共前缀&#xff0c;返回空字符串 ""。 示例 1&#xff1a; 输入&#xff1a;strs ["flower","flow","fli…

docker容器技术基础入门-1

文章目录 容器(Container)传统虚拟化与容器的区别Linux容器技术Linux NamespacesCGroupsLXCdocker基本概念docker工作方式docker容器编排 容器(Container) 容器是一种基础工具&#xff1b;泛指任何可以用于容纳其他物品的工具&#xff0c;可以部分或完全封闭&#xff0c;被用于…

利用express从0到1搭建后端服务

目录 步骤一&#xff1a;安装开发工具步骤二&#xff1a;安装插件步骤三&#xff1a;安装nodejs步骤四&#xff1a;搭建启动入口文件步骤五&#xff1a;启动服务器总结 在日常工作中&#xff0c;有很多重复和繁琐的事务是可以利用软件进行提效的。但每个行业又有自己的特点&…

springboot“鼻护灵”微信小程序的设计与开发

摘 要 伴随着我国社会的发展&#xff0c;人民生活质量日益提高。于是对各种需求进行规范而严格是十分有必要的&#xff0c;所以许许多多的微信小程序应运而生。此时单靠人力应对这些事务就显得有些力不从心了。所以本论文将设计一套“鼻护灵”微信小程序&#xff0c;帮助医生进…

thinkphp 3.x反序列化分析

反序列化&#xff1a; 这里主要是挖掘的一些思路与方法 常用的魔法方法&#xff1a; 1.__construct&#xff0c;__destruct __constuct构建对象的时被调用&#xff1b; __destruct明确销毁对象或脚本结束时被调用&#xff1b; 2.__get&#xff0c;__set __set当给不可访问或不…

基于GT911触控IC的电容屏在MSP430上的驱动

背景 最近参加公司一个电池测试仪的项目&#xff0c;负责电容屏驱动开发&#xff0c;电容屏的触控IC是汇顶科技的GT911&#xff0c;电容屏的总线接口是I2C。 因为项目沟通方面的失误&#xff0c;本应接到主控芯片的电容屏&#xff0c;被连到了MSP430这款负责供电管理的MCU&…

day05-SpringBootWeb请求响应

请求响应&#xff1a; 请求&#xff08;HttpServletRequest&#xff09;&#xff1a;获取请求数据响应&#xff08;HttpServletResponse&#xff09;&#xff1a;设置响应数据 BS架构&#xff1a;Browser/Server&#xff0c;浏览器/服务器架构模式。客户端只需要浏览器&#xf…

Linux使用Docker部署Registry结合内网穿透实现公网远程拉取推送镜像

文章目录 1. 部署Docker Registry2. 本地测试推送镜像3. Linux 安装cpolar4. 配置Docker Registry公网访问地址5. 公网远程推送Docker Registry6. 固定Docker Registry公网地址 Docker Registry 本地镜像仓库,简单几步结合cpolar内网穿透工具实现远程pull or push (拉取和推送)…

科普文之五分钟轻松入门Generative AI

1. 引言 最近&#xff0c;生成式人工智能&#xff08;Generative AI&#xff09;在行业内带来了巨大的变动。还记得 2022 年 11 月推出的 ChatGPT 吗&#xff1f;在短时间内&#xff0c;它就成为了有史以来用户数量最快突破 1 亿的产品。 人工智能已经存在了很长一段时间&…

MySQL锁整理

MySQL锁信息来源 MySQL锁太多&#xff0c;内容太杂。写篇文章记录一下

3D地图在BI大屏中的应用实践

前言 随着商业智能的不断发展&#xff0c;数据可视化已成为一项重要工具&#xff0c;有助于用户更好地理解数据和分析结果。其中&#xff0c;3D地图作为一种可视化工具&#xff0c;已经在BI大屏中得到了广泛地应用。 3D地图通过将地理信息与数据相结合&#xff0c;以更加直观…

python--函数的基本用法

python--函数的基本用法 定义函数无参无返回值有参无返回值无参有返回值有参有返回值 空函数多个返回值函数的参数必传参数&#xff08;不传会报错&#xff09;关键字参数不定长参数*args**kwargs区别 拆包(了解)*用法**用法 定义函数 无参无返回值 def foo():语句有参无返回…

网络安全框架和云安全参考架构介绍

目录 一、网络安全框架 1.1 概述 1.2 IATF框架 1.2.1 框架来源 1.2.2 框架结构图 1.2.3 框架内容 1.2.3.1 人&#xff08;People&#xff09; 1.2.3.2 技术&#xff08;Technology&#xff09; 1.2.3.3 操作&#xff08;Operation&#xff09; 1.3 NIST网络安全框架 …

任何图≌自己这一几何最最起码常识推翻直线公理和平面公理

黄小宁 与x∈R相异&#xff08;等&#xff09;的实数均可表为yxδ&#xff08;增量δ可0也可≠0&#xff09;。因各实数的绝对值都可是表示长度的数故各实数都可是一维空间“管道”g内点的坐标。于是x∈R变换为实数yxδ的几何意义可是&#xff1a;“管道”g内R轴上的质点x∈R(x…

由浅到深认识C语言(9):动态内存分配

该文章Github地址&#xff1a;https://github.com/AntonyCheng/c-notes 在此介绍一下作者开源的SpringBoot项目初始化模板&#xff08;Github仓库地址&#xff1a;https://github.com/AntonyCheng/spring-boot-init-template & CSDN文章地址&#xff1a;https://blog.csdn…

前端基础——HTML傻瓜式入门(2)

该文章Github地址&#xff1a;https://github.com/AntonyCheng/html-notes 在此介绍一下作者开源的SpringBoot项目初始化模板&#xff08;Github仓库地址&#xff1a;https://github.com/AntonyCheng/spring-boot-init-template & CSDN文章地址&#xff1a;https://blog.c…

夏天快到了,车辆改色膜备案流程是什么?

夏天快到了 越来越多的车主想给自己的爱车贴上变色膜。 但也有不少车主对车辆贴膜登记流程并不清楚。 本期电影一号小编就给大家科普一下。 一起来看看吧~ 您可以先更改车身颜色&#xff0c;然后再进行&#xff1a; 现在相关政策发生了变化&#xff0c;允许车主先改变车辆颜…

复杂微纳结构制造需求旺盛 微纳3D打印市场发展前景广阔

复杂微纳结构制造需求旺盛 微纳3D打印市场发展前景广阔 微纳3D打印是一种基于增材原理制造微纳结构的新型微纳加工技术。   3D打印又称为增材制造&#xff0c;是以数字模型为基础&#xff0c;将材料逐层堆积制造出实体物品的制造技术。我国3D打印市场发展动力强劲&#xff0c…