自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 js对象学习

方法:方法是对象的一部分,函数不是对象的一部分,函数是单独封装操作的容器。对 象里面的函数称为方法,方法不需要声明,使用"对象.方法名()"的方式就可以调用,方法用来描述该对象的行为和功能。对象的方法:对象中存储函数的“键值对”中的“键”称为对象的方法,即对象中存储函数的项。在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如人、桌子、椅子、花、草、猫、狗等。对象的属性:对象中存储具体数据的“键值对”中的键称为对象的属性,即对象中存储具体数据的项。

2024-07-02 21:22:22 176

原创 http和https分别是什么?区别是什么?

HTTP协议通常承载于TCP协议之上,有时也承载于TLS或SSL协议层之上,这个时候,就成了我们常说的HTTPS。HTTP不提供任何加密,它是明文传输的,因此数据在传输过程中可能被窃取或篡改。而HTTPS使用SSL/TLS加密所有传输的数据,因此数据在传输过程中是安全的,不易被窃取或篡改。HTTPS开发的主要目的是提供对网站服务器的身份认证,保护交换数据的隐私与完整性。HTTP和HTTPS是两种常见的网络协议,用于在Web上进行数据传输。3.端口:HTTP的默认端口是80,而HTTPS的默认端口是443。

2024-06-21 14:35:57 312 1

原创 JavaScript的跳转传参方式

而Web Storage API和Cookie则提供了更持久和灵活的存储选项,但也可能受到浏览器限制或安全问题的影响。你可以在跳转之前设置一个Cookie,然后在目标页面中读取它。请注意,使用localStorage存储的数据将在用户的浏览器会话之间持久化,而sessionStorage中的数据则仅在当前浏览器窗口或标签页的生命周期内可用。虽然这不是直接的跳转传参方式,但你可以使用Web Storage API(如localStorage或sessionStorage)在页面之间共享数据。

2024-06-20 21:30:34 224

原创 JavaScript中有哪几种循环?他们的运用场景在哪?

对于根据条件判断是否继续循环的情况,可以使用while循环或do...while循环。运用场景:当需要在满足某个条件的情况下重复执行某段代码时,可以使用while循环。do...while循环与while循环类似,但不同之处在于它至少会执行一次循环体,然后再检查条件。while循环在条件为真时执行一段代码,直到条件不再满足为止。条件:在每次循环体执行完毕后检查,如果条件为真,则继续执行循环体;条件:在每次循环开始前检查,如果条件为真,则执行循环体;条件:在每次循环开始前检查,如果条件为真,则执行循环体;

2024-06-19 10:16:55 188

原创 var let const 的区别和使用场景

对于大多数新的 JavaScript 代码,推荐使用 let 和 const,因为它们提供了更清晰的作用域和更安全的变量声明方式。使用 const 声明那些你不打算修改的变量,这有助于保持代码的清晰性和可维护性。对于需要修改的变量,使用 let 声明。尽量避免使用 var,除非你有特定的理由需要它(例如,在旧的代码中为了保持兼容性)。

2024-05-26 15:16:12 286

原创 js条件语句

else语句是一种最基本的控制语句,它让JavaScript可以有条件的执行语句。

2024-05-26 15:04:43 69

原创 CSS 利用边框制作三角形(下)

212-CSS三角形汇总

2024-05-25 18:17:28 246

原创 CSS利用边框实现三角形详解(上)

204-CSS三角制作

2024-05-24 21:26:42 273

原创 ajax都有哪些优点和缺点?

由于 AJAX 应用程序的内容是通过 JavaScript 动态生成的,而不是作为静态 HTML 存在于页面上,因此搜索引擎可能难以索引 AJAX 应用程序的内容。例如,在一个聊天应用程序中,用户可以实时看到其他用户的消息,而无需刷新页面。增强的应用程序功能:通过在不重新加载页面的情况下更新数据,AJAX 使得创建更复杂的单页应用程序(SPA)成为可能。由于只有少量数据被交换,而不是整个页面,因此 AJAX 应用程序通常比传统的基于表单的应用程序具有更好的性能。

2024-05-19 18:38:08 251

