2301_81054073的博客

原创 4月20日作业

原创 【无标题】

出现对等网-----变大网络---无限的传世距离 无冲突 单播 -----网桥----交换机--工作在介质访问控制层----识别MAC地址 ----认识则单播不认识--则泛洪。IPV4地址的构成：由32为二进制构成 存在网络位和主机位的区分，网络位用于标识所在范围内的编号，选用点分十进制表示（8位二进制一分）。CSMA/CD 载波侦探、听多路访问、冲突检测机制--------------------------排队。HUB的问题----- 安全 延时 地址 冲突。

原创 3月23日笔记

路由器收到后，因为路由器是三层设备，所以他会重新进行封装，继续保留源IP和目标IP，但是源MAC会被变成网关的MAC地址，随后根据路由表查询目标所在网段，若有记录则按照记录转发，若没有记录，则无条件丢弃。：ARP先通过广播发送请求包，所有收到该广播包的设备都会将其中的源IP和源MAC相互映射到本地的ARP表中，然后在查看目标IP/MAC是否为自己，若不是则丢弃该数据包，若是，则以单播的形式回复ARP回复包。192.168.1.0/26----------192.168.1.63/26 64个主机数。

原创 循环、数组、match

它的作用是测试左边的对象是否是右边类或者该类的子类创建的实例对象。instanceof是js的一个保留关键字，左边是对象，右边是类，返回类型是Boolean类型。删除数组的第一项，并返回第一个元素的值。数组的遍历：（将数组中的元素一个一个的取出来）通常使用循环来取出元素。数组是一组数据的集合，在内存中是一段连续的内存空间。Splice(要添加元素的位置的数组下标，0，添加的元素)添加一个或多个元素，并返回新的数组长度。添加一个或多个元素，并返回新的数组长度。原数组的每一项执行函数后，返回一个新的数组。

原创 JavaScript

在程序开发中，一般存在着一些表示特殊含义的单词或词组，它们都表示一些特定的意思，因此把这些单词叫做关键字或保留字，如if、for、while、else、try、function等。创建一个独立的外部js文件，用<script></script>标签引入，使用src属性引入对应的js文件。注释：用来给程序员看和解释的语句，计算机不回去识别这些语句，需使用专门的标注来告诉电脑，不用解释。“==”存在隐式转换，把“2”转换为2，再进行比较。“// ”指“或” (一真则真，两假才假)

原创 JavaScript基础

浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎（解释器）来执行JS代码。JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。JS的组成：JavaScript语法（ECMAScript）,页面文档对象模型（DOM），浏览器对象模型（BOM）创建一个独立的外部js文件，用<script></script>标签引入，使用src属性引入对应的js文件。在html 标签的属性内填写，通过行为触发执行（几乎不用）

原创 编程和计算机基础

汇编语言和机器语言实质是相同的，都是直接对硬件操作。高级语言主要相对于低级语言，它并不是指某一种具体的语言，而是包括了很多编程语言。，而程序全部都是用我们所掌握的语言来编写的，所以人们控制计算机一定要通过计算机语言向计算机发出命令。编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。编程语言是用来控制计算机的一系列指令，它有固定的格式和词汇，必须遵守。可以通过类似于人类语言的“语言”来控制计算机，让计算机为我们做事。上面所定义的计算机指的是。二进制是计算机语言的基础。

原创 CSS定位装饰

注意点：opacity会让元素整体透明，包括里面的内容，如：文字、子元素等.......场景：控制内容溢出部分的显示效果，如：显示、隐藏。如，鼠标：hover之后元素隐藏。应用场景：配合绝对定位组CP（子绝父相） 用于小范围的移动。赋值规则：从左上角开始赋值，然后顺时针赋值，没有赋值的看对角。介绍：拼爹型定位，相对于非静态定位的父元素进行定位移动。此时HTML中写在下面的元素层级更高，会覆盖上面的元素。溢出部分：指的是盒子部分内容所超出盒子范围的区域。介绍：自恋型定位，相对于自己之前的位置进行移动。

原创 CSS浮动

操作：在父元素内容最后添加一个块级元素 给添加的块级元素设置。偶数：2n even 奇数：2n+1,2n-1,odd。影响：如果子元素浮动了，此时子元素不能撑开标准流的块级父元素。特点：会在页面中添加额外的标签，会让页面的html结构变复杂。目的：需要父元素有高度，从而不影响其他网页元素的布局。作用：根据元素在HTML中的结构关系查找元素。伪元素：一般页面中的非主体内容可以使用伪元素。匹配父元素中倒数第n个子元素，并且是E元素。匹配父元素中最后一个子元素，并且是E元素。

