- 博客(28)
- 收藏
- 关注
RSS订阅原创 js之AJAX
get 是将参数包含在 URL 中明文传输，不安全。而 post 是通过 request body 传递参数， 对于用户来说是不可见的，所有更安全。get 传输数据量较小，因为 URL 有长度限制，post 传输的数据量较大，一般被默认为不受限制。get 请求参数会被完整保留在浏览器历史记录里，而 post 中的参数不会被保留。对于参数的数据类型，get 只接受 ASCII 字符，而 post 没有限制。get 请求时只会产生一个 TCP 数据包，get 比 post 更快。
2024-05-19 14:30:17
365
原创 js之永久定时器
定时器永久性定时器是JavaScript编程中常用的工具之一，它可以在指定的时间间隔内重复执行特定的代码，直到被明确停止。我们可以使用创建永久性定时器，合理使用永久性定时器可以提高代码的效率和可维护性，使程序更加稳定和可靠。
2024-05-19 14:24:45
268
原创 HTML lable标签
1. < label> 标签为 input 元素定义标注（标记）2. label 元素不会向用户呈现任何特殊效果。若在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上3. for属性可把 label 绑定到另外一个元素，< label> 标签的 for 属性应当与相关元素的 id 属性相同。
2024-05-16 08:25:17
533
原创 var和let的区别
在函数里使用var声明了一个变量，那么这个变量在整个函数内都是有效的，例如在for循环里用var声明一个变量，在for循环外也是可以使用的。但是let作用域是块状作用域，只在作用域里有效，例如在for循环里用let声明一个变量，在for循环外面是不能被访问的。var声明的变量属于顶层对象window，因此可以通过 window. 变量名 来访问这些变量，而let和const声明的变量不能这样访问。当使用var声明一个var变量时，该变量会被提升到作用域的顶端，但是赋值的部分不会提升。
2024-05-14 18:28:46
487
原创 js定时器
在前端开发中，定时器是一种非常常用的功能，可以用来实现定时刷新页面、轮播图效果、倒计时等功能。在JavaScript中，有两种类型的定时器：setTimeout和setInterval。需要注意的是，使用定时器时要注意避免出现内存泄漏的情况，可以在不需要定时器时使用clearTimeout或clearInterval函数清除定时器。其中，function是要执行的函数，milliseconds是延迟的时间，单位为毫秒。setTimeout函数用于在指定的时间后执行一次指定的函数。
2024-05-10 21:28:14
698
原创 JavaScript 事件
事件是指用户或浏览器在网页上进行操作时所触发的动作。常见的事件包括点击、鼠标移动、键盘按下等。JavaScript 允许我们通过事件监听器来捕获这些事件，并执行相应的代码。JavaScript 事件是 Web 开发中不可或缺的一部分，掌握好事件的基础知识和高级技术，可以让我们更好地实现交互性和动态性。
2024-05-09 14:00:00
326
原创 JavaScript中的BOM
BOM是JavaScript中一个重要的概念，它提供了丰富的API集合，帮助开发者与浏览器进行交互。创作不易，👍 +⭐ +📝（一键三连） 是对阿福最大的鼓励与支持哦。
2024-05-08 20:47:58
599
1
原创 JS的6种继承方式
在构造函数继承中，通过在子类构造函数内部调用父类构造函数来实现继承。在这种方式中，通过将一个构造函数的实例指定为另一个构造函数的原型来实现继承。组合继承是原型链继承和构造函数继承的结合，既通过原型链继承原型上的属性和方法，又通过构造函数继承实例属性。原型式继承是通过复制一个对象的属性来创建一个新对象，然后对新对象进行修改和扩展，从而实现继承。寄生式继承与原型式继承类似，但是在创建新对象时会增加一些额外的方法或属性，然后返回这个对象。：寄生组合式继承是组合继承的优化，避免了调用两次父类构造函数的问题。
2024-05-05 12:21:36
392
原创 js之DOM 文档对象模型
综上所述，除了通过 ID 选择器和 querySelector 选择器获取到的元素是唯一的，其余的选择器返回的是伪数组的形式，可以通过 [下标] 的方式确定我们需要操作的元素。DOM 实际上是以面向对象方式描述的对象模型，它将文档建模为一个个对象，以树状的结构组织（本文称之为“文档树”，树中的对象称为“节点”）。JavaScript 能添加、删除、改变、查看页面中所有的 HTML 元素、HTML 属性、CSS 样式。通过可编程的对象模型，JavaScript 获得了足够的能力来动态操作 HTML。
2024-05-05 12:19:00
450
原创 JS遍历数组和对象的方法有哪些
Object.keys方法：Object.keys方法可以获取对象的所有属性名，并返回一个数组。这些方法可以帮助我们更方便地遍历数组和对象的元素，根据具体的需求选择合适的方法进行遍历。map方法：数组的map方法可以遍历数组的每个元素并返回一个新的数组。forEach方法：数组的forEach方法可以遍历数组的每个元素。在JavaScript中，
2024-05-05 12:11:46
284
1
原创 JavascriptDOM 文档对象模型
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model），简称DOM。DOM模型被结构化为对象树，又称DOM树。树的每个节点代表文档中的一个元素、属性、文本等。JavaScript DOM是用来操作HTML文档的一种编程接口，通过它可以实现对文档的各种操作和交互。Javascript 获取HTML元素1、使用() 方法，通过元素的 id 属性来获取元素。代码如下：2、使用() 方法，通过元素的 class 属性来获取元素。
2024-04-29 21:05:31
661
原创 js中的命名规则
6. 命名通常采用驼峰命名法，即第一个单词小写，后续单词首字母大写，例如myVariable、calculateSum等。在JavaScript中，命名规则是用来给变量、函数和其他标识符起名字的规则。请注意，良好的命名规范可以提高代码的可读性和可维护性，因此在编写JavaScript代码时，建议遵循这些规则。1. 标识符由字母（A-Z或a-z）、数字（0-9）、下划线（_）和美元符号（$）组成。4. 标识符不能是JavaScript的保留字（关键字），如if、for、while等。
2024-04-28 13:00:47
245
原创 函数的学习与使用
函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接 口（函数名）。return: 不仅可以终止当前函数体内的代码，还能返回 return 语句后面的值。形参：函数定义时候，传递的参数 (实参值会传递给形参,相当于不用声明的变量)，通过函数可以实现大量代码的重复使用。简单来说函数就是一个容器，可以封装一些代码， 在需要时再执行这些代码。fun是变量名，不是函数名，他只是存储函数的变量。function是命名函数的关键字，必须小写。实参：函数调用时候，传递的参数。
2024-04-28 12:58:23
454
原创 记录Javascript数组类练习
数组点名，点到从数组中删除(就是使用随机数生成对应数组的下标，然后进行删除指定下标的元素)let arr13=['张三','李四','王五','马六','常七'];
2024-04-26 23:57:20
262
原创 快速认识JavaScript
JavaScript是一种直译式脚本语言，是一种动态类型、弱类型，基于原型的高级语言。脚本语言：在程序的运行过程中逐行进行解释执行，不需要预编译。动态类型：在声明了一个变量之后，我们能够随时改变它的数据类型。弱类型：变量在使用前不需要做类型声明，而是解释器在运行时检查它的数据类型。直译式：运行的时候将程序直接编译成机器语言(浏览器中的js引擎)。
2024-04-25 21:43:09
657
原创 js基础数据类型
/ undefined console.log('你好' + str);let str1 = '哈喽！console.log('我今年' + age + "岁了");// 1. 字符串型可以时引号中的任意文本，语法为 单引号 和 双引号。// 1. 字符串型可以时引号中的任意文本，语法为 单引号 和 双引号。布尔类型和数字型相加的时候，true 的值为 1 ，false 的值为 0。console.log('你好' + str);// 你好 null。
2024-04-21 08:00:00
815
原创 Javascript学习
js 不允许直接访问本地的硬盘，而且不能将数据存放到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。首先，学习了上面一些理论知识，使我们对javascript有了更深的理解，接下来就进行实战演习了。要注意的一点是在输入英文或者汉字的时候要使用双引号或者单引号给他包起来，否则是会报错的。：js 仅依赖于浏览器本身，与操作系统无关，只要是能运行浏览器的计算机，并支持 js。：简称 ES，它是 JS 的基本语法，也是 JS 的核心。
2024-04-21 01:31:35
411
原创 js数组冒泡排序
，下面的document.write（）是输出的正确结果，cosole.log()则是让大家看看循环次数对for循环次数有个直观印象。
2024-04-21 01:19:48
400
原创 js基础数据类型
/ undefined console.log('你好' + str);let str1 = '哈喽！console.log('我今年' + age + "岁了");// 2. 十六进制数字范围：0~9 以及 A~F let num2 = 0xF;// 1. 字符串型可以时引号中的任意文本，语法为 单引号 和 双引号。布尔类型和数字型相加的时候，true 的值为 1 ，false 的值为 0。console.log('你好' + str);
2024-04-14 13:09:38
799
原创 Javascript学习
1.什么是javascriptJavaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的高级语言。脚本语言：在程序的运行过程中逐行进行解释执行，不需要预编译。动态类型：在声明了一个变量之后，我们能够随时改变它的数据类型。弱类型：变量在使用前不需要做类型声明，而是解释器在运行时检查它的数据类型。直译式：运行的时候将程序直接编译成机器语言(浏览器中的js引擎)2.javascript特点简单性：它的变量类型是采用弱类型，并未使用严格的数据类型。
2024-04-14 13:06:35
184
原创 js流程控制语句
在一个的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。流程控制主要有三种结构，分别是和，代表三种代码执行的顺序。
2024-04-14 13:03:54
722
原创 js解决猴子吃桃的问题
之前，我们要先思考怎么怎么才能整出来，正着推我们不好推，那我们就反着推，设j天，设总共i个桃子，最后一天就剩一个桃子，反着推则是（1+1）*2，求出昨天吃的桃子多少个，一次类推求出第一天多少个。猴子吃桃：一个猴子有一天摘了很多桃子，当天吃了一半，还觉得不过瘾，又多吃了一个，后边每天都吃了剩下桃子的一半多加一个。如图所示，代码简单高效，但是第一次学习可能遇到许多问题，例如格式错误，不规范，计算错误等等，当然，最。第十天还没有吃的时候发现只剩下一个桃子了，问一开始摘了多少桃子。
2024-04-14 12:58:13
141
原创 ＜datalist＞ 标签
2. 元素包含了一组元素，这些元素表示预定义可选值，在元素输入过程中，会自动响应元素的值。如上图运行效果我们看到，我们在标签中书写了选项，但是并没有和进行关联起来，还是普通的。3. 绑定的标签必须设置list 属性，属性值等于标签的id 属性值。1. 标签规定了 元素可能的选项列表。
2024-04-06 23:19:41
233
原创 HTML lable标签
就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。通过label标签的for属性，显式与另一个表单控件关联，for属性的值必须是与label标签在同一文档中的可标记表单元素的id。3. for属性可把 label 绑定到另外一个元素，< label> 标签的 for 属性应当与相关元素的 id 属性相同。直接将表单控件放到label标签内，这种情况下，label标签只能包含一个表单元素，包含多个只对第一个有效。2. form 属性的值必须是其所属的表单的 id。
2024-04-06 23:02:35
276
原创 table表格基础知识及简单运用
在HTML中我们用< table >标签来定义表格，它和Excel表格类似，都包括行、列、单元格、表头等，但是在功能方面HTML的表格远不如Excel强大。
2024-03-31 08:00:00
146
原创 Flex 布局
默认情况下，项目都排在一条线上（即flex布局中，默认的子元素是不换行的，如果装不开，会缩小子元素的宽度，放到父元素里面）设置子项在侧轴上的排列方式并且只能用于子项出现换行的情况（多行，即flex-wrap: wrap），在单行下是没有效果的。主轴和侧轴是会变化的，就看flex-direction设置谁为主轴，剩下的就是侧轴。flex-flow属性是flex-direction和flex-warp属性的复合属性。在flex布局中，是分为主轴和侧轴两个方向，同样的方法叫： 行和列，x轴和y轴。
2024-03-31 01:36:11
822
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人