百里屠苏top - 博客园

2025年3月10日

摘要：在正式讲解ES6新特性之前，我们需要了解一些命令行工具，在日后的课程中，我们会经常用到命令行。常用命令行工具有两种： CMD 命令行工具 Powershell 命令行工具一、CMD 命令行工具选择盘符：（大小写都行）查看盘符及目录下文件与文件夹：dir 返回上一级：cd..或者cd../ 二阅读全文

posted @ 2025-03-10 09:46 百里屠苏top 阅读(34) 评论(0) 推荐(0)

No.40 JavaScript---防抖（debounce）、节流（throttle）

摘要：一、防抖 1.含义防抖严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。 2.从滚动条监听的例子说起 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam 阅读全文

posted @ 2025-03-10 09:26 百里屠苏top 阅读(105) 评论(0) 推荐(0)

2025年3月7日

No.39 JavaScript---定时器之setTimeout以及setInterval

摘要：一、定时器 JavaScript 提供定时执行代码的功能，叫做定时器(timer)。主要由setTimeout()和setinterval() 这两个函数来完成。它们向任务队列添加定时任务。 1.1定时器之setTimeout setTimeout 函数用来指定某个函数或某段代码，在多少毫秒之后阅读全文

posted @ 2025-03-07 17:09 百里屠苏top 阅读(65) 评论(0) 推荐(0)

No.38 JavaScript---事件代理（事件委托）

摘要：一、含义由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理(delegation)。父元素系统处理子元素事件。阅读全文

posted @ 2025-03-07 16:18 百里屠苏top 阅读(36) 评论(0) 推荐(0)

No.37 JavaScript---事件处理程序（添加事件）、事件类型之鼠标事件、Event事件对象、事件类型之键盘事件、事件类型之表单事件

摘要：一、添加事件事件处理程序分为： HTML事件处理 DOM0级事件处理 DOM2级事件处理 1.1 HTML事件处理（这种不用知道就行） <body> <button onclick="clickHandle()">按钮</button> <script> //HTML事件 function cl 阅读全文

posted @ 2025-03-07 16:03 百里屠苏top 阅读(78) 评论(0) 推荐(0)

2025年3月6日

No.36 JavaScript---CSS操作（JS操作CSS）

摘要： JS操作CSS样式，JS操作HTML中的元素。三者联动起来。 JS操作CSS样式有三种方式：通过HTML元素的style属性；通过元素节点的style属性；通过cssText属性。 1.1 HTML元素的style属性操作 CSS 样式最简单的方法，就是使用网页元素节点的 setAttrib 阅读全文

posted @ 2025-03-06 16:20 百里屠苏top 阅读(48) 评论(0) 推荐(0)

No.35 JavaScript---Element对象属性、Element获取元素位置

摘要：、一、元素对象属性 Element对象对应网页的 HTML 元素。每一个 HTML 元素，在 DOM 树上都会转化成一个Element节点对象(以下简称元素节点)。 1.1 .id Element.id 属性返回指定元素的id 属性，该属性可读写. 1.2 .className className 阅读全文

posted @ 2025-03-06 15:00 百里屠苏top 阅读(159) 评论(0) 推荐(0)

No.34 JavaScript---DOM

摘要：一、DOM概述 DOM 是JavaScript操作网页的接口，全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个JavaScript 对象，从而可以用脚本进行各种操作(比如对元素增删内容)。浏览器会根据 DOM 模型，将结构化文档HTML解析成一系列的节阅读全文

posted @ 2025-03-06 10:24 百里屠苏top 阅读(64) 评论(0) 推荐(0)

2025年3月4日

No.33 JavaScript--对象

摘要：一、对象概述{ } 对象(object)是JavaScript 语言的核心概念，也是最重要的数据类型。简单说，对象就是一组“键值对”(key-value)的集合，是一种无序的复合数据集合。对象的每一个键名又称为“属性”(property)它的“键值”可以是任何数据类型。如果一个属性的值为函数，通阅读全文

posted @ 2025-03-04 17:35 百里屠苏top 阅读(34) 评论(0) 推荐(0)

No.32 JavaScript--函数

摘要：一、定义函数是一段可以反复调用的代码块。 1.1 函数的申明 function 命令: function命令声明的代码区块，就是一个函数。function命令后面是函数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面。 1.2 函数名的提升 JavaScript 引擎将函数名阅读全文

posted @ 2025-03-04 16:38 百里屠苏top 阅读(31) 评论(0) 推荐(0)