自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS-第二十四天-函数

柯里化是将接受多个参数的函数转化为一系列接受单个参数的函数的过程。函数提升: 函数声明会被提升到作用域顶部,可以在定义前调用。通常是函数返回另一个函数,内部函数可以访问外部函数的变量。局部作用域: 在函数内部定义的变量只在函数内部可访问。全局作用域: 在函数外部定义的变量在整个代码中可访问。高阶函数是指以函数为参数或返回值为函数的函数。回调函数是作为参数传递给另一个函数的函数。闭包是指函数能够访问其词法作用域外的变量。递归函数是指在函数内部调用自身的函数。函数声明方式: 使用。示例: 斐波那契数列。

2025-08-13 15:57:17 324

原创 JS-第二十三天-正则

空格 (Space):按下空格键换行符 (Newline):在Unix/Linux系统中,换行符是 \n。在Windows系统中,换行符是r\n (回车符 \r ,后面跟着换行符 \n )。回车符 (Carriage Return):使用 \r 来表示。换页符 (Page Break):使用 \f 来表示。制表符 (Tab):使用 \t 来表示。垂直制表符 (Vertical Tab):使用 \v 来表示。.....

2025-08-11 21:28:34 281

原创 JS-第二十二天-BOM(浏览器对象模型)

BOM(Browser Object Model,浏览器对象模型)表示由浏览器(主机环境)提供的用于处理文档(document)之外的所有内容的其他对象。简单理解:BOM就是浏览器给JavaScript提供的一套"工具包",让我们可以控制浏览器窗口、获取屏幕信息、操作历史记录等。对象常用属性/方法说明window窗口内部尺寸window打开/关闭窗口window定时器window弹窗方法navigatoruserAgent用户代理字符串navigatorplatform。

2025-08-06 20:38:38 743

原创 JS-第二十一天-尺寸位置

offset包含边框、client不包含边框、scroll包含滚动的内容scrollTo:滚动到指定坐标scrollIntoview:滚动到元素可见。

2025-08-05 16:59:55 240

原创 事件(二)实战案例

我们当前的目标非常简单,实现功能即可,代码好看不好看不重要,能跑起来不报错就行😶。如果有改正建议欢迎来私聊。

2025-08-04 17:00:34 357

原创 JS-第二十天-事件(二)

今日重点学习了JavaScript中的事件处理机制,从基础概念到实际应用,构建了完整的事件处理知识体系。console.log('span被点了');console.log('span捕获');

2025-08-04 16:49:02 662

原创 JS-第十九天-事件(一)

事件从目标节点开始,经过所有祖先节点,直至顶层Window对象。:事件从顶层开始,经过所有祖先节点,直至触发目标节点。:事件的种类(如click、mouseover等)console.log('点击事件');- 鼠标移入/移出(会冒泡)- 鼠标进入/离开(不冒泡)不会冒泡,不受子元素影响;:事件到达目标节点并触发。会冒泡,受子元素影响。// 添加事件监听器。// 移除事件监听器。

2025-08-01 18:39:23 492

原创 JS-新手入门第十八天

操作类型现代方法传统方法特点末尾插入append()现代方法支持多个参数开头插入prepend()无现代方法特有之前插入before()现代方法更简洁之后插入after()无现代方法特有替换现代方法更直观移除remove()现代方法更简洁append()prepend()before()after()remove()

2025-07-31 17:00:13 1766

原创 JS-新手入门第十七天

前几天月考所以没有新知识点就没写博客。(咕咕了)今天我们来学习className,classList和style的部分知识。

2025-07-30 17:07:20 355

原创 JS-新手入门第十六天

DOM(文档对象模型)会将 HTML 文档的每一部分都表示为一个节点(Node)。节点不仅包括元素节点(如 <div>、<p>),还包括文本节点、注释节点、文档节点等类型。通过操作这些节点,JavaScript 可以动态地修改网页的内容和结构。—— 检查是否存在某个特性—— 获取特性值—— 设置特性值—— 移除特性—— 获取所有特性的集合建议在自定义属性时使用data-前缀,并通过元素的dataset属性进行访问,这样更符合 HTML5 标准,也便于数据的统一管理和读取。常用用法:访问时为。

