- 博客(45)
- 收藏
- 关注
RSS订阅原创 JAVA学习 DAY1 初识JAVA
本文介绍了Java编程语言的基础知识，包括其核心优势（跨平台性、面向对象、自动内存管理）、技术架构（JavaSE/EE/ME）以及开发环境搭建。详细讲解了基础语法入门、核心库API使用和推荐学习路径，并解答了常见问题。文章强调Java作为主流编程语言的长期价值，适合初学者系统学习，建议通过实践项目巩固知识。内容可作为Java学习笔记参考，附带可运行的代码示例便于练习。
2025-05-28 20:45:51
638
原创 JavaScript- 4.3 轮播图实现指南
本文介绍了两种前端轮播图的实现方式：一种是基于纯JavaScript的基础轮播图，包含HTML结构、CSS样式和JS控制逻辑，支持自动播放、导航按钮和指示器跳转功能；另一种是优化的实践代码，增加了鼠标悬停暂停、自动轮播等功能，并提供响应式设计建议。文章详细展示了两种实现的核心代码（HTML、CSS、JS），并给出功能扩展方向，如无限循环、淡入淡出效果等。适合前端学习者参考实践，所有代码可直接复制到HBuilder中运行测试。
2025-05-28 10:56:51
817
原创 JavaScript- 4.2 DOM--定位元素
本系列文章分享前端学习笔记，重点介绍JavaScript中DOM元素定位的多种方法，包括通过ID、类名、标签名、CSS选择器等进行定位，并演示父子节点遍历、现代遍历方法和性能优化建议。文章包含完整的代码实战示例，通过三个功能演示了标签定位（修改所有段落样式）、类名定位（修改指定类内容）和ID定位（修改特定元素内容），帮助初学者快速掌握DOM操作基础。所有代码可直接在HBuilder中运行练习。
2025-05-28 10:54:20
432
原创 JavaScript- 4.1 DOM-document对象
本文是一份前端学习笔记，重点介绍了JavaScript中的Document对象及其操作方法。文章包含两个主要部分：1. 详细讲解Document对象的概念、属性和方法，包括元素访问、DOM操作、样式处理等核心功能；2. 通过代码实践展示DOM操作（九九乘法表、增删改查元素等）。该系列文章为前端学习资料，代码可在HBuilder中直接运行，适合初学者参考练习。作者定期整理优质代码并添加注释，强调非商用性质，欢迎读者讨论斧正。
2025-05-27 22:09:04
618
原创 JavaScript- 3.2 JavaScript实现不同显示器尺寸的响应式主题和页面
本文介绍了使用JavaScript实现响应式设计的多种方法，包括：1. CSS媒体查询（推荐基础方案）2. JavaScript实现：通过window.matchMedia()和ResizeObserver检测屏幕尺寸3. 动态加载不同资源文件4. 结合CSS变量与JavaScript5. 利用CSS框架的响应式工具文章提供了详细代码示例，展示了如何根据屏幕尺寸切换主题、加载不同页面和输出不同内容，并给出了最佳实践建议：移动优先设计、主用CSS解决布局问题、使用防抖处理等。
2025-05-27 22:07:17
983
原创 JavaScript- 3.1 定时器函数 window.settimeout & window.settinterval
本文介绍了JavaScript中的两种定时器函数setTimeout和setInterval。setTimeout用于延迟执行代码一次，而setInterval用于周期性重复执行代码。文章详细讲解了二者的基本语法、特点、区别及注意事项，并提供了代码实践示例，展示如何使用它们创建实时时钟以及如何终止定时器。同时提醒定时器并非完全精确，需要注意内存泄漏问题。该系列文章可作为前端学习笔记，代码示例可直接在HBuilder中运行练习。
2025-05-27 08:27:52
891
原创 JavaScript- 2.7 二维数组
本文介绍了JavaScript中二维数组的基础知识与应用。文章详细讲解了创建二维数组的四种方法、元素访问与修改方式，以及常见的遍历和矩阵操作技巧，包括矩阵转置和元素查找等。还指出了初始化时的常见错误和性能优化建议，并提供了图像处理和游戏开发中的实际应用示例。最后通过HTML代码展示了三种不同的二维数组实现方式，适合前端学习者作为实践参考笔记。
2025-05-27 08:24:50
641
原创 JavaScript- 2.6 数组应用
本文是一篇前端学习笔记，重点介绍了JavaScript数组的各种应用场景和实用技巧。内容包括基础数据存储、栈/队列实现、矩阵表示等基本用法，以及数据转换、查找过滤、排序分组等高级应用。文章还提供了性能优化技巧（如预分配数组大小）、特殊应用场景（如环形缓冲区）和现代JavaScript特性（解构赋值、展开运算符）。最后通过代码实践演示了数组操作实例，如生成随机数、奇偶分类和冒泡排序。适合前端开发者系统学习数组的多种用法，提升编程效率和代码质量。
2025-05-26 09:55:07
918
原创 JavaScript- 2.5 内置对象ARRAY
本文介绍了JavaScript内置对象Array的详细使用方法，包括数组创建、属性、各种操作方法（修改、遍历、搜索排序等）、类型检测以及性能优化建议。文章通过代码示例演示了数组的基本操作，如push/pop、forEach/map、sort/find等常用方法，并特别说明了类数组对象转换和稀疏数组的特性。最后提供了HTML实践代码，展示如何创建和操作数组。本文适合前端初学者作为参考资料，帮助掌握JavaScript数组的核心功能。
2025-05-26 09:50:18
688
原创 JavaScript- 2.4 内置对象Date
本文介绍了JavaScript内置对象Date的使用方法，包括创建日期对象、获取/设置日期时间信息、格式化输出和日期计算等核心功能。文章详细讲解了如何通过多种方式初始化Date对象，列举了常用的get/set方法，并提供了日期差计算示例。特别提醒注意月份从0开始、时区处理等常见问题。最后通过实战代码演示了Date对象的基本操作，包括获取当前日期时间、本地化输出格式以及计算代码执行时间等实用技巧。适合作为前端开发者的日期处理参考笔记。
2025-05-25 08:34:49
1089
原创 JavaScript- 2.3 内置对象String
本文介绍了JavaScript内置对象String的常用属性和方法，包括字符串创建方式、长度属性、字符查找/提取/修改方法以及ES6模板字符串等核心功能。文章作为前端学习笔记，提供了完整的代码示例，重点讲解了substr()、substring()、charAt()等常用字符串操作方法的使用场景和注意事项，并强调字符串的不可变性特性。最后通过实战代码演示了如何运用这些方法处理字符串，适合前端初学者作为参考资料使用。
2025-05-25 08:33:17
643
原创 JavaScript- 2.2 内置对象MATH
本文介绍了JavaScript内置对象Math的常用属性和方法，包括数学常量（如PI、E）和计算函数（如abs、ceil、random等）。提供了具体使用示例和实战代码，演示了如何生成随机数、取整运算等常见操作。文章可作为前端学习笔记，配套代码可直接在HBuilder中运行练习。内容涵盖Math对象的基础用法，适合JavaScript初学者快速掌握数学计算功能。完整系列文章可查看前端专栏获取更多学习资源。
2025-05-24 10:27:55
961
原创 JavaScript- 2.1 系统函数和自定义函数
本文介绍了JavaScript中系统函数与自定义函数的使用方法。系统函数包括eval()、parseInt()等内置函数，可直接调用；自定义函数可通过声明、表达式、箭头函数等方式定义，支持参数传递和返回值。文章还讲解了函数作用域、闭包、IIFE等高级特性，并提供了实战代码示例。内容涵盖函数基础到高阶应用，适合前端学习者参考练习，帮助掌握JavaScript核心编程概念。文中的代码可直接在HBuilder中运行，便于实践操作。
2025-05-24 10:25:15
702
原创 JavaScript- 1.6 基本控制流
本文讲述了JavaScript的基本控制流和对话框的使用。内容包括条件语句（如if、switch）、循环语句（如for、while）、跳转语句（如break、return）以及对话框方法（如alert、confirm、prompt）。通过实际应用示例，展示了如何将这些控制流与对话框结合使用，以增强用户交互体验。文章还提供了代码实战，帮助读者更好地理解和应用这些概念。
2025-05-23 08:56:59
1148
1
原创 JavaScript- 1.5 数据类型+变量+运算符
本文详细介绍了JavaScript的数据类型、变量声明、运算符及类型转换等基础知识，并通过代码实践帮助读者加深理解。系列文章已收录在前端专栏，适合初学者参考学习。通过点赞、关注和收藏，读者可以持续获取更新内容，支持作者继续分享优质学习资源。
2025-05-23 08:47:29
1526
原创 JavaScript- 1.4 BOM对浏览器进行操作
本文讲述了BOM， BOM主要用于操作浏览器本身的行为和窗口，提供与浏览器交互的功能。DOM主要用于操作网页文档的内容和结构，实现动态内容更新和交互效果。两者共同协作，使得JavaScript能够控制浏览器和网页的方方面面。以上就是今天要讲的内容，本文简单记录了BOM对浏览器进行操作，仅作为一份简单的笔记使用，大家根据注释理解。
2025-05-22 08:42:21
781
原创 JavaScript- 1.3 DOM对页面内容进行操作
本文介绍了JavaScript的DOM操作，开发者可以实现对网页内容的动态控制，这为创建交互式和动态网页应用提供了强大的工具。通过访问、修改、创建、删除元素以及处理事件，开发者可以构建出功能丰富、用户体验良好的网页应用。以上就是今天要讲的内容，本文简单记录了DOM对页面内容进行操作，仅作为一份简单的笔记使用，大家根据注释理解。
2025-05-22 08:35:29
590
原创 JavaScript- 1.2 ECMA基本语法和控制流
本文旨讲解了ECMAScript的基本语法和控制流。内容包括变量声明、数据类型、运算符、函数、对象与数组、模板字符串、解构赋值等基本语法，以及条件语句、循环语句、跳转语句和异常处理等控制流。通过代码实践，帮助读者掌握JavaScript的核心概念，提升开发效率。文章还提供了详细的代码示例和总结，适合初学者参考和学习。
2025-05-21 09:27:45
1198
原创 JavaScript- 1.1 行内、内部、外部三种引用方式
本文是前端学习系列的笔记，重点介绍了HTML、CSS和JavaScript的区别及其协作关系。HTML负责网页的结构，CSS控制样式，JavaScript实现交互功能。文章还详细讲解了JavaScript的三种引用方式：行内、内部和外部，并对比了它们的优缺点及适用场景。最佳实践推荐使用外部JavaScript，以保持代码的清晰和可维护性。最后，通过代码示例展示了三种引用方式的具体实现，帮助读者更好地理解和应用这些技术。
2025-05-21 09:21:02
2124
原创 PTE-口语部分RS如何准备？看完你就离上岸不远了！
本文分享了作者从雅思转考PTE的经历，经过5次正式考试和多次模考，最终取得总分61、小分60的成绩。文章详细介绍了PTE考试的类型、用途、内容结构、评分标准及优势，并强调了PTE的全球认可度和灵活性。作者特别分享了在备考过程中遇到的挑战，尤其是口语部分（RS）的学习心得，包括如何通过多次模考和不同音频练习来提升听力和口语能力。此外，作者还提供了自己整理的RS学习资料，供读者免费下载。文章旨在帮助PTE考生更好地理解考试内容，并提供实用的备考建议。
2025-05-20 11:41:29
468
原创 CSS-5.1 Transition 过渡
本系列文章旨在为前端学习者提供详细的CSS过渡（Transition）笔记，帮助读者掌握如何通过CSS3的transition属性实现平滑的动画效果。文章详细介绍了transition的基本概念、语法、常用属性及示例，包括基础悬停效果、尺寸变化、透明度过渡等。此外，还探讨了高级用法，如使用all关键字、结合transform实现高性能动画，以及速度曲线函数和注意事项。文章提供了多个代码实例，读者可以在HBuilder中直接复制代码进行练习。通过合理使用transition，可以显著提升网页的交互体验。
2025-05-20 10:43:37
765
原创 CSS- 4.6 radiu、shadow、animation动画
文章介绍了CSS高级特性如border-radius、box-shadow、text-shadow和animation的使用方法，并提供了丰富的代码实例。通过这些内容，读者可以掌握如何为网页元素添加丰富的视觉效果。
2025-05-19 09:49:31
932
2
原创 CSS- 4.5 css + div 布局 & 简易网易云音乐 官网布置实例
本文讲述了CSS + Div 布局，完成了简易网易云音乐 官网布置实例。CSS + Div 布局是现代网页设计中最常用的布局方式之一，它使用 <div> 元素作为容器，结合 CSS 进行样式控制和布局定位。
2025-05-19 09:46:45
1271
1
原创 CSS- 4.4 固定定位（fixed）& 咖啡售卖官网实例
本文介绍了CSS样式之固定定位（position: fixed），完成了咖啡售卖官网实例。固定定位是CSS中一种特殊的定位方式，它使元素相对于浏览器视口（viewport）进行定位，即使页面滚动，元素也会保持在视口的固定位置。固定定位元素会脱离正常的文档流，不占据原始文档空间。
2025-05-18 17:59:59
900
1
原创 CSS- 4.3 绝对定位（position: absolute）&学校官网导航栏实例
本文介绍了绝对定位（position: absolute），完成了一个学校官网导航栏实例。绝对定位是CSS中一种强大的定位方式，它允许元素脱离正常的文档流，相对于其最近的已定位祖先元素进行定位。如果没有已定位的祖先元素，则相对于初始包含块（通常是视口）定位。大家记得勤练习！
2025-05-18 10:42:35
1454
3
原创 CSS- 4.2 相对定位（position: relative）
本文讲述相对定位（position: relative）是CSS定位属性中的一种，它允许元素相对于其正常文档流中的位置进行偏移，同时保留其在文档流中的原始空间。相对定位的元素会保留原始空间，位置只是相对于自身的偏移，且不影响其他元素。下面跟小编开始今日的练习吧！
2025-05-17 10:21:20
1074
4
原创 CSS- 4.1 浮动（Float）
本文详解CSS样式之浮动（Float），它是CSS中的一个重要布局属性，最初设计用于让文本环绕图像，但现在广泛用于网页布局。浮动属性使元素脱离正常的文档流，向左或向右移动，直到碰到包含框或另一个浮动元素为止。常用在多栏布局、文本环绕图片、导航菜单。下面跟着小编一起开始今天的学习吧！
2025-05-17 09:51:15
1454
2
原创 CSS- 3.1 盒子模型-块级元素、行内元素、行内块级元素和display属性
本文介绍了CSS的盒子模型-块级元素、行内元素、行内块级元素和display属性。在CSS中，块级元素独占一行、可设宽高和边距，常用于页面结构；行内元素同行显示，不可直接设宽高，多用于文本包裹。行内块级元素结合两者特性，可同行且设宽高。灵活使用display属性转换类型，能满足多样布局需求。
2025-05-16 23:31:53
1458
原创 CSS- 2.1 实战之图文混排、表格、表单、学校官网一级导航栏
文章列举了css实战的三个系列：图文混排、表格以及表单，每个实战都分为理论部分和实战代码部分，方便大家夯实基础的同时，用代码练手。文章还涉及到了很多理论，大家都会在后续的学习中遇到，不要着急，先跟着小编开启今天的练习吧！
2025-05-16 21:49:52
1323
原创 CSS- 1.1 css选择器
本文介绍了CSS选择器的使用方法和代码实例。文章详细讲解了元素选择器、类选择器、ID选择器、属性选择器、后代选择器、子选择器、相邻兄弟选择器、通用兄弟选择器、伪类选择器和伪元素选择器的基本用法，并通过代码示例展示了如何应用这些选择器来设置HTML元素的样式。文章还提供了代码运行环境（HBuilder）和代码实例，方便读者进行练习和调试。
2025-05-15 13:01:16
998
原创 CSS- 1.1 css选择器
本文是前端学习系列笔记的一部分，主要介绍了CSS选择器的使用方法和代码实例。文章详细讲解了元素选择器、类选择器、ID选择器、属性选择器、后代选择器、子选择器、相邻兄弟选择器、通用兄弟选择器、伪类选择器和伪元素选择器的基本用法，并通过代码示例展示了如何应用这些选择器来设置HTML元素的样式。文章还提供了代码运行环境（HBuilder）和代码实例，方便读者进行练习和调试。
2025-05-15 12:01:47
1129
原创 HTML-3.4 表单form
文章详细介绍了HTML表单的使用，包括表单的基本结构、主要属性、常用控件、数据验证、样式布局以及现代表单技术。通过代码实例，展示了如何创建和美化表单，并提供了完整的表单示例代码。文章适合初学者作为学习参考，帮助掌握HTML表单的核心功能，提升前端开发技能。
2025-05-14 11:45:17
1155
原创 HTML-3.3 表格布局（学校官网简易布局实例）
文章详细介绍了HTML表格中的thead、tbody和tfoot元素的使用及其在提高表格可访问性和结构清晰度方面的作用。此外，文章还提供了一个简易学校官网的表格布局实例，展示了如何将这些HTML元素和CSS样式应用于实际网页设计中。
2025-05-14 10:35:38
1040
原创 HTML中应用CSS样式的三种常见方法
本系列文章旨在为前端学习者提供实用的学习笔记，代码运行环境为HBuilder，方便读者直接复制练习。系列内容涵盖HTML基础，包括文本字体样式、列表、超链接、滚动字幕、表格及其跨行跨列操作，以及CSS样式的三种应用方法：内部引用（嵌入式）、外部引用（链接式）和内联引用（行内式）。每种方法均通过示例代码详细说明，帮助读者理解并掌握HTML与CSS的基本应用。文章强调代码的实用性和易学性，适合初学者参考和练习。
2025-05-13 23:44:07
639
原创 HTML-3.2 表格的跨行跨列（课表制作实例）
本文简单记录了HTML-3.2 表格的跨行跨列（课表制作实例），仅作为一份简单的笔记使用，大家根据注释理解
2025-05-13 22:53:49
628
原创 HTML-3.1 表格table
本系列文章旨在为前端学习者提供实用的学习笔记，代码示例在HBuilder环境中运行，方便读者直接复制练习。文章涵盖了HTML基础内容，包括文本字体样式、列表、超链接、滚动字幕及表格等。特别地，本文详细介绍了HTML表格的使用，通过示例代码展示了如何设置表格边框、单元格间距、对齐方式等属性，并提供了完整的代码块供读者参考。文章还强调了代码的注释和出处标注，鼓励读者进行讨论和反馈。整体内容简洁实用，适合初学者快速掌握HTML表格的基本操作。
2025-05-12 19:05:33
634
原创 HTML-2.4 滚动字幕marquee
本文是前端学习系列笔记的一部分，主要介绍了HTML中的滚动字幕（marquee）标签的使用方法。文章详细讲解了marquee标签的各个属性，如背景颜色（bgcolor）、滚动方式（behavior）、滚动速度（scrollamount）、滚动方向（direction）等，并提供了代码示例。此外，文章还展示了如何通过鼠标事件控制滚动字幕的暂停与继续。代码运行环境为HBuilder，读者可以直接复制代码进行练习。本文旨在帮助初学者快速掌握滚动字幕的实现，并作为学习笔记供参考。
2025-05-12 18:22:43
717
原创 HTML-2.3 超链接-外部链接，内部链接，书签链接
本系列文章旨在为前端学习者提供实用的学习笔记，代码运行环境为HBuilder，方便读者直接复制代码进行练习。文章内容包括HTML基础标签的使用，如文本字体样式、列表、超链接等，并详细介绍了外部链接、内部链接和书签链接的实现方法。每部分代码均附有注释，便于理解。文章为非商用，如有引用会标明出处，欢迎读者讨论和指正。
2025-05-11 23:10:54
495
原创 HTML-2.2 列表--无序列表、有序列表、定义列表
本文是前端学习系列笔记的一部分，主要介绍了HTML中的列表标签，包括无序列表、有序列表和定义列表。文章详细讲解了每种列表的使用方法及其属性，如无序列表的type属性、有序列表的type和start属性，以及定义列表的dt和dd标签。此外，文章还提供了代码示例，方便读者在HBuilder中直接复制练习。本文旨在帮助初学者理解和掌握HTML列表的基本用法，并鼓励读者通过实践加深理解。
2025-05-11 22:50:17
700
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人