前端网页开发学习(HTML+CSS+JS)有这一篇就够!

目录

HTML教程

▐ 概述

▐ 基础语法

▐ 文本标签

▐ 列表标签 

▐ 表格标签

▐ 表单标签

CSS教程

▐ 概述

▐ 基础语法

▐ 选择器

▐ 修饰文本

▐ 修饰背景

▐ 透明度

▐ 伪类

▐ 盒子模型

▐ 浮动

▐ 定位

JavaScript教程

▐ 概述

▐ 基础语法

▐ 函数

▐ 事件

▐ 计时  

▐ HTML DOM

html css js三者之间的关系


HTML教程


▐ 概述

HTML是HyperText  Markup  Language的缩写,即超文本标记语言。它为我们提供了许多功能不同的标签,最终运行时由浏览器对标签进行解析,呈现出不同标签的样子。

▐ 基础语法

注释:  <!--   -->        ( Ctrl + / )

	<body>	<!-- html注释 -->	</body>

 基本框架解读:

▐ 文本标签

➱ 标题标签   <h1></h1>....<h6></h6>

➱ 超链接   <a></a>

➱ 段落标签   <p></p>

➱ 图片标签   <img src="图片地址"/>

➱ 换行   <br/>        标尺线   <hr/>       加粗   <b></b>

		<h1>标题一</h1><a href="跳转链接">百度一下</a><p>段落标签</p><img src="img/lisa.jpg"/><br /><hr /><b>END</b>

▐ 列表标签 

 无序列表    <ul></ul> 

➱ 有序列表    <ol></ol>

➱ 列表项        <li></li>  

		<ul><li>无序项1</li><li>无序项2</li><li>无序项3</li></ul><ol><li>有序项1</li><li>有序项2</li><li>有序项3</li></ol>

▐ 表格标签

➱ 表格标签    <table></table>

 表格中的行    <tr></tr>

 表格的表头    <th></th>

表格的单元格    <td></td>

快速建表:table>tr*4>td*4   按Tab键  (生成一个4行4列的表)

		<!-- table 表格标签 --><!-- cellspacing 设置单元格与单元格之间的距离(外边距) --><table border="1" width=400 cellspacing="0"><!-- tr表格中的行 --><tr><!-- th 表头单元格 居中加粗--><th>姓名</th><th>语文</th><th>数学</th><th>英语</th></tr><tr><td >张三</td><td>84</td> <td>87</td><td>94</td></tr><tr><td>李四</td><td>79</td><td>88</td><td>92</td></tr><tr><td>小王</td><td>79</td><td>88</td><td>92</td></tr></table>

绘制表格时的一些常用属性:

border            边框
height             高度
width               宽度
align                内容水平方向的位置   (left,center,right)
valign              内容垂直方向的位置   (top,middle,bottom)
cellspacing     设置单元格与单元格之间的距离   (外边距)
cellpadding     设置单元格内容到边框的距离   (内边距)
bgcolor            背景颜色
colspan            跨多列合并   (从哪个合并就在哪个单元格添加并删除多余的单元格)
rowspan           跨多行合并   (合并完成后需要删除其他行多余的单元格)


 •   th 表头单元格中的内容是居中加粗的,td 普通单元格就没有此效果 

 •   表格中的内容只能放在单元格中.

 •   绘制表格时必须要添加border边框属性,否则表格不会显示出来

▐ 表单标签

➱ 表单区域    <form></form>

➱ 单行输入框    <input/>

<input/>标签中提供了type属性,我们可以通过设置type的属性值来改变单行输入框的样式,如:

  • type = " text "                 文本输入框
  • type = " password "        密码框
  • type = " radio "               单选框    (多个选项的name必须相同才能互斥)
  • type = " checkbox "        多选框
        <!-- form标签 表示一个表单区域 --><form>账号:<input type="text" placeholder="请输入账号" /><br />密码:<input type="password" /><br /><!-- 注意:多选框和单选框的多个选项的name必须相同才能互斥 -->性别:<input type="radio" name="gender" />男<input type="radio" name="gender" />女<br />课程:<input type="checkbox" name="course" />政治<input type="checkbox" name="course" />语文<input type="checkbox" name="course" />数学<input type="checkbox" name="course" />英语<br /></form>