2025-07-24 16:49:32 527

原创 JS-新手入门第十五天

ECMAScript(语法、数据类型、流程控制、对象、数组、函数、内置对象)DOM(文档对象模型,操作页面元素)BOM(浏览器对象模型,操作浏览器)变量、数据类型、类型检测与转换操作符、流程控制对象、数组、函数常用内置对象(String、Array、Math、Date)

2025-07-23 16:21:21 392

原创 JS-新手入门第十四天

`catch(err)`: 如果 `try` 块中发生错误,则执行 `catch` 块,`err` 是包含错误信息的对象。- `getHours()` / `getMinutes()` / `getSeconds()`: 获取时/分/秒。- `new Date('YYYY-MM-DD HH:mm:ss')`: 创建一个指定时间的日期对象。- `valueOf()` / `getTime()`: 获取日期对象的时间戳。- `getDate()`: 获取月份中的第几天 (1-31)。

2025-07-22 17:16:20 360

原创 JS新手入门第十三天

它的作用为遍历数组,将上次结果与当前遍历项传递给下一个程序 ,返回值作为下一个结果,最终遍历完成返回一个累积的结果。它的语法为he = arr.reduce(function (上次结果,数组项,项索引,数组) { },参数2代表初始值)。Math.max()/Math.min() 求最大、最小。返回值 负数 (执行交换)a在前。返回值 正数 (执行交换)b在前。floor() 向下(小)取整。Math.abs() 求绝对值。ceil() 向上(大)取整。Math.pow() 求幂。

2025-07-21 16:27:01 221

原创 JS-新手入门第十二天

Number.parseInt() / parseInt():转整数。- **splice(位置, 删除数, 新增项...)**:增删改一体。- **findIndex(函数)**:返回第一个符合条件的项的索引。- **lastIndexOf()**:查找元素最后一次出现的位置。- **filter(函数)**:返回所有符合条件的项组成的新数组。- **forEach(函数)**:对每一项执行函数,无返回值。- **slice(起, 止)**:提取子数组,不改变原数组。

2025-07-18 19:17:59 277

原创 JS-新手入门第十一天

今天我们的学习内容为内置对象,内置字符串对象,字符串的一部分方法之类的。

2025-07-17 16:15:16 1321

原创 JS-新手入门第十天

arguments对象:普通函数内部可用,包含所有实参,类数组,可用于处理不定数量参数。- 剩余参数...args:ES6语法,将多余参数收集为数组,常用于箭头函数和不定参数场景。- 函数声明:使用function关键字直接声明,可提前调用(提升)。- 箭头函数:ES6语法,简洁,适合回调和数组方法,this指向外层。例:(function(){})() 或 (() => {})()- 形参:函数定义时的小括号内变量,用于接收外部传入的数据。- 局部作用域:函数内部声明的变量,只能在函数内部访问。

2025-07-16 16:16:07 375

原创 JS-新手入门第九天

新的一天新的学习内容,由于数组的内容较多比较冗长,所以我们暂时先来认识函数。

2025-07-15 19:16:33 322

原创 JS-新手入门第八天

祝大家学习愉快。

2025-07-14 17:20:53 430

原创 JS-新手入门第七天

do...while循环和while循环类似,但是前者无论条件是否成立都会先执行一次循环,适合至少需要执行一次的场景。那么最后的输出结果会是一个合集,点开就会出现张三 20 男。今天我们的学习内容为while语句喝do...while语句,了解对象。while循环是最基础的循环结构,通过判断循环条件来决定是否执行循环。它的基本语法为:do{循环体}while(循环条件);关于对象的操作,读取,修改,添加,删除,循环。基本语法:while(循环条件){循环体}。对象 = {属性:值,属性:值,属性:值}

2025-07-11 20:03:46 290

原创 JS-新手入门第六天

