扩展
关注
分享
扫一扫
文章平均质量分 70
努力做一只合格的前端攻城狮
这个作者很懒，什么都没留下…
展开
-
如何拥有自己的专属倒计时（html+css+JavaScript）
如何拥有自己的专属倒计时（html+css+JavaScript）我们拿2021年12月25号考研来说吧，如何设置倒计时呢？首先我们写一个div用来放倒计时在什么位置显示。如何倒计时呢？我们前面学过Date日期这个内置函数，我们通过获取现在到考研当天的毫秒数，然后将毫秒转化为天数、小时数、分钟数、秒数。毫秒数。这可以轻松的做到。在这里我们需要判断一下它们有几位数字，如果只有一位我想让它变成两位显示。var date1 = new Date('2021-12-25 0:0:0');原创 2021-11-27 20:35:26 · 1027 阅读 · 2 评论 -
tcp传输的三次握手与四次挥手及页面加载过程简介
tcp传输的三次握手与四次挥手及页面加载过程简介tcp传输的三次握手与四次挥手！一个页面从输入URL到页面加载显示完成，这个过程中都发生了什么?tcp传输的三次握手与四次挥手！为了准确无误地把数据送达目标处，TCP采用了三次握手策略。用TCP把数据包发送出去后，TCP不会对传送后的数据置之不理，它一定会向对方确认是否成功送达。握手过程中使用了TCP的标志，即SYN和ACK.发送端首先给接收端发送一个带SYN标志的数据包。接收端收到后，回传一个带有SYN/ACK标志的数据包以表示正确传达，并确认信息。原创 2021-11-24 23:17:49 · 605 阅读 · 2 评论 -
HTTP常见状态码
HTTP常见状态码(1) 100 Continue 表示继续，一般在发送post请求时，已发送了HTTP header之后，服务器端将返回此信息，表示确认，之后发送具体参数信息。(2) 200 OK表示正常返回信息。(3) 201 Created表示请求成功并且服务器创建了新的资源。( 4) 202 Accepted表示服务器已接受请求，但尚未处理。(5) 301 Moved Permanently表示请求的网页已永久移动到新位置。(6) 302 Found表示临时性重定向。(7) 303 S原创 2021-11-21 22:34:56 · 596 阅读 · 0 评论 -
用JavaScript和DOM建立图片库（二）
用JavaScript和DOM建立图片库（二）childNodes属性nodeType属性三级目录上一个图片图片库已经能完成一些基本操作了，那么现在我们需要它能完成在同一个网页上切换显示不同的文本。我们需要用到几个新的DOM属性。先介绍一下新属性吧。childNodes属性在一棵节点树上，childNodes属性可以用来获取任何一个元素的所有子元素，它是一个包含这个元素全部子元素的数组:element. childNodes假设需要把某个文档的body 元素的全体子元素检索出来。首先，我们使用g原创 2021-11-15 22:30:16 · 834 阅读 · 0 评论 -
DOS(Disk Option System)常用的指令及常用快捷键
DOS——Disk Option System常用的指令及常用快捷键一、DOS(Disk Option System)常用的指令二，常用快捷键一、DOS(Disk Option System)常用的指令DOS(Disk Option System)常用的指令描述cd 文件夹/目录进入exit退出dir查看目录cd…回退上一级cd…\回到上一级的上一级cd\退回根目录/w紧凑方式/p分页方式/i小写方式/ah显原创 2021-11-10 20:00:00 · 924 阅读 · 0 评论 -
用JavaScript和DOM建立图片库（一）
用JavaScript和DOM建立图片库（一）创建一个标记清单JavaScript事件处理函数把图片发布到网上的方法有很多。你可以把所以的图片都放到一个网页里，但是如果发布的图片比较多，这时这个页面就会变得很庞大。这样我们加载网页就会变得很慢。利用JavaScript来创建图片库把整个图片库的浏览链接集中安排在图片库的主页里，只要用户点击了这个主页里的某个图片链接时才把相应的图片传送给他。创建一个标记清单<!DOCTYPE html><html lang="en"><原创 2021-11-05 20:25:43 · 1018 阅读 · 0 评论 -
DOM中获取和设置元素的属性（getAttribute、setAttribute）
DOM中获取和设置元素的属性（getAttribute、setAttribute）getAttributesetAttribute至此，我们已经介绍了3种获取特定元素的方法:分别是getElementById、getElementsByTagName和getElemetByCIassName。得到需要的元素以后，我们就可以设法获取它的各个属性。getAttribute方法就是用来做这件事的。相应地，setAttribute方法则可以更改属性节点的值。getAttributegetAttribute是一原创 2021-11-03 22:30:07 · 6721 阅读 · 0 评论 -
DOM（简介、节点、获取元素）
DOM（简介、节点、获取元素）DOM节点元素节点：文本节点：属性节点：获取元素getElementById（）getElementsByTagName()getElementsByClassName()总结：DOM文档：DOM中的“D”，当创建一个网页并把它加载到Web浏览器中时，它把编写的网页文档转换为一个文档对象。对象：DOM中的“O”,对象是一种自给自足的数据集合。与某个特定对象相关联的变量被称为这个对象的属性，只能通过某个特定对象去调用的函数被称为这个对象的方法模型：DOM中的“M”，它是某原创 2021-10-29 15:52:20 · 1420 阅读 · 0 评论 -
JavaScript基础语法七（输入和输出语句、函数、变量的作用域）
输入和输出语句、函数、变量的作用域输入和输出语句函数变量的作用域输入和输出语句JavaScript代码中提供了输入和输出语句，可以在网页中实现用户交互效果。常用的输入和输出语句如下所示：alert(msg) ：浏览器弹出警告框：var mse='join';alert(mse);console.log(msg) ：浏览器控制台输出信息：<script> console.log('在控制台输出信息');</script>prompt(msg)：原创 2021-10-28 22:53:29 · 1126 阅读 · 0 评论 -
JavaScript基础语法六（循环语句）
JavaScript基础语法六（循环语句、函数）循环语句while循环do.. .while循环for 循环循环语句如果需要多次执行同一个代码块就必须使用循环语句。循环语可以让我们反复多次地执行同段代码。循环语句分为几种不同的类型，但它们的工作原理几乎一样:只要给定条件仍能得到满足，包含在循环语句里的代码就将重复地执行下去，一旦给定条件的求值结果不再是true,循环也就到此为止。while循环while循环与if语句非常相似，它们的语法几乎完全一样:while (condition) {st原创 2021-10-27 23:13:59 · 810 阅读 · 0 评论 -
JavaScript基础语法五（条件语句）
JavaScript基础语法五（条件语句、循环语句）条件语句1、if语句2、比较操作符3、逻辑操作符条件语句1、if语句条件语句是可以根据人们给出的各种条件作出决策。JavaScript使用条件语句来做判断。在解释脚本时浏览器将依次执行这个脚本中的各条语句，我们可以在这个脚本用条件语句来设置一个条件，只有满足条件才能让更多的语句得到执行。最常见的语句就是if语句，if语句的基础语法：if (1>2){alert("this is false");}由于1>2不满足，所以这个条件原创 2021-10-26 12:58:07 · 1066 阅读 · 0 评论 -
JavaScript基础语法四（对象、操作）
JavaScript基础语法四（对象、操作）对象内建对象数组对象操作算术操作符对象与数组类似，对象也是使用一个名字表示一组值。对象的每个值都是对象的一个属性。例如，JavaScript基础语法三lennon数组可以创建成下面这个数组：var lennon = Object();lennon.name = "john";lennon.age = 33;lennon.living = false;与使用Array()相识，创建对象使用Object关键字。它不使用方括号和下标来获取元素，而是任何J原创 2021-10-25 22:17:30 · 867 阅读 · 1 评论 -
CSS中继承属性总结
一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、borde转载 2021-10-27 21:47:49 · 655 阅读 · 0 评论 -
JavaScript语法基础三（数组）
JavaScript语法基础三（数组）二级目录三级目录二级目录三级目录原创 2021-10-24 10:12:05 · 835 阅读 · 0 评论 -
JavaScript语法基础二（数据类型）
JavaScript语法基础二（数据类型）数据类型1、字符串类型2、数值3、布尔值数据类型在JavaScript语法基础一中，mood的值是一个字符串，age的值是一个数。虽然它们是不同的数据类型，但是它们在JavaScript中对这两个变量进行声明和赋值的语法完全一样。JavaScript不需要进行类型声明，因此它是一种弱类型语言，这表明我们可以在任何阶段都可以改变变量的数据类型。以下语句在强类型语言中是非法的，但是JavaScript里却完全没有问题：var age = "thirty thre原创 2021-10-22 23:27:39 · 675 阅读 · 0 评论 -
JavaScript基础语法一(语句、注释、变量)
JavaScript语法 1、准备工作2、语句注释1、准备工作编写JavaScript脚本不需要任何特殊的软件，一个文本编辑器和一个Web浏览器就可以了。用JavaScript编写的代码必须通过HTML/XHTML文档才能执行。一、将JavaScript代码放到<script>标签之间：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &原创 2021-10-22 16:53:40 · 707 阅读 · 0 评论 -
创建类似按钮的链接
创建类似按钮的链接按钮链接的创建方法简单的翻转图像的翻转Pixy样式的翻转CSS精灵按钮链接的创建方法可以将锚的display属性设置为block，然后修改widht、height和其他属性来创建需要的样式和单击区域。锚是行内元素，只有在单击链接内容是才会激活，创建按钮链接可以拥有更大的单击区域。这种方法创建的链接显示为块级元素，单击块中任何地方都会激活链接。如果要使用这种技术，那么要确保元素是真正的链接，而不是更新服务器。链接应该只用于get请求，决不要用于post请求。简单的翻转使用 ：hov原创 2021-10-13 10:55:01 · 804 阅读 · 0 评论