➱ 下拉选择框    <select></select>         选项内容    <option></option>   

		籍贯<select><!-- 选择性组件必须要给默认的value --><option value="101">陕西</option><option value="102">四川</option><option value="103">浙江</option><option value="104">湖南</option>	</select>

➱ 多行文本域    <textarea></textarea>

		<!-- 可设置文本域的大小(列和行) --><textarea cols="30" rows="10"></textarea>

➱ 按钮    按钮依然写在<input/>标签中,只不过不同按钮的type属性不同

		<!-- 提交按钮,触发表单的提交动作 --><input type="submit" value="提交"/><!-- 重置按钮 --><input type="reset"  value="重置"/><!-- 普通按钮,用来绑定事件 (在JavaScript中会详细介绍) --><input type="button" value="触发"/>

CSS教程


▐ 概述

css是一种样式表语言,它提供了许多属性来对Html标签进行修饰,使我们的页面更加美观。

基础语法

我们把对文本样式进行定义和修饰的CSS代码写在<style></style>中。

注释:  /*   */         ( Ctrl + / )

	<style>/* CSS注释 */</style>

CSS样式表分为:行内样式表内嵌样式表、外部样式表.

简单来说就是css代码写的位置不同而已,如果标签只出现一次可以考虑使用行内样式写法。若有多组标签且样式需求一致可以使用内嵌样式写法。一般在大的项目css代码很多情况下才使用外部样式写法,也就是将css代码单独写在一个.css文件中,再在html文件中通过<link/>导入即可。

		<!-- href=" .css文件位置 " --><link rel="stylesheet" href="" />

▐ 选择器

选择器是将样式表和标签进行匹配的,常用选择器有4种:

➱   标签选择器 :匹配页面中所有的指定标签

➱   id选择器 :匹配id值唯一的一个标签

➱   类选择器 :匹配class属性相同的一组标签

➱   通配选择器 :匹配页面中所有标签

	<style>/* 标签选择器 */p{ }/* id选择器 */#shell{ }/* 类选择器 */.content{ }/* 通配选择器 */*{ }	</style><body><p></p><div id="shell"></div><div class="content"></div><div class="content"></div><h1></h1></body>

▐ 修饰文本

▐ 修饰背景

▐ 透明度

CSS中 opacity属性是用来定义透明度的,并且规定范围是从 0.0 ~ 1.0  ( 完全透明 ~ 完全不透明 )

		<style>#photo{opacity: 0.5; /*完全透明 0.0 ~~ 1.0 完全不透明*/}</style><body><!-- 原图 --><img src="img/lisa.jpg" /><!-- 设置半透明 --><img src="img/lisa.jpg" id="photo"/></body>

效果如下: 

▐ 伪类

CSS伪类专门用来表示标签的一种的特殊的状态,常用的伪类有:

   : hover   表示鼠标移入的状态

   : active   表示被点击的状态

   : focus   向拥有键盘输入焦点(例如输入框)的标签添加样式

		<style>#photo{opacity: 0.5; }#photo:hover{opacity: 1.0;}</style><body><img src="img/lisa.jpg" id="photo"/></body>

  此段代码表示当鼠标移入图片时,图片的样式从原本的半透明转变为完全不透明

▐ 盒子模型

CSS处理网页时,它认为每个标签都包含在一个不可见的盒子里,如果把所有的标签都想象成盒子,那么我们对网页的布局就相当于是摆放盒子,只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。

 一个盒子分为4个部分:内容区、内边距、边框、外边距

标签大小 = 内容区大小 + 内边距大小 + 边框

content:内容区指盒子中放标签内容的区域,子标签都存在于内容区中。width和 height两个属性就是设置内容区大小的。如果没有为标签设置内边距和边框,则内容区大小默认和盒子大小一致。

padding:内边距指标签内容区到边框以内的区域。内边距会影响整个盒子的大小(涉及计算问题)

border:边框是标签可见框的最外部,也会算在标签大小中。 边框的三要素有:宽度 width、颜色 color、样式 style,三者缺一不可。

margin:外边距指标签边框与周围其他标签相距的区域,外边距不影响盒子的整体大小 ,但是会影响盒子的位置。

若想使标签位置水平居中可以将margin设置为auto,这样浏览器会将左右外边距设置为相等,但要注意:若把标签上下外边距设置为auto,不会使标签垂直居中,外边距依然为0,上下外边距需要给具体的值。

▐ 浮动

