- 博客(45)
- 收藏
- 关注
原创 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关注的人