- 博客(37)
- 收藏
- 关注
RSS订阅原创 JavaScript DOM 原生部分(五):事件绑定
原生 JavaScript 中,addEventListener是最灵活的事件绑定方式,事件委托是处理大量元素和动态元素的最优解.掌握事件对象的使用、事件传播的控制和事件委托的技巧,是实现高效、稳定页面交互的核心.
2025-12-17 11:34:39
658
原创 JavaScript DOM 原生部分(四):节点操作
原生 JavaScript 节点操作更底层、灵活,适合需要精细控制的场景,需熟悉节点关系和各类方法的语法.减少不必要的 DOM 操作,批量操作优先使用文档片段,确保操作前节点存在,避免性能问题和报错.
2025-12-17 11:20:37
876
原创 JavaScript DOM 原生部分(三):元素属性修改
data-*原生 JS 中,优先通过元素对象直接访问标准属性,用classList操作类样式,用dataset操作自定义属性;核心是根据属性类型(标准/布尔/自定义/样式)选择合适的方法,兼顾代码的可读性和性能.
2025-12-17 11:16:22
670
原创 JavaScript DOM 原生部分(二):元素内容修改
场景推荐方法修改纯文本内容修改带标签的 HTML 内容innerHTML( 谨慎使用 )修改表单元素值value。
2025-12-17 11:10:31
539
原创 JavaScript DOM 原生部分(一):获取DOM
原生 JavaScript 中,querySelector因支持 CSS 选择器而最常用,灵活性最高;简单场景(如按 ID 获取)用更高效;框架中优先使用其提供的选择器语法,简化代码.
2025-12-17 11:05:22
838
原创 JavaScript进阶(四):DOM监听
除了浏览器内置事件,还可以创建自定义事件,通过手动触发,适用于组件通信、自定义交互.// 1. 创建自定义事件(可携带自定义数据)detail: { id: 123 }, // 自定义数据bubbles: true // 允许冒泡});// 2. 绑定自定义事件监听console.log('自定义事件触发:', e.detail.id);});// 3. 手动触发自定义事件事件监听是前端交互的核心,
2025-12-12 17:21:49
993
原创 JavaScript进阶(三):DOM事件
/ 1. 创建自定义事件detail: { id: 123 }, // 自定义数据bubbles: true, // 允许冒泡cancelable: true // 允许阻止默认行为});// 2. 绑定自定义事件console.log('自定义事件触发:', e.detail.id);// 输出 123});// 3. 手动触发事件。
2025-12-12 17:20:40
616
原创 JavaScript进阶(二):DOM属性
DOM属性是 访问 / 修改 节点特征的核心入口,按「节点通用、元素专属、表单专属、布局尺寸、状态判断」分类整理。
2025-12-09 16:52:01
1353
原创 JavaScript进阶(一):DOM简介
DOM,文档对象模型)是W3C制定的跨平台、语言无关的接口,将HTMLXML文档抽象为树形结构,允许程序脚本动态 访问、修改 文档的 内容、结构 和样式.
2025-12-09 16:51:54
674
原创 C/C++基础(五):分支
if单分支:满足条件执行;双分支:二选一执行;多分支:范围判断优先;嵌套:多层条件,控制层级;条件运算符:简化简单二选一逻辑,可直接赋值.switch适用于等值判断,依赖break避免穿透;仅支持整数类型表达式,case为常量;穿透特性可简化多常量同一逻辑的场景.范围判断 →if-else if;等值判断 →switch;简单二选一 → 条件运算符.掌握分支语句的核心是理清 “条件判断逻辑” 和 “执行路径”,避免因语法细节(如break缺失、花括号省略)导致逻辑错误.
2025-12-04 19:56:53
875
原创 C/C++基础(四):运算符
, C/C++ 会按左结合性解析为(1 < 3) < 2,即 1 < 2,结果为真,但逻辑上 3 < 2 是假,正确写法应为。关系运算符用于比较两个操作数的 大小 / 相等 关系,运算结果为布尔值。由关系运算符连接两个表达式构成的式子,称为关系表达式,结果为布尔值(C/C++ 中,逻辑运算符的操作数可以是任意数值 ——构成的式子,称为逻辑表达式,核心特性是短路求值.逻辑运算符用于对布尔值进行逻辑运算(浮点数存在精度误差,不能直接用。:若右侧表达式有副作用(如。),最终结果仍为布尔值((结合逻辑运算符).
2025-12-04 19:10:48
928
原创 JavaScript基础(九):内部对象
数据处理NumberStringArrayMath;时间处理Date;对象 / JSON 操作ObjectJSON;字符串匹配RegExp。
2025-12-02 16:45:57
906
原创 JavaScript基础(七):数组
JavaScript数组(Array)是有序的复合数据类型,用于存储多个不同类型的值(数字、字符串、对象等),支持动态扩容缩容,且提供了丰富的内置方法,是 JS 中最常用的数据结构之一.
2025-12-01 18:29:31
656
原创 动态网页与SQL数据库前置配置(一):PHPstudy,SQLyog安装
win10 右键“此电脑” --》属性 --》高级系统设置 --》高级 --》环境变量 --》系统变量。快捷键 win+R -》 cmd -》mysql --version。注意：若提示 “‘mysql’ 不是内部或外部命令，也不是可运行的程序，找到 path 变量，把 mysql 的 bin 目录添加进来。请把 mysql 安装路径下的 bin 目录添加到本机器环境变量中。重新进 cmd 命令行尝试 mysql --version。根据自己的喜好填写域名(可以不填),
2025-11-26 15:30:55
288
原创 JavaScript基础(六):循环
专门用于遍历 对象的可枚举属性(包括原型链上的属性),不建议用于数组(可能遍历到非数字索引的属性).数组提供了多个内置方法,用于循环遍历并处理元素,属于函数式编程风格,代码更简洁、可读性更高.遍历数组,对每个元素执行回调函数,返回一个 新数组(长度与原数组一致),原数组不变.:遍历数组,返回 第一个满足条件的元素索引(短路遍历),无则返回。最常用的数组遍历方法,遍历每个元素并执行回调函数,无法中断循环(:遍历数组,返回 第一个满足条件的元素(短路遍历),无则返回。:遍历数组,所有元素满足回调条件,返回。
2025-11-25 15:31:16
970
原创 HTML基础(九):＜div＞padding部分
padding作为 CSS 中控制元素内部空白的核心属性.它通过定义边框与内容区之间的距离,影响元素的总尺寸和内部布局.盒模型计算、取值规则等问题,会使用过程中出现布局偏差.
2025-11-20 18:50:16
877
原创 HTML基础(八):＜div＞border部分
border由「宽度样式颜色」三部分组成,样式(style)必填,否则边框不显示;支持复合简写、方向拆分,取值遵循顺时针原则;可实现圆角圆形椭圆效果,是美化核心;默认影响元素总尺寸,需配合优化布局;单边边框分隔线圆角卡片3D 效果占位边框等;与outlineborder占空间、可拆分方向,outline不占空间、整体显示.
2025-11-20 11:29:38
866
原创 HTML基础(七):＜div＞margin部分
margin(外边距) 是控制<div>元素与其他元素之间间距的核心 CSS 属性, 用于调整元素外部的空白区域, 不影响元素自身的尺寸(内容区 + 内边距 + 边框), 仅影响元素与周围元素的距离.
2025-11-19 23:46:36
618
原创 HTML基础(六):＜div＞简介
div>是HTML中最灵活的容器元素,它的核心价值在于提供无语义的结构划分能力,是实现复杂布局和组件化设计的基础.在实际开发中,应平衡其灵活性与语义化标签的清晰度,遵循" 语义优先,必要时使用<div>" 的原则,编写既易维护又符合 Web 标准的代码.
2025-11-19 23:24:29
826
原创 HTML拓展(一):Emmet 缩写
Emmet缩写是一套能快速生成HTML和CSS代码的简洁语法,输入缩写后按下Tab键 (多数编辑器默认,VS Code 新版本需手动配置) 即可展开为完整代码,极大提升前端开发效率,其核心缩写规则涵盖HTML和CSS。
2025-11-18 17:03:56
390
原创 JavaScript基础(四):操作符
包含 “抽象相等” ( == )和 “严格相等” (===), 核心区别是是否检查数据类型.包含大于(>)、小于(<)、大于等于(>=)、小于等于(<=), 主要用于数值比较.包含乘法(*)、除法(/)、取模(%)三种,运算规则与数学逻辑一致.)、与 (&&)、或 (||).比较操作符用于判断两个值的关系,运算结果均为布尔值()可将任意值转为其对应的布尔值.返回第一个 “真值”, 若全为假则返回最后一个值,包含加法(+)和减法(-),需注意加法的特殊场景.(根据左侧值即可确定结果时, 不再执行右侧代码).
2025-11-17 10:31:29
987
原创 C/C++基础(三): 输入与输出
C++ 在 C 语言基础上引入了流（stream）的概念，使用更直观的<<和>>运算符。cout：标准输出流，配合<<使用。
2025-10-22 21:36:14
313
原创 CSS基础(二):样式
设置元素背景的纯色填充,默认值为 transparent(透明),会被背景图像覆盖(图像透明区域会显示背景色).可使用参数形态示例说明color_name预定义颜色名, 简洁但可选颜色少, 不推荐用于精确配色hex_number#ff0000(红), #5533ffb3(带透明)最常用, 格式为 #RRGGBB 或 #RRGGBBAA(AA 为透明度, 00 全透、FF 不透)rgb_number。
2025-10-20 10:29:06
619
原创 CSS基础(一):选择器
不单独定位元素，而是通过元素在 HTML 结构中的 “父子、兄弟” 关系筛选目标，适合精准控制嵌套或相邻元素的样式.突破 “标签、类、关系” 的限制，从元素的属性值、交互状态或 “虚拟生成的内容” 维度定位，满足复杂场景需求.匹配带有特定 id 属性的元素(以 ## 开头，ID 唯一)匹配带有特定 class 属性的元素(以 . 开头)匹配某个元素后的所有同级兄弟元素(用 ~ 分隔)匹配某个元素内部的所有后代元素(用空格分隔)匹配紧随某个元素后的兄弟元素(用 + 分隔)选择元素的特定部分(以 :: 开头)
2025-10-16 19:38:42
238
原创 HTML基础(五):表单元素
表单是 HTML 中用于收集用户输入并提交数据的核心组件，由多种表单控件和辅助元素组成，是用户与网站交互的重要方式。
2025-10-15 12:00:37
936
原创 HTML基础(四):表格元素
表格是 HTML 中用于展示结构化数据的重要元素，由多个相关标签协同工作，形成清晰的行列结构。/* 行悬停效果 *//* 合并边框 */
2025-10-14 16:11:48
691
原创 HTML基础(三):＜a＞元素
a> 元素 ( Anchor ，锚点) 是 HTML 中用于创建超链接的核心元素，可实现页面间跳转、页面内导航、唤起应用程序等功能，是构建网页间连接的基础。
2025-10-14 14:22:54
893
原创 HTML基础(二): 常用网页元素
用于创建术语及其定义的列表，包含<dt>(术语)和<dd>(定义)子元素。< dl > < dt > HTML </ dt > < dd > 超文本标记语言，用于创建网页结构 </ dd > < dt > CSS </ dt > < dd > 层叠样式表，用于设计网页外观 </ dd > </ dl >
2025-09-29 09:19:56
1013
原创 JavaScript基础(二): 数据类型
变量声明后未赋值时默认值为 undefined函数没有返回值时，默认返回 undefined使用typeof检测返回 undefined时返回"undefined"var x;
2025-09-29 08:31:56
689
原创 HTML基础(一): 网站基本构成
HTML、CSS、JavaScript 并非独立存在，技术角色核心目标类比HTML结构层定义 “有什么内容”人的骨架CSS样式层定义 “内容长什么样”人的皮肤、衣服JavaScript行为层定义 “内容能做什么”人的大脑、肌肉。
2025-09-25 15:34:28
280
原创 JavaScript基础(一): 输入输出与变量声明
var 声明(定义)的变量是全局变量可以声明两个同名变量var v_x;// 定义 v_x 变量// 将 'value x' 赋值给 变量 v_x// 输出变量 v_x 的值。
2025-09-23 08:26:38
385
原创 基于Windous用python实现文件日期分类(三种日期种类)
逐个手动按日期分类文件让我苦不堪言,于是一气之下气了一下,于是用学会的 python 写了个给文件分类的代码"""获取文件的日期，返回YYYY_MM_DD格式的字符串参数:gfd_path (str): 文件的完整路径run_type (str): 时间类型，可选'c'(创建时间),'m'(修改时间),'a'(最近访问时间)返回:str: 格式化后的日期字符串(YYYY_MM_DD)，出错时返回None"""try:time_stamp = '' # 定义时间戳变量。
2025-06-12 14:32:57
966
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人