原创 js实现走马灯效果

4.调用函数:页面加载完成后,自动调用 Marquee 函数。效果通常指的是一种文本或图片在页面上循环滚动的效果。在JavaScript中,我们可以使用定时器(如。这样,你就有了一个简单的走马灯效果。当然,你可以根据需要进行进一步的样式和功能调整。以下是一个简单的示例,展示了如何使用JavaScript和。

2024-05-19 18:33:36 280

原创 return的作用

这个函数的调用者是下面的 num(),而return就是把它后面的结果返回给函数的调用者,因为return后面的结果是666,所以num()就等于666,在控制台中输出调用者。就是return过之后的代码不被执行,是return下面的代码,而不是return后面的代码,return后面的是返回值。js中的函数只是实现某种功能,最终的结果需要返回给函数的调用者 函数名( ) 通过return实现的。return:不仅可以退出循环,还能返回return语句中的值,同时还可以结束当前的函数体内的代码。

2024-05-16 21:48:44 193

原创 JS实现选项卡功能

这里有3个按钮,点击哪个按钮出现哪个按钮的内容,再点的话内容的就取消了。这也是一个很好玩的一个小功能。的功能介绍了,有不足的地方请大家多多指点。

2024-05-16 08:38:09 313 1

原创 js实现表格隔行换色

最终样式: 具体实现:以上就是本章的全部内容,感谢您的阅读。

2024-05-12 00:08:43 145

原创 return的作用

这个函数的调用者是下面的 num(),而return就是把它后面的结果返回给函数的调用者,因为return后面的结果是666,所以num()就等于666,在控制台中输出调用者。就是return过之后的代码不被执行,是return下面的代码,而不是return后面的代码,return后面的是返回值。js中的函数只是实现某种功能,最终的结果需要返回给函数的调用者 函数名( ) 通过return实现的。return:不仅可以退出循环,还能返回return语句中的值,同时还可以结束当前的函数体内的代码。

2024-05-12 00:03:59 296

原创 js实现九九乘法表(两种方法)

我们可以用双重for循环,外层初始值设为i,i从1开始,到9结束,自增1。我们可以用双重for循环,外层初始值设为i,i从1开始,到9结束,自减1。我们发下第二个数都是从1开始,依次递增1,永远不大于前面的数。我们发下第二个数都是从1开始,依次递增1,永远不大于前面的数。内层从初始值设为j,j从1开始,小于等于外层的i,自增1。内层从初始值设为j,j从1开始,小于等于外层的i,自增1。前面数字每自增一次,后面数字自增一轮。前面数字每自减一次,后面数字自增一轮。第一个数每行都是自增1。

2024-05-12 00:01:00 270

原创 JavaScript 事件的概念

例如这个 div 标签被用户点击(click 事件),或者是浏览器已经完成页面加载(load 事件),又或者鼠标移动到某个 HTML 元素上(mouseover 事件)等等,当这些事件触发时,我们要让程序去做一些操作,这些操作被称为事件的响应。默认参数是 false,事件处理程序以冒泡模式触发;从最内层的节点开始触发事件,逐级冒泡直到顶层节点,从内向外传播。从顶层的父节点开始触发事件,从外到内传播。语法为:元素.addEventListener(事件名,执行程序,true/false)

2024-05-09 21:53:21 148

原创 js数组之冒泡排序

如上图所示,我使用双重循环进行删选,第一重循环是要循环次数,第二层则是进行比较大小,再往后的if则是对第二层循环进行判断大小,如何符合我们设置的条件则进行交换位置(我个人理解交换位置,但实际的应该是如果前面的数比后面的大则把前面的数存放到一个变量里面,然后把后面的值赋给前面,然后使后面的值等于我们刚刚拿起来的那个值),下面的document.write()是输出的正确结果,cosole.log()则是让大家看看循环次数对for循环次数有个直观印象。冒泡练习(对数组进行排序)

2024-04-28 08:30:45 59

原创 js数据类型有几类?一共有几种?判断数据类型的方法是什么?

5.Symbol:表示唯一的、不可变的原始值,通常用于对象属性的键(例如:Symbol('myKey'))。2.BigInt:用于表示任意大小的整数(例如:9007199254740991n,注意'n'后缀)。6.Null:表示一个空值或"无"的值,通常用于表示一个对象变量没有指向任何对象。8.Object:用于表示复杂的数据结构,例如数组、函数、日期、正则表达式等。1.Number:用于表示整数和浮点数(例如:42、3.14159)。7.Undefined:表示一个未定义的值,即该变量没有被赋值。

2024-04-26 17:35:20 160

原创 js中的命名规则

6. 命名通常采用驼峰命名法,即第一个单词小写,后续单词首字母大写,例如myVariable、calculateSum等。在JavaScript中,命名规则是用来给变量、函数和其他标识符起名字的规则。请注意,良好的命名规范可以提高代码的可读性和可维护性,因此在编写JavaScript代码时,建议遵循这些规则。1. 标识符由字母(A-Z或a-z)、数字(0-9)、下划线(_)和美元符号($)组成。4. 标识符不能是JavaScript的保留字(关键字),如if、for、while等。

2024-04-26 17:24:01 195

原创 js解决猴子吃桃的问题

在解决猴子吃桃问题之前,我们要先思考怎么怎么才能整出来,正着推我们不好推,那我们就反着推,设j天,设总共i个桃子,最后一天就剩一个桃子,反着推则是(1+1)*2,求出昨天吃的桃子多少个,一次类推求出第一天多少个。猴子吃桃:一个猴子有一天摘了很多桃子,当天吃了一半,还觉得不过瘾,又多吃了一个,后边每天都吃了剩下桃子的一半多加一个。如图所示,代码简单高效,但是第一次学习可能遇到许多问题,例如格式错误,不规范,计算错误等等,当然,最。第十天还没有吃的时候发现只剩下一个桃子了,问一开始摘了多少桃子。

2024-04-25 08:27:15 210 1

原创 label的作用是什么?是怎么用的?

总之,<label> 元素是一个非常有用的HTML元素,用于提供对表单控件的标签和说明文本,增强了表单的可用性和可访问性。<label> 元素是HTML中的标签,其主要作用是提供对表单元素的标签或说明文本,从而增强表单的可访问性和用户体验。屏幕阅读器等辅助技术可以读取 <label> 元素的文本,并将其与关联的表单控件关联起来,从而使残障用户能够更容易地理解表单的结构和如何填写它。提供标签文本:<label> 元素内的文本描述与相应的表单控件相关联,使用户能够更容易地理解表单的内容和目的。

2024-04-21 22:28:47 250

原创 css3新增伪类有哪些

4. :nth-last-of-type(n) - 选择父元素下具有指定类型的倒数第n个子元素。3. :nth-of-type(n) - 选择父元素下具有指定类型的第n个子元素。2. :nth-last-child(n) - 选择父元素下的倒数第n个子元素。7. :first-of-type - 选择父元素下具有指定类型的第一个子元素。8. :last-of-type - 选择父元素下具有指定类型的最后一个子元素。10. :only-of-type - 选择父元素下具有指定类型的唯一子元素。

2024-04-18 21:42:13 270

原创 什么是iframe?iframe的优缺点?

如果滥用 <iframe>,在同一个页面中加载多个 <iframe> 可能会导致性能问题,因为每个 <iframe> 都需要单独加载资源。因此,在使用 <iframe> 时,需要仔细考虑其优缺点,确保它们适用于特定的项目和需求。内嵌的内容在 <iframe> 中运行,与主页面相互隔离,这意味着它不会受到主页面的影响,保持了独立性。<iframe> 允许你在一个网页中嵌入来自不同源或服务器的内容,这有助于创建丰富多彩的页面。<iframe> 内容的大小通常是固定的,这可能导致响应性问题,特别是在移动设备上。

2024-04-13 17:51:14 182

原创 table表格基础知识及简单运用

在HTML中我们用< table >标签来定义表格,它和Excel表格类似,都包括行、列、单元格、表头等,但是在功能方面HTML的表格远不如Excel强大。

2024-04-06 22:29:28 422

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除