由于网页默认是一个二维平面,当我们在网页中一行行摆放标签时,块标签会独占一行,行标签则只占自身大小,这种情况下要实现网页布局就很麻烦,所以我们就需要通过一些方法来改变这种默认的布局方式。

CSS中的浮动属性可以让标签脱离原来的文档流,也就是二维平面,浮动后的标签默认是内容的大小,且可以为其设置宽和高。

但是浮动后的标签不占用原来文档流的空间,下面的标签就会向上移动,会影响后面的网页布局,所以我们通常在浮动的标签后使用清除浮动属性,自动让父级标签撑开

▐ 定位

position 属性规定应用于元素的定位方法的类型(static、relative、fixed、absolute 或 sticky)

position: static;   (默认)

HTML元素默认情况下的定位方式为 static(静态),静态定位的元素不受 top、bottom、left 和 right 属性的影响,不会以任何特殊方式定位,它始终根据页面的正常流进行定位。

固定定位    position: fixed; 

固定定位的元素是相对于视口定位的,即使滚动页面,它也始终位于同一位置。 top、right、bottom 和 left 属性用于定位此元素。

相对定位    position: relative;       (相对定位和绝对定位是我们常用的 )

元素相对于其正常位置进行定位。设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。

绝对定位    position: absolute;

元素相对于最近的定位祖先元素进行定位(而不是相对于视口定位,如 fixed),如果绝对定位的元素没有祖先,它将使用文档主体(body),并随页面滚动一起移动。

JavaScript教程


▐ 概述

JavaScript简称JS,是为网页添加各式各样的动态功能的一种前端脚本语言,也就是网页的行为。

JS是前端脚本语言,Java是后端高级语言,不要因名字相似而混为一谈,二者并无联系

▐ 基础语法


JS脚本写在哪?

JavaScript的脚本写在一个<script></script>标签中,如果在代码量很多的情况下可以写在外部js文件中,再在html文件中导入外部js文件即可.

一旦标签导入其他的js文件,<script>标签内部就不能写脚本了 !

注释

JavaScript中的注释分为两种,分别是单行注释  //  和多行注释  /*  */ 

		<script>// 单行注释/* 多行注释 */</script>

单行注释 // 快捷键: Ctrl + /

多行注释 /* */ 快捷键: Ctrl + Shift + /

变量如何声明?

 •  JavaScript属于弱类型语言,即变量是没有类型的,给它什么类型的值就是什么类型.

 •  我们通过关键字var声明一个变量.

			var a = 10;var b = "5";var c = true;

数据类型

 •  数值型 number:包含整数和浮点数

 •  字符串型 string:单引号或双引号都可以表示字符串

 •  布尔型 boolean:返回 true / false

 •  undefined类型 :声明了变量但没有赋值

var g;            //此时g就属于undefined类型
alert(typeof(g)); //type()函数用于获取数据类型

 •  Object类型:编译器本身(自带)为我们提供的一些类,如日期类Date

			var date = new Date();alert(date.getFullYear);    //获取年alter(date.getMonth() + 1); //获取月alert(date.getDate);        //获取日

运算符

JavaScript中的运算符和Java中的运算符几乎没有差别,但也有特殊所在!不过大致也可分为:算术运算符、比较运算符、赋值运算符、逻辑运算符、条件运算符。在此我主要给大家详细介绍下不同之处和特殊所在。 

算数运算符:

特殊点:

' + ' 不仅表示加法运算,也表示字符串的连接.

			var a = 10;var b = 5;var c = "5";var d = "d";alert(a+b);// 15 (加法运算)alert(a+c);// 105 (连接作用)alert(a+d);// 10d (连接作用)

 ' - ' 减法运算中:字符串 - 数值 = 数值.

JavaScript中会把表达式中数字字符尝试类型转换," 5 " —  5

但要注意这里的字符串必须是数字,若不是数字无法类型转换进行运算,返回NaN(not a number)

			var a = 10;var b = 5;var c = "5";var d = "d";alert(a-b);// 5 (减法运算)alert(a-c);// 5 (减法运算,将数字字符转化为数值)alert(a-d);// NaN (Not a Number)

NaN并不是报错,它只是为我们返回了NaN结果,并不是程序错误!


比较运算符:

特殊点:

