- 博客(30)
- 收藏
- 关注
RSS订阅原创 JS事件绑定
在 JavaScript 中，事件绑定是将事件处理函数与 DOM 元素关联的过程。：HTML 和 JavaScript 代码混杂，不利于维护。：同一事件只能绑定一个处理函数，后绑定的会覆盖之前的。：适用于动态添加的元素，减少事件绑定数量，提高性能。利用事件冒泡机制，将事件绑定到父元素上，通过检查。：匿名函数无法被移除，必须使用具名函数。绑定的事件，需要使用。
2025-08-24 10:00:00
162
原创 JS事件的概念
在 JavaScript 中，事件是指发生在 HTML 元素上的动作或交互。这些动作可以是用户触发的（如点击、鼠标移动、键盘输入），也可以是浏览器触发的（如页面加载、资源加载完成）。事件使网页能够对用户行为或系统状态变化作出响应，从而实现动态交互功能。，包含事件的相关信息（如触发元素、坐标、按键等）。直接在 HTML 元素中通过。当事件触发时，浏览器会创建一个。
2025-08-23 15:00:00
235
原创 JS改变 HTML 元素
方法操作元素的 CSS 类（如添加、移除、切换）。属性直接修改元素的 HTML 或纯文本内容。或直接访问属性名来修改元素属性（如。通过事件触发元素内容或样式的动态变化。属性动态调整元素的 CSS 样式。动态生成并插入元素。
2025-08-22 11:30:00
234
原创 JS获取 HTML 元素
方法通过元素的 ID 获取单个元素。该方法返回匹配指定 ID 的元素对象，若未找到则返回。方法通过 CSS 选择器获取第一个匹配的元素。选择器可以是类名、标签名、属性等。方法通过 CSS 选择器获取所有匹配的元素集合。方法通过标签名获取元素集合。方法通过类名获取元素集合。集合访问，返回一个包含所有表单的。同样可以在特定元素的子元素中查找。，会随着 DOM 的变化自动更新。，不会随 DOM 变化自动更新。可以在特定元素的子元素中查找。获取链接和图片元素可以通过。获取表单元素可以通过。
2025-08-21 13:42:27
223
原创 DOM的概念
DOM（Document Object Model，文档对象模型）是浏览器将 HTML 或 XML 文档解析为树状结构的编程接口。浏览器渲染页面时，会解析 HTML 生成 DOM 树，结合 CSS 生成渲染树（Render Tree），最终绘制到屏幕上。DOM 操作可能触发重排（Reflow）和重绘（Repaint），影响性能。现代框架（如 React、Vue）引入虚拟 DOM（Virtual DOM），通过内存中的轻量级 DOM 副本减少直接操作真实 DOM 的开销，提升性能。
2025-08-17 10:00:00
167
原创 数组转换的方法
数组转字符串 使用 方法可以将数组元素连接成字符串：字符串转数组 使用 方法可以将字符串分割为数组：类数组转真数组 使用 或展开运算符转换类数组对象：多维数组扁平化 使用 方法可以降低数组维度：数组与Set互转 利用Set实现数组去重和转换：数组与Map互转 将键值对数组转换为Map对象：类型数组转换 处理二进制数据时使用类型数组：数组与JSON互转 JSON序列化和反序列化：数组与对象互转 使用 将键值对数组转为对象：数组映射转换 使用 方
2025-08-14 10:00:00
211
原创 数组索引的方法
在编程中，数组索引用于访问数组中的特定元素。数组索引通常从0开始，即第一个元素的索引为0，第二个为1，依此类推。某些语言（如Python）支持负数索引，从数组末尾开始计数。-1表示最后一个元素，-2表示倒数第二个，依此类推。对于多维数组（如矩阵），可以通过多个索引访问元素。索引的顺序通常是从外到内。在某些语言（如NumPy）中，可以通过布尔数组选择符合条件的元素。在NumPy等库中，可以通过整数数组或条件表达式进行高级索引。切片用于获取数组的子集。是结束索引（不包含），
2025-08-13 14:17:38
216
原创 什么是数组排序？
将数组分为已排序和未排序两部分，逐个将未排序元素插入到已排序部分的正确位置。时间复杂度为 O(n²)，但对近乎有序的数组效率较高。采用分治法，选择一个基准元素将数组分为两部分，左边小于基准，右边大于基准，递归排序。平均时间复杂度为 O(n log n)。通过多次遍历数组，比较相邻元素并交换位置，将较大元素逐渐“冒泡”到数组末尾。时间复杂度为 O(n²)，适合小规模数据。每次遍历找到未排序部分的最小值，与当前未排序部分的第一个元素交换位置。时间复杂度稳定为 O(n log n)，但需要额外空间。
2025-08-10 21:21:43
345
原创 JS内置对象概述
String：提供字符串操作方法，如charAt()。Number：处理数值转换和判断，如toFixed()isNaN()。Boolean：布尔值包装器，可通过创建。
2025-08-02 20:48:33
238
原创 什么是作用域
作用域（Scope）指变量、函数或对象在代码中的可访问范围。它决定了代码中哪些部分可以访问特定的标识符（如变量名）。作用域分为全局作用域和局部作用域，局部作用域又包括函数作用域和块级作用域（如。当访问一个变量时，会从当前作用域逐层向外查找，直到全局作用域（未找到则报错）。变量在函数或代码块外部声明时，属于全局作用域，可在整个程序中被访问。声明的变量具有函数作用域，仅在声明它的函数内部可访问。声明的变量具有块级作用域，仅在声明它的。
2025-07-24 09:32:55
142
原创 九宫格抽奖文字版
div.prizeoptionbutton：：：：optionbuttonpaneltimecountfu()：启动抽奖cycle()：动画循环。
2025-07-22 11:30:00
236
原创 JavaScript 函数
函数是 JavaScript 中的基本构建块，用于封装可重复使用的代码片段。函数的定义方式有多种，最常见的是函数声明和函数表达式。JavaScript 函数可以接受多个参数，参数在函数内部可用作变量。JavaScript 函数有自己的作用域，内部声明的变量在外部不可访问。函数可以访问外层作用域的变量（闭包特性）。高阶函数是指接受其他函数作为参数或返回函数的函数。这是 JavaScript 函数式编程的重要特性。IIFE 是在定义后立即执行的函数，常用于创建独立作用域。
2025-07-18 08:45:00
191
原创 JS九宫格抽奖图片版
本文介绍了九宫格抽奖功能的实现方法。通过HTML构建包含标题、3×3网格（8个奖品格+1个抽奖按钮）和隐藏弹窗的结构；CSS设置网格布局和元素样式；JS实现抽奖逻辑：记录状态、随机生成中奖位置、控制动画效果（快慢节奏的高亮变化），最终显示对应奖品弹窗。关闭弹窗后可重置状态重新抽奖。该方案完整实现了交互式抽奖功能。
2025-07-17 18:27:24
182
原创 JavaScript 数组
JavaScript 数组是一种有序的数据结构，用于存储多个值。数组可以包含任何数据类型，包括数字、字符串、对象，甚至其他数组。数组的索引从 0 开始，可以通过索引访问或修改元素。
2025-07-14 16:37:04
229
原创 JS流程控制语句
流程控制语句用于控制代码的执行顺序，使程序能够根据不同条件执行不同的代码块或重复执行某些操作。JavaScript中的流程控制语句主要包括条件语句和循环语句。条件语句用于根据条件决定执行哪些代码块。异常处理语句用于捕获和处理代码执行中的错误。跳转语句用于改变代码的执行流程。循环语句用于重复执行代码块。
2025-07-12 08:45:00
198
原创 什么是JS变量
传统声明方式，存在变量提升（hoisting），作用域为函数作用域或全局作用域。JavaScript 是动态类型语言，变量可随时改变数据类型。声明常量，块级作用域，值不可重新赋值（但对象属性可修改）。变量是存储数据的容器，在 JavaScript 中通过。ES6 新增，块级作用域，避免变量提升带来的问题。变量名需遵循命名规则：以字母、开头，区分大小写，且不能使用保留字。
2025-07-08 09:45:00
157
原创 JavaScript 简介
脚本语言：无需编译，直接由浏览器或运行时环境（如Node.js）解释执行。动态类型：变量类型在运行时确定，无需提前声明。基于原型：采用原型继承而非传统的类继承（ES6后引入类语法糖）。单线程异步：通过事件循环和非阻塞I/O处理并发任务。
2025-07-02 18:08:44
345
原创 实现纯CSS和HTML的轮播图
这种方法实现的轮播图是自动循环播放的，无法通过用户交互暂停或切换。动画时间和切换效果可以通过调整关键帧百分比和transition属性修改。幻灯片数量增加时，需要相应调整.slides容器的宽度百分比和关键帧位置。每增加一张幻灯片，宽度需增加100%，关键帧需增加相应百分比点。轮播容器设置固定宽度和高度，并隐藏溢出内容。幻灯片容器宽度设置为轮播容器的3倍（3张幻灯片），使用CSS动画实现水平移动。动画关键帧在特定时间点改变transform属性，实现幻灯片切换效果。动画设置为无限循环。
2025-06-30 10:55:23
232
原创 什么是CSS
CSS（Cascading Style Sheets，层叠样式表）是一种用于描述HTML或XML文档外观和格式的样式语言。它通过定义样式规则控制网页元素的布局、颜色、字体等视觉表现，实现内容与呈现的分离。
2025-06-26 18:23:48
321
原创 HTML概念
，通过标签定义网页的结构和内容（如文本、图片、链接等），由浏览器解析并渲染为可视化页面。它不是编程语言，而是与CSS、JavaScript共同构成前端开发的三大核心技术。
2025-06-25 07:51:06
219
原创 遮盖层做法介绍
摘要：Web开发中常用CSS创建遮盖层(overlay)实现页面覆盖效果。主要步骤包括：1)HTML中定义div容器作为基础结构；2)CSS设置背景色、透明度等样式；3)JavaScript控制显示/隐藏，如点击按钮触发。此方法适用于加载提示、图片详情等场景，简单实用。
2025-06-21 18:21:24
195
原创 小P站点配置
2.点击网站按钮，点击创建网页，域名需要注意结构，一共有三段，中间需要用英文的 . 来间隔，最后一段建议使用com、cn、top等，端口号需要注意如果已经有网站占用着80端口，则需要修改为未被占用的端口号进行使用，否则会产生访问混乱的情况。选择http 端口默认为80，点击同步hosts，生产环境。先将创建网站时自动生成的文件全部删除掉可以将我们制作好的项目复制一份至该目录中需要注意网站的首页默认为名字为index的html文件，我们的项目中必须要有一个对应的文件。点击网站点击管理，点击跟目录。
2025-06-16 08:01:56
171
原创 HTML基础
中utf-8是字符集用什么字符集编写就用什么字符集解码用不同的字符集会使内容错乱。标签是超链接标签，通过点击a标签，可以快速跳转到其他页面中，之间是网页内容，网页上能被用户看到的内容都在这个之间。为换行标签在文字后方添加，会使文字在网页进行换行。之间为网页标题，重要性依次减弱文字内容也会加深。之间为网页名字，用来提醒用户这个网页是干什么的。会使两行代码内容显示在一行里，也可作为容器。并列在一起，可作为容器使用。之间为注侍内容，也不会被用户看到。新窗口、 _self当前窗口。可在图片无法打开时进行提示。
2025-06-04 08:15:21
143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人