原创 CSS盒子的概念

浏览器会默认给部分标签设置默认的margin和padding，但一般在项目开始前需要先清除这些默认标签的margin和padding，后续自己设置。浏览器在渲染（显示）网页时，会将网页中的元素看做是一个个的矩形区域，称之为“盒子”页面中的每一个标签都可以看做是一个“盒子”，通过盒子的视角更方便的进行布局。作用：利用width和height属性默认设置是盒子内容区域的大小。盒子尺寸：width/height + 边框线。属性值：单个取值的连写，取值之间以空格隔开。场景：只给盒子的某个方向单独设置边框。

原创 元素显示模式

代表标签：div、p、h系列、ul、li、dl、dd、from、header、nav、footer......优先级公式：继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<！代表标签：a、span、b、u、i、s、strong、ins、em、del......特点：不同选择器起具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式。1.给同一个标签设置不同的样式---此时样式会层叠叠加---会共同作用在标签上。2给同一个标签设置相同的样式---此时样式会层叠覆盖---最终写在。

原创 元素显示模式

代表标签：div、p、h系列、ul、li、dl、dd、from、header、nav、footer......代表标签：a、span、b、u、i、s、strong、ins、em、del......1.给同一个标签设置不同的样式---此时样式会层叠叠加---会共同作用在标签上。2给同一个标签设置相同的样式---此时样式会层叠覆盖---最终写在。特性：子元素有默认继承父元素样式的特点（子承父业）目的：改变元素默认的显示特点，让元素符合布局要求。注意点：可以通过调试工具判断样式是否可以继承。

原创 css选择器补充

结果：在选择器1所找到标签的后代（儿子、孙子、重孙子...）中，找到满足选择器2的标签，设置样式。结果：在选择器1所找到标签的子代（儿子）中，找到满足选择器2的标签，设置样式。作用：根据HTML标签的嵌套关系，选择父元素后代中满足条件的元素。注意点：1.交集选择器中的选择器之间是紧挨着，没有东西分隔。2.并集选择器中的每组选择器可以是基础选择器或复合选择器。结果：找到选择器1和选择器2选中的标签，设置样式。注意点：1.并集选择器中的每组选择器之间通过。注意点：1.伪类选择器中的元素的某种状态。

原创 CSS字体和文本样式

2.margin:0 auto 一般针对于固定宽度的盒子，如果大盒子没有设置宽度，此时会默认占满父元素的宽度。注意：开发中会使用text-decoration：none;注意点：如果需要让以上元素水平居中，text-align：center需要给以上。1.如果要让div、p、h（大盒子）水平居中，直接给当前元素本身设置即可。形式，要么把单独的样式写在连写的下面，要么把单独写样式写在连写的里面。注意点：如果让文本水平居中，text-align属性给。取值：正常（默认值）：normal。

原创 CSS基础

外联式：css写在一个单独的css文件中 通过link标签在网页中引入。css写在一个单独的css文件中 通过link标签在网页中引入。作用：通过id属性值，找到页面中带有这个id属性值的标签，设置样式。2.id属性值类似于身份证号码，在一个页面中是唯一的，不可重复。作用：通过类名，找到页面中所有带有这个类名的标签，设置样式。作用：通过标签名，找到页面中所有这类标签，设置样式。结构：#id属性值{ css属性名：属性值;行内式：css写在标签的style属性中。{ css属性名：属性值;

原创 HTML表单标签

当 type 的取值为 text、password、hidden 中的其中一个时，此时 value 属性的值表示的是输入框中显示的初始值，此初始值可以更改，并且在提交表单时，value 属性的值会发送给服务器（既是初始值，也是提交给服务器的值）有相同name属性值的单选框为一组，一组中只能同时有一个被选中。有相同name属性值的单选框为一组，一组中同时只能有一个被选中。普通按钮，默认无功能，之后配合js添加功能。普通按钮，默认无功能，之后配合js添加功能。普通按钮，默认无功能，之后配合js添加功能。

原创 列表标签

注意点：只有同一个结构标签中的单元格才能合并，不能跨结构标签合并（不能跨thead、tbody、tfoot）注意点：caption标签写在table内部 th标签书写在tr标签内部（用于替换td标签）注意点：dl标签中只允许包含dt/dd标签 dt/dd标签可以包含任意内容。注意点：ol标签中只允许包含li标签 li标签可以包含任意内容。表示自定义列表的整体，用于包裹dt/dd标签。表示无序列表的每一项，用于包含每一行的内容。表示有序列表的每一项，用于包含每一行的内容。