' === ' 表示全等,在此之前我们很少见到三个等号,它比较的是值和类型,而 ' ==' 只比较值.

			var a = 5;var b = 5;var c = "5";alert(a==c);// true (只比较值)alert(a===c);// flase (比较值和类型)

 赋值运算符:

逻辑运算符:

条件运算符:

 此三者并无无特殊点

流程控制

JavaScript中的流程控制语法和Java中的相同,例如选择结构中的 if / if else,循序结构中的for循环、while循环...这些基本的语法在这里我就不详细介绍了,用法和Java相同 !

▐ 函数

函数的声明和调用:在JavaScript中我们使用关键字function 来声明一个函数。

			//声明函数function test() {lert("你好");}//调用函数test();

常用的全局函数:

         •  alert   弹出框

         •  typeof   返回参数数据类型

         •  eval   将某个字符串当做js脚本运行

         •  parseInt   将参数转为整数

         •  parseFloat   将参数转为浮点数

▐ 事件

事件指的是在网页上发生的交互动作或状态变化,例如用户点击按钮、输入文本、滚动页面等。通过监听这些事件,可以在特定的情况下执行相应的操作或函数,实现交互和动态效果。

Javascript中的常用事件有:

 •  onclick : 鼠标单击事件

 •  dblclick : 鼠标双击事件

 •  onblur : 标签失去焦点

 •  onfocus : 标签获得焦点

 •  onmouseover : 鼠标移到某标签上

 •  onmouseout : 鼠标从某标签上移开

 •  onkeydown : 用户按下键盘按键

 •  onload : 网页加载完毕后触发相应的的事件处理程序

 •  onchange : 当前标签失去焦点并且标签的内容发生改变时触发事件处理程序

▐ 计时  

通过JS我们可以做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行,这种也称之为计时事件.

setTimeout     表示延迟 "指定时间" 后调用 "指定函数" ,且只调用一次.

clearTimeout  关闭setTimeout定时器

setInterval      表示每隔 "指定时间" 就调用一次 "指定函数" ,只要不关闭定时器就会一直调用.

clearInterval   关闭setInterval定时器

关于JS中的计时语法在之前的文章有详细介绍,请大家参考如下链接:

JavaScript计时语法详解icon-default.png?t=N7T8https://blog.csdn.net/2301_79263365/article/details/139471844?spm=1001.2014.3001.5502

▐ HTML DOM

JS HTML DOM是我们学习JavaScript过程中非常重要的内容,它可以解决:如何在JavaScript中操作网页中的标签? 这个问题

Dom是document Object Model (文档对象模型) 的缩写,JavaScript认为网页中的每个标签都是一个对象,在js中把这一类标签对象称为html_dom对象,既然我们要操作网页中的标签,那么第一步肯定是先拿到标签对象,那么第一个问题来了:

如何在js中获得网页中的标签对象?

在网页加载完毕后,在js中生成一个document对象(表示整个html文档)里面提供了一个方法: getElementById()

				//通过标签id获得网页中的标签对象var obj1 = document.getElementById("txt1");var obj2 = document.getElementById("txt2");

拿到网页中的标签对象后就可以通过dom对象操作标签的属性了(包括css属性).

		<style>#box{width: 300px;height: 300px;}</style><script>function test(){var obj = document.getElementById("box");obj.style.backgroundColor="blue";				}</script></head><body><input type="button" onclick="test()" value="蓝色"/><div id="box"></div></body>

除此之外我们还可以操作标签体中的内容:

 innerText 把标签内部值拿到,获得标签体中的文本内容

 innerHtml 获得标签内的所有内容(包括子标签)

html css js三者之间的关系


HTML、CSS和JS是构建网页不可或缺的技术组成部分,它们各自扮演不同的角色:

HTML(超文本标记语言):它是网页内容的骨架,负责创建页面的基本结构和内容布局。HTML元素是构成网页的最基本的块状单位,如段落、标题、图像等。

CSS(层叠样式表):它负责为HTML元素提供样式描述,包括颜色、字体大小、边距、布局等。CSS使得网页在不同设备和屏幕尺寸下都能保持一致性和美观性。

JS(JavaScript):它是一种动态脚本语言,允许开发者向用户提供交互式体验,如动画、滑动效果、表单验证等。JavaScript还可以改变和更新网页的内容和样式,使网页具有响应式行为。

因此HTML、CSS、JavaScript 也被称为前端三剑客,是学习前端网页开发的必备的基础技能。


