- 博客(14)
- 收藏
- 关注
RSS订阅原创 初学JS——事件监听
本文介绍了三种常见的前端事件监听实现方式：鼠标事件监听、键盘事件监听和表单事件监听。通过代码示例展示了如何监听鼠标的点击、移动、滚轮等操作，键盘按键的按下事件，以及表单的提交、重置和文本选择事件。每个示例都包含HTML结构和JavaScript事件处理逻辑，演示了如何捕获用户操作并执行相应功能。最后还提供了一个图片轮播的练习示例，展示了事件监听在实现交互效果中的应用。这些基础事件监听技术是前端开发的核心内容。
2025-12-13 15:19:59
179
原创 初学JS——嵌入方式、基本语法、函数、对象、条件语句和循环语句
JS的函数定义和调用c = a+b;alert("函数被调用了 a+b=" + c);return c;// 1. 直接在JS程序中被调用 （包括有返回值和无返回值的调用）// console.log("直接在JS程序中被调用 a+b=" + calculator(3, 3))
2025-09-14 16:09:36
148
原创 初学JS——DOM编程基础
本文介绍了JavaScript操作DOM节点的基本方法，包括：1.节点获取：通过getElementsByTagName、getElementsByClassName、getElementById、querySelector等方法获取DOM节点；2.属性修改：演示了如何查看和修改节点属性，包括className、id等属性，以及classList的操作；3.节点创建与插入：展示了如何创建元素节点、文本节点和属性节点，并将它们插入DOM树中；4.删除节点：说明了如何移除DOM节点。最后通过一个练习示例，综合运
2025-09-14 15:43:37
120
原创 初学CSS——盒子展示 和弹性flex布局
①当一个父盒子被设置flex弹性盒时，该弹性盒的默认规则为： 进入该弹性盒的项目，会按照主轴方向排列，排到位置不够时，换行继续排。空间分配：通过 flex-basis、flex-grow 和 flex-shrink 控制项目在主轴上的初始大小、放大和缩小比例。容器与项目：采用 Flex 布局的元素称为 Flex 容器，其内部的子元素称为 Flex 项目。【Flex 布局核心概念与机制】
2025-06-02 15:39:10
455
原创 初学CSS——盒模型的属性、大小和定位
注意：①边框：所有边框宽度——border-width: 默认值medium，小于默认thin，大于默认thick，数字单 位标识符组成的长度值、不能为负值length上边框宽度——border-top：border-width || border-style || border-color。
2025-05-17 20:47:28
1408
原创 初学CSS——伪元素选择器与伪类选择器
⑤有些浏览器对伪类选择器的支持不太好，比如部分火狐浏览器无法支持:active属性（我 们主要使用谷歌浏览器和edge浏览器）。④link, visited,hover,active这四个伪类从前到后的顺序不能颠倒，否则会影响浏览器的渲 染。active——链接被激活时（鼠标左键按下但还未抬起）的样式。visited ——链接访问后的样式。hover——鼠标悬停在链接上的样式。link ——链接访问前的样式。
2025-05-12 19:50:49
363
原创 初学CSS——常用样式
③文本的修饰线——text-decoration：下划线underlin，删除线line-through，上划线 overline。粗细——font-weight：默认字体（400）normal，粗体（700）bold，粗体再加粗bolder，比默认字体还要细lighter，数字越大越粗100~900。①设置填充图片是否需要平铺（重复），默认是上下左右平铺的，no-repeat为不平铺，repeat-x是水平平铺，repeat-y是垂直平铺。
2025-04-26 22:22:48
1741
原创 初学CSS——样式及基本选择器
①/*...*/为CSS的注释符号②在没有优先级的情况下：样式配置遵循后来居上原则（层叠），样式配置的优先级：行内样式>id选择器>类选择器>标签选择器。
2025-04-13 16:11:07
253
原创 初学HTML——表单from的概念及＜input＞元素
表单被广泛应用于各种信息的搜集与反馈中，一个完整的交互表单由两部分组成:一是客户端包含的表单页面,用于填写访问者进行交互的信息;另一个是服务端的应用程序，用于处理访问者提交的信息。当访问者在Web浏览器中显示的表单中输入信息后,单击“提交”按钮,这些信息将被发送给服务器，服务器端应用程序对这些信息进行处理,并将结果发送给访问者。
2025-03-30 19:57:36
369
原创 初学HTML——列表与表格
1.一次性生成无序列表的快捷指令：ul*数字>li*数字+回车键（enter）2.在ul后指定符号的样式，可设定ul中所有<li>标签的前导符号运行结果如下此外还有个常用的“none”表示无符号1.一次性生成有序列表的快捷指令：ol*数字>li*数字+回车键（enter）2.在ol后指定符号的样式，可设定ol中所有<li>标签的加重记号运行结果如下。
2025-03-22 22:53:29
1095
原创 初学html——基本结构，文本，排版元素，图像，超链接及练习
Web页面是由HTML（hypertext markup language,超文本标记语言HTML是构成web页面（page）、表示Web页面的符号标签语言。
2025-03-04 00:07:52
345
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人