复习回顾:JavaScript 行为ECMAScript变量数据类型(检测)数据类型转换运算符(操作符)算术比较逻辑赋值语句控制分支结构if...条件?语句:语句switch今天学习的内容大纲为:循环一直执行一块语句技术for循环for(;;for嵌套iffor嵌套forbreak 终止程序continue 中止当前这一次的循环程序 下次继续 【跳过这一次】。

2025-07-10 16:39:47 1905

原创 JS-新手入门-第五天

0.能被400整除就是year % 400 == 0.一共是两个条件,将第一个条件用或与非中的与来连接到一起,就是year % 4 == 0 && year % 100!这是一个判断星期的switch语句,如果我们去掉break,那么当它满足条件后会停止判断将后续内容直接输出。语句1:语句2:语句3:,那么他就会先去判断条件1?语句1:语句2.最好不要写多个条件和语句,容易混乱思维,比较难判断。条件判断即为检查内容是否符合内容,如果符合就输出什么结果,不符合就输出另一个结果。条件运算符的结构:条件?

2025-07-09 16:30:55 649

原创 JS-新手入门第四天-下午

1,算术运算符:+加法(数值相加或字符串拼接)、-减法、*乘法、/除法、%取模(余数)、**指数(ES6新增)、++递增、--递减、+一元正号、-一元负号。4.赋值运算符:= 简单赋值、+= 加法赋值、 -= 减法赋值、 *= 乘法赋值、/= 除法赋值、%= 取模赋值、**= 指数赋值(ES6)。扩展:位运算符:& 按位与、| 按位或、~ 按位非、^ 按位异或、<< 左移、>> 有符号右移、>>> 无符号右移。加减(+、-)、比较运算符(>、<等)、相等判断(==、===)、逻辑与 &&、

2025-07-08 16:32:25 307

原创 JS-新手入门第四天-上午

b未进行自增自减,那么b从头到尾输出的值就是2,--a,自减符在前面那么先进行运算再输出,即为6-1输出值为5.后面的a--,则为输出为5 ,后续运算为4.那么这道题就相当于5 + 2 * 5 / 5.那么a的输出值为4,b为2,result为计算结果,输出值为7。= “2”,那么输出结果为false,!==2,输出结果为true,因为他不会转换类型,直接进行比较,那么字符串不等于数字,所以输出结果为true。--c1 === c2+=,===先比较类型,二者不是同一种类型,所以输出结果为false。

2025-07-08 11:59:57 302

原创 JS-新手入门第三天-下

早上我们进行了愉快的JS交互使用,那么下午就要开始学正经东西了。关于数据类型的转换,我们可以从页面的控制台进行查看。数字和布尔值是蓝色,字符串是黑色,undefined和null是灰色。简单进行概括,接下来进入学习的内容。

2025-07-07 19:30:34 277

原创 JS-新手入门第三天-上午

修改按钮// 将内容写入body// 修改div内容// box为设置的div名称box.innerHTML = "<h1>新盒子</h1>"// 点击的时候再去改变盒子内容// btn为设置的按钮名称 box为设置的div名称box.innerHTML = "<h1>床前明月光</h1>"

2025-07-07 11:50:15 429

原创 JS-新手入门第二天-下

alert是最简单的弹窗,只显示信息和确定按钮。优点是内容简洁明了,确保不同设备上的显示正常。缺点是会阻塞用户的其他交互和后续代码的运行。譬如alert如果放在html最前面,那么打开html就会弹出这个警告框并且阻塞后续内容的加载。//基本用法//message为内容,可以随心所欲的去填写。

2025-07-04 18:13:14 241

原创 JS-新手入门第二天-上

定义变量有三种方式 var let 和const。

2025-07-04 11:26:28 158

原创 JS-第一天的学习-新手入门(补档)

变量声明后默认值为undefined函数没有明确返回值时返回undefined访问对象不存在的属性返回undefinedJavaScriptlet x;

2025-07-03 20:02:08 689

原创 JS-第一天的学习-新手入门

javascript//ES6+ 推荐方式//块级作用域,可修改//块级作用域,不可修改var oldWay = "已弃用";//函数作用域,存在变量提升。

2025-07-03 17:18:00 286

空空如也

空空如也

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

TA关注的人

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