结语:

🎈到这里又要和大家说再见了,本篇文章总结了前端网页开发的的三门基础语言,即HTML、CSS和Javascript,供新手学习或期末复习🎈希望我的分享能给您带来帮助,创作不易也欢迎大家三连支持,你们的点赞就是博主更新最大的动力🎈如有不同意见,欢迎评论区积极讨论交流,让我们一起学习进步!有相关问题也可以私信博主,评论区和私信都会认真查看的,我们下次再见🎈  本人微信:g2279605572 

海漫浩浩,我亦苦作舟!大家一起学习,一起进步!   

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

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

相关文章

Docker 镜像加速访问方案

在数字化时代&#xff0c;Docker以其轻量级和便捷性成为开发者和运维人员的首选容器技术。然而自2023年5月中旬起&#xff0c;Docker Hub 的访问速度较慢或不稳定&#xff0c;这对依赖Docker Hub拉取镜像的用户来说无疑是一个挑战。本文将提供 Docker Hub 访问的一系列替代方案…

kubernates实战

使用k8s来部署tomcat 1、创建一个部署&#xff0c;并指定镜像地址 kubectl create deployment tomcat6 --imagetomcat:6.0.53-jre82、查看部署pod状态 kubectl get pods # 获取default名称空间下的pods kubectl get pods --all-namespaces # 获取所有名称空间下的pods kubect…

定时任务——定时任务技术选型

摘要 本文深入探讨了定时任务调度系统的核心问题、技术选型&#xff0c;并对Quartz、Elastic-Job、XXL-Job、Spring Task/ScheduledExecutor、Apache Airflow和Kubernetes CronJob等开源定时任务框架进行了比较分析&#xff0c;包括它们的特点、适用场景和技术栈。文章还讨论了…

网络安全词云图与技术浅谈

网络安全词云图与技术浅谈 一、网络安全词云图生成 为了直观地展示网络安全领域的关键术语&#xff0c;我们可以通过词云图&#xff08;Word Cloud&#xff09;的形式来呈现。词云图是一种数据可视化工具&#xff0c;它通过字体大小和颜色的差异来突出显示文本中出现频率较高…

MySQL 数据”丢失”事件之 binlog 解析应用

事件背景 客户反馈在晚间数据跑批后,查询相关表的数据时,发现该表的部分数据在数据库中不存在 从应用跑批的日志来看,跑批未报错,且可查到日志中明确显示当时那批数据已插入到数据库中 需要帮忙分析这批数据丢失的原因。 备注:考虑信息敏感性,以下分析场景测试环境模拟,相关数据…

Dots 常用操作

游戏中有多个蚂蚁群落&#xff0c;每个蚂蚁属于一个群落&#xff0c;如何设计数据结构&#xff1f; 方法1&#xff1a;为蚂蚁组件添加一个属性 ID&#xff0c;会造成逻辑中大量分支语句&#xff0c;如果分支语句逻辑不平衡可能带来 Job 调度问题&#xff0c;每个蚂蚁会有一份蚂…

nginx-rtmp服务器搭建

音视频服务器搭建 本文采用 nginx/1.18.0和nginx-rtmp-module模块源代码搭建RTMP流媒体服务器 流程 查看当前服务器的nginx版本下载nginx和nginx-rtmp-module源代码重新编译nginx&#xff0c;并进行相关配置&#xff08;nginx.conf、防火墙等&#xff09;客户端测试连接测试搭…

EasyPoi 使用$fe:模板语法生成Word动态行

1 Maven 依赖 <dependency><groupId>cn.afterturn</groupId><artifactId>easypoi-spring-boot-starter</artifactId><version>4.0.0</version> </dependency> 2 application.yml spring:main:allow-bean-definition-over…

从虚拟到现实:AI与AR/VR技术如何改变体验经济?

引言&#xff1a;体验经济的崛起 在当今消费环境中&#xff0c;产品与服务早已不再是市场竞争的唯一焦点&#xff0c;能够提供深刻感知和独特体验的品牌&#xff0c;往往更能赢得消费者的青睐。这种转变标志着体验经济的崛起。体验经济不仅仅是简单的买卖行为&#xff0c;而是通…

Linux:SystemV通信