原创 HTML 标签

注意点：如果只设置width或height中一个，另一个没设置的会自动等比例缩放（此时图片不会变形） 如果同时设置。特点：双标签，内部可以包裹内容 如果a标签点击之后去指定页面，需要设置a标签的href属性。特点：img标签需要展示对应的效果，需要借助标签的属性进行设置。注意点：title属性不仅可以用于图片标签，还可以用于其他标签。注意点：音频标签目前支持三种格式：MP3，Wav,Ogg。：指目录下的绝对位置，可直接到达目标位置，通常从。特点：单标签，在页面中显示一条水平线。

原创 1. 网页的组成、本质 浏览器 web标准

常见5大浏览器：IE浏览器、火狐浏览器（Firefox）、谷歌浏览器（Chrome）Safari浏览器、欧朋浏览器（Opera）文字、图片、音频、视频、超链接。转化（解析和渲染）成用户看到的网页。渲染引擎不同，导致解析相同代码的。对代码进行解析渲染的部分。，是前端开发必备的利器。页面元素的外观和位置等。Web标准分三个构成。

原创 11月6日作业

【代码】11月6日作业。

原创 11月6日笔记

值传递：在调用函数时，将实际函数复制一份传递到函数中，这样在函数中如果对参数进行修改，就不会影响到实际参数。引用传递：在调用函数时，将实际参数的地址传递到函数中，那么在函数中对参数进行修改，将会影响到实际参数。匿名函数指没有名字的函数。箭头函数的函数体如果只有一个表达式，可以写成一行的简写体，省略return，直接返回该表达式。函数提升只针对具名函数，对赋值的匿名函数，不存在函数提升。函数作用域：在函数内部，这个代码的名字只在函数内部起作用。函数是一段具有独立功能的代码的集合，是一段有名称的代码。

原创 11月22日练习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ padd

原创 11月22日笔记

注意：设置为grid后，子元素的float,display:inline-block,display:table-cell,vertical-align,column等设置都将失效。或Grid-template-rows:repeat(3,100px);Align-content:space-between 子项在侧轴先分布在两头，再平分剩余空间。Flex-direction:row-reverse 主轴为水平方向，起点在右端。

原创 11月20日笔记

盒子的大小与border，padding，content有关，外边距不影响盒子大小。，当有多高样式作用于一个元素时，只有权重高的样式对元素起作用；/*上外边距为10，右外边距未20，下外边距是30，左外边距为30*/Auto是自适应，只能用于左右，必须有宽（高），独占一行的块元素可使用。/*上外边距未0 ，左右外边距是20，下外边距是80*/上一个元素是右浮动就清除又浮动，是左浮动就清除左浮动。左对齐Margin-right：auto。居中对齐Margin：0 auto（）/*上下是0，左右都是20*/

原创 11月18日作业

【代码】11月18日作业。

原创 11月18日作业

【代码】11月18日作业。

原创 11月18日笔记

伪类选择器（1）:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.n可以是数字、关键词或公式。奇:2n+1 偶:2n-1:nth-child选择器，该选择器选取父元素的第 N 个子元素，与类型无关。字体样式1.font-family:字体名称2.font-size: 字体大小3.Font-style:定义字体风格 normal 默认值。浏览器显示一个标准的字体样式。 ital

原创 11月18日笔记

如果省略 top-right，则与 top-left 相同。border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。相对的是父元素，重点是这个父元素也需要是设置了。可设置文本和其他元素的默认方向是从左到右。左上角是 0% 0%。此元素会被显示为内联元素，元素前后没有换行符。

原创 11月18日笔记

如果省略 top-right，则与 top-left 相同。border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。规定应该从父元素继承 background-attachment 属性的设置。相对的是父元素，重点是这个父元素也需要是设置了。可设置文本和其他元素的默认方向是从左到右。

原创 11月15日作业

【代码】11月15日作业。

原创 11月15日笔记

和和

原创 11月13日笔记

而 vspace 值则是上面的下面的文字与图像之间的距离的像素数。这些元素支持 disabled 属性：<button>、<command>、<fieldset>、<optgroup>、<option>、<select>、<textarea> 和 <input>。<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

原创 11月15日作业

【代码】11月15日作业。

原创 11月13日作业

【代码】11月13日作业。

原创 11月13日作业

【代码】11月13日作业。

原创 11月15日作业

【代码】11月15日作业。

原创 11月13日作业

【代码】11月13日作业。

原创 【无标题】

【代码】【无标题】

原创 第一次作业

作业。

原创 第一次作业

作业。