- 博客(23)
- 收藏
- 关注
RSS订阅原创 前端学习日志-day23
无需给每个子节点绑定事件，而是将事件绑定到父节点，利用事件冒泡，当子节点触发事件时，事件传播到父节点执行处理函数。事件触发时自动生成的对象，存储事件相关信息（属性、方法），在处理函数中通过参数接收（如。获取触发事件的子节点，实现对子节点的统一事件处理（如批量处理列表项的点击事件）。页面接收事件的传播顺序，分为三个阶段，事件会从外到内再到外传播。：事件到达目标节点，触发目标节点的事件处理函数。开始，逐层传播到目标事件节点（从外到内）。：阻止事件冒泡（避免事件传播到父节点）。（所有内容节点，如文本、属性等）。
2025-09-17 09:00:00
565
原创 前端学习日志-day22
点击上方 “选项卡（tab_list）” 中的某一项，下方对应 “内容区（tab_con）” 显示，其他内容隐藏。适用于 “一组元素中仅一个元素需改变样式” 的场景，如选项卡高亮、按钮选中状态切换等。：通过 for 循环遍历元素集合，将所有元素的样式重置（常用。：为当前操作的元素（如点击的元素）设置特定样式（常用。2. 内容区（tab_con）显示切换（索引关联）包含所有子节点（元素 + 文本 + 属性），不常用。通过节点间的关系（父子兄）获取元素，替代传统。中的所有内容项，先通过循环隐藏所有内容（如。
2025-09-16 09:00:00
1472
原创 前端学习日志-day21
仅添加行内样式，适合少量样式修改；描述相关：title（提示文本）、alt（图片加载失败提示）、id（元素唯一标识）。内容相关：innerText、innerHTML（同 “改变元素内容”）。由浏览器提供，用于调用浏览器功能或操作页面元素的接口，类似 “方法”。链接 / 资源相关：src（图片等资源路径）、href（链接地址）。：一种用于修改网页的接口，可对网页的结构、样式和内容进行操作。具有输入（函数传参）和输出（返回值），形态多为方法或函数。Element：代表网页中的 HTML 标签（元素）。
2025-09-12 09:00:00
974
原创 前端学习日志-day20
指 JS 自带的具备基础功能（属性和方法）的对象，核心包括 Math、Date、数组、字符串对象。：需注意月份（0-11，需加 1）、星期（0-6，0 为周日），时间建议补 0（如。，截取 start 到 end（不含 end）的元素，返回新数组（不改变原数组）。复杂类型传参：传地址，形参修改会影响实参（形参与实参指向同一堆内存的值）。简单类型传参：传值，形参修改不影响实参（形参是新开辟空间存实参的值）。，截取 start 到 end（不含 end），返回新字符串。的差值（毫秒），再转换为天、时、分、秒。
2025-09-11 09:30:00
1453
原创 前端学习日志-day19
预解析操作：将当前作用域内的变量声明和函数声明提升至作用域最顶部（仅提升声明，不提升赋值和函数体内容）。由属性（描述对象特征，名多为名词）和方法（描述对象行为，名多为动词）组成的无序集合。查找规则：逐级就近查找，即先找当前函数作用域，再找外层函数作用域，直至全局作用域。变量：需声明 + 赋值，单独存在，调用用变量名；属性：仅需声明，依附对象，调用用。局部作用域（函数作用域）：仅存在于函数内部，内部变量仅能在函数内使用。执行流程：JS 引擎运行 JS 分两步，先预解析，再执行代码。
2025-09-09 09:00:00
670
原创 前端学习日志-day18
今日所学总结一、数组1. 核心概念本质：一组可存放任意数据类型元素的集合，集合中的数据称为。2. 数组创建new数组字面量[]（推荐使用）3. 元素获取方式：通过（索引）获取，语法为数组名[数组下标];关键注意点：数组下标从开始计数。若获取未定义的数组元素，结果为undefined。4. 数组遍历定义：依次访问数组中从第一个到最后一个的所有元素。实现方式：借助for数组长度：通过数组名.length获取数组元素的个数；console输出多个变量时，可用逗号分隔。5. 元素新增。
2025-09-08 09:00:00
983
原创 前端学习日志-day17
首遍循环先初始化变量（仅首次执行），再判断是否符合条件表达式，符合则执行循环体，最后执行操作表达式更新计数器；：与 while 循环不同，do..while 循环会先执行一次循环体和操作表达式，再判断条件表达式是否成立，即至少执行一次循环。双重 for 循环中，外层控制行循环，内层控制列循环，一行执行完需加换行符。，其中初始化变量为计数器，条件表达式是循环终止条件，操作表达式用于更新计数器。：跳出最近一层的循环，无论循环是否还有未执行次数，均直接终止该层循环。：重复执行特定语句，减少冗余代码，提升效率。
2025-09-05 08:30:00
374
原创 前端学习日志-day16
今日所学总结一、表达式及返回值：由变量、数字、运算符共同组成，是 JavaScript 中进行数据运算和处理的基本单元。：每个表达式执行后都会产生一个返回值，该返回值可直接作为变量赋值的内容，例如中，2 + 3是表达式，其返回值5被赋给变量a。二、运算符的分类运算符用于对数据进行运算或逻辑判断，按功能可分为 6 类，不同运算符有各自规则和优先级。1. 算术运算符用于执行两个数或变量的算术运算，包含。：浮点数（如0.1、0.2）尽量避免进行算术运算和对比，因二进制存储特性会导致精度损失（例如。
2025-09-04 08:30:00
1752
原创 前端学习日志-day14
本文介绍了"品优购"电商网站的登录页和产品详情页的HTML与CSS实现代码。登录页包含账号/扫码登录切换、表单输入框、自动登录选项等功能模块，采用红色主题风格。产品详情页展示了iPhone 6s手机的商品信息，包含价格促销、颜色版本选择、商品参数等区域，并配有相关商品推荐。两个页面都遵循模块化设计原则，通过外部CSS文件实现响应式布局和样式控制，展现了电商网站典型的前端页面结构和交互元素。完整代码展示了从页面框架到具体功能的实现细节，为后续JavaScript交互开发奠定了基础。
2025-09-02 08:30:00
276
原创 前端学习日志-day13
本文展示了两个电商网页的HTML和CSS代码实现：1. 商品列表页包含完整的电商网站结构，由快捷导航栏、搜索区、分类导航、商品展示区（含12个商品项，展示图片、价格、库存等信息）和页脚服务模块组成；2. 用户注册页采用简洁设计，包含注册表单（手机号验证、密码设置及安全等级提示）、协议勾选和注册按钮。两个页面均采用响应式布局，列表页突出商品促销信息，注册页注重表单验证提示。代码展示了典型的电商网站前端实现方式，包含模块化CSS结构和语义化HTML标签。
2025-09-01 08:30:00
455
原创 前端学习日志-day12
"品优购"电商平台项目摘要 本项目是一个综合电商网站，采用HTML+CSS技术栈开发，包含完整的电商功能模块： 页面结构： 头部：LOGO、搜索框、用户登录/注册、购物车 导航：全部分类下拉菜单、商品分类导航 主体：轮播图、快报区、商品推荐、猜你喜欢等 页脚：服务承诺、帮助中心、版权信息 技术实现： 采用模块化开发，分离公共样式(base.css)和页面专属样式 实现响应式布局，适配不同设备 使用CSS精灵图优化图片加载 完整SEO优化，包含TDK三大标签 核心功能： 商品展示与分类 用
2025-08-30 23:31:02
973
原创 前端学习日志-day11
今日学习总结：主要掌握HTML5和CSS3新特性。HTML5部分包括语义化标签（header/nav/article等）、多媒体标签（video/audio属性）、新增input类型（email/date/color等）和表单属性（required/placeholder等）。CSS3部分重点学习属性选择器、结构伪类选择器、伪元素选择器、box-sizing盒子模型，以及filter模糊、calc计算和transition过渡效果。广义HTML5指HTML5+CSS3+JavaScript的前端技术体系。明
2025-08-30 08:30:00
994
原创 前端学习日志—day9
【CSS定位与元素显示控制学习笔记】总结了CSS定位的核心知识：1）5种定位模式（static/relative/absolute/fixed/sticky）的特点与应用场景，重点解析"子绝父相"原则；2）定位拓展技巧包括居中对齐、叠放次序控制等；3）对比了display/visibility/overflow三种元素显隐方式的区别。通过仿土豆网遮罩案例实践了hover状态下的元素显示控制，使用绝对定位+display:none/block实现遮罩层的动态切换效果。
2025-08-27 08:30:00
237
原创 前端学习日志-day10
本文总结了CSS常用技巧与布局方法，包括精灵图优化性能、字体图标使用、CSS三角实现、界面样式控制、垂直对齐方式、文字溢出处理等。重点介绍了margin负值应用、文字环绕浮动元素、行内块实现分页等实用布局技巧，并提供了CSS初始化代码规范。最后通过一个分页案例演示了行内块元素的实际应用，展示了如何用CSS实现常见的网页组件效果。这些技巧能有效提升页面性能和视觉效果。
2025-08-27 08:30:00
964
原创 前端学习日志-day9
本文总结了CSS定位和元素显示隐藏的核心知识点。定位部分详细解析了5种定位模式（static、relative、absolute、fixed、sticky）的特性、应用场景及实现方式，包括"子绝父相"原则和定位元素的居中技巧。元素显示隐藏部分对比了display和visibility属性的区别，并介绍了overflow属性的多种用法。最后通过一个仿土豆网遮罩效果的实践案例，展示了hover状态下使用display属性控制元素显隐的具体实现。全文涵盖理论知识和实践代码，适合前端学习者复习定
2025-08-26 11:26:54
512
原创 前端学习日志-day8
【前端开发学习笔记】今日重点：1.图片格式应用场景（JPG产品图、GIF动画、PNG透明图、PSD可编辑）2.CSS属性书写规范：布局定位→自身属性→文本属性→其他属性3.页面布局技巧：先结构后样式、先整体后局部、注意浮动影响与水平居中实现。实践部分完成了一个在线教育平台的静态页面开发，包含头部导航、轮播区、课程推荐模块和页脚，运用了浮动布局、清除浮动等技术要点。
2025-08-15 20:43:00
395
原创 前端学习日志-day7
【CSS学习总结】1.盒子模型：掌握border-radius制作圆角/圆形，box-shadow/text-shadow设置阴影效果；2.网页布局方式：标准流纵向排列，浮动实现横向布局，注意浮动元素脱标特性；3.清除浮动方法：额外标签法、overflow属性、伪元素法，解决父元素高度塌陷问题；4.实践案例：完成新闻快报模块（标准流+列表样式）和商品列表布局（浮动应用）。关键点：语义化标签、浮动搭配标准流、清除浮动技巧。
2025-08-11 19:33:37
226
原创 前端学习日志-day6
本文总结了CSS核心知识点：1.三大特性：层叠性（就近原则）、继承性（文字样式继承）、优先性（权重计算）；2.盒子模型详解，包括边框、内外边距的属性和应用技巧；3.实际开发中的注意事项，如消除默认边距、元素居中方案等；4.附带产品模块案例代码，展示了盒子模型的实际应用。内容涵盖了CSS基础到实践的完整知识链，适合前端学习参考。
2025-08-08 21:09:57
522
原创 前端学习日志-day4+5
本文记录了CSS基础学习两天的内容摘要。第一天重点包括：CSS规则结构（选择器+声明）、基础选择器（标签/类/id/通配符）、字体属性（样式/粗细/大小）和文本属性（颜色/对齐/装饰）。第二天涵盖：Emmet语法速写、复合选择器（后代/子/并集/伪类）、元素显示模式（块/行内/行内块）及背景属性设置。通过新闻页面和五彩导航两个实战案例，演示了文本样式控制和悬停效果实现，包含字体设置、文本排版、背景切换等核心技巧。全文附完整代码示例，适合前端入门学习参考。
2025-08-07 21:30:42
314
原创 前端学习日志-day3
本文总结了今日HTML5学习内容，重点复习了各类标签和属性，并完成了pink老师布置的作业练习。主要实践内容包括：1）实现多个页面(首页、详情页、列表页、产品页)之间的链接跳转功能；2）创建表单页面，如登录页面、相亲注册表单和修改页面，运用了表格、输入框、单选/复选框、下拉菜单等表单元素。明日计划学习CSS基础知识，复习C语言并预习数据结构。新学到的标签有：表格标题标签<caption>和表格头部标签<thead>。
2025-08-05 22:05:27
329
原创 前端学习日志-day2
本文分享了学习HTML5基础知识的实践心得。作者通过观看pink老师的教程，掌握了HTML5基础页面结构设计，重点记录了注册页面的实现方法：使用h4标签作为标题，表格布局整体结构，包含表单元素、单选/复选框、下拉菜单等交互组件。文中展示了完整的注册页面代码示例，实现了性别选择、生日输入、地区填写等功能模块，并分享了表格布局中表单标签与无序列表的搭配使用技巧。作者提到虽然看代码能理解，但自己编写时仍会遇到问题，计划通过实践练习来巩固知识，为后续CSS学习做准备。
2025-08-04 22:17:22
264
原创 前端学习日志-day1
本文分享了一份前端学习路线，分为五个阶段：1）HTML5+CSS3+移动端；2）JavaScript+DOM+BOM+ES6+ECharts；3）Node.js+Ajax+Promise+Git等；4）Vue2/3+TypeScript+UI组件库；5）Vue+微信小程序实战项目。作者记录了学习HTML5基础的心得，表示重新认识了前端开发。文章提供了完整的B站教程链接，并欢迎读者提出建议。
2025-08-02 10:53:49
885
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人