目录 一、System V通信 二、共享内存 代码板块 总结 一、System V通信 System V IPC&#xff08;inter-process communication&#xff09;&#xff0c;是一种进程间通信方式。其实现的方法有共享内存、消息队列、信号量这三种机制。 本文着重介绍共享内存这种方式。 二、共…

基于谱聚类的多模态多目标浣熊优化算法(MMOCOA-SC)求解ZDT1-ZDT4,ZDT6和工程应用--盘式制动器优化,MATLAB代码

一、MMOCOA-SC介绍 基于谱聚类的多模态多目标浣熊优化算法&#xff08;Multimodal Multi-Objective Coati Optimization Algorithm Based on Spectral Clustering&#xff0c;MMOCOA-SC&#xff09;是2024年提出的一种多模态多目标优化算法&#xff0c;该算法的核心在于使用谱…

Gmsh有限元网格剖分(Python)---点、直线、平面的移动

Gmsh有限元网格剖分(Python)—点、直线、平面的移动和旋转 最近在学习有限元的网格剖分算法&#xff0c;主要还是要参考老外的开源Gmsh库进行&#xff0c;写一些博客记录下学习过程&#xff0c;方便以后回忆嘞。 Gmsh的官方英文文档可以参考&#xff1a;gmsh.pdf 但咋就说&a…

Go C编程 第6课 无人机 --- 计算旋转角

旋转的秘密---认识角度 rt、lt命令学习 goc电子课程 一、编程步骤 第一步 第二步 第三步 第四步 二、画“四轴无人机” &#xff08;一&#xff09;、画第一根机轴 &#xff08;二&#xff09;、画第二根机轴 &#xff08;三&#xff09;、画完整的无人机 三、画“多轴无人…

Java中以某字符串开头且忽略大小写字母如何实现【正则表达式(Regex)】

第一种思路是先将它们都转换为小写或大写&#xff0c;再使用String类的startsWith()方法实现: 例如&#xff0c;如下的二个示例&#xff1a; "Session".toLowerCase().startsWith("sEsSi".toLowerCase()); //例子之一//例子之二String str "Hello Wo…

虚拟机桥接模式网络连接不上解决方法

可能是桥接模式自动配置网络地址的时候没配好&#xff0c;自己手动配置一下。先看看windows里的wifi的ip 把虚拟机的网络设置打开ipv4把地址、子网掩码、网关输进去&#xff0c;然后再连接

频繁拿下定点,华玉高性能中间件迈入商业化新阶段

伴随着智能驾驶渗透率的快速增长&#xff0c;中国基础软件市场开始进入黄金窗口期。 近日&#xff0c;华玉通软&#xff08;下称“华玉”&#xff09;正式获得某国内头部轨道交通产业集团的智能化中间件平台定点项目。这将是华玉在基础软件领域深耕和商业化发展过程中的又一重…

Java:188 基于springboot妇幼健康管理系统

作者主页&#xff1a;舒克日记 简介&#xff1a;Java领域优质创作者、Java项目、学习资料、技术互助 文中获取源码 项目介绍 本妇幼健康管理系统分为管理员、用户、医生三个权限。 管理员可以管理用户、医生的基本信息内容&#xff0c;可以管理药物信息以及患者预约信息等操作…

使用Excel制作通达信自定义“序列数据“

序列数据的视频教程演示 Excel制作通达信自定义序列数据 1.序列数据的制作方法&#xff1a;删掉没有用的数据&#xff08;行与列&#xff09;和股代码格式处理&#xff0c;是和外部数据的制作方法是相同&#xff0c;自己上面看历史博文。只需要判断一下&#xff0c;股代码跟随的…

计算机网络概要与习题

第1章 概论 1、计算机网络 2、互联网 3、计算机网络体系结构 分层模型 OSI/RM 7层模型 TCP/IP 5层模型 协议、PDU、SDU、SAP等术语 数据封装&#xff08;计算&#xff09; 第2章 数据通信基础 1、数据通信系统组成 2、主要性能指标 数据传输速率 码元速率 时延 …

微信小程序-基于Vant Weapp UI 组件库的Area 省市区选择

Area 省市区选择&#xff0c;省市区选择组件通常与 弹出层 组件配合使用。 areaList 格式 areaList 为对象结构&#xff0c;包含 province_list、city_list、county_list 三个 key。 每项以地区码作为 key&#xff0c;省市区名字作为 value。地区码为 6 位数字&#xff0c;前两…