- 博客(5)
- 收藏
- 关注
RSS订阅原创 “井”字棋变“惊”字棋：我的React魔法复习手册
本文通过开发React井字棋游戏，系统讲解了React核心概念：组件化开发(Square、Board组件)、状态管理(useState)、props传递、状态提升、不可变性原则等。文章以游戏开发为主线，生动解析了条件渲染、列表渲染、事件处理等关键技术点，并拓展了撤销功能在真实项目中的应用。通过这个简单项目，作者不仅掌握了React开发精髓，更体会到从需求分析到代码优化的完整开发思维。最后，学习过程中成长比完美更重要。
2025-12-04 18:55:24
691
原创 构建优雅的 FAQ 手风琴组件：从设计到实现
本文介绍了一个FAQ手风琴组件的开发过程，主要包含三部分：1) HTML语义化结构设计，使用button元素确保可访问性；2) CSS响应式布局，通过媒体查询适配不同设备，并利用:focus-visible优化键盘导航体验；3) JavaScript交互实现，包括点击展开/折叠功能和一个环形导航算法(nextIndex=(currentIndex+1)%questions.length)实现键盘上下箭头循环切换问题。文章还提出了改进方向，如添加动画过渡和防抖机制优化性能。
2025-09-29 01:01:36
279
原创 前端挑战项目1--社交链接配置文件
这篇文章介绍了一个基于FrontendMentor的简单社交链接个人资料页项目。作者使用纯HTML+CSS在1-2小时内完成，重点展示了页面布局、悬停/聚焦状态效果以及响应式设计。核心代码包括个人资料展示区和导航链接区，通过媒体查询实现多设备适配。项目虽小但完整，体现了再小的项目做完整了就是好项目的理念，并作为作者项目挑战之旅的开端。
2025-09-27 01:58:14
473
原创 HTML+CSS基础知识汇总（含HTML5 以及 CSS3)
HTML（超文本标记语言）通过标签构建网页基础结构，定义标题、段落等内容，而CSS（层叠样式表）负责对HTML页面进行美化，控制字体、颜色与布局等样式，二者协同打造出美观且结构清晰的网页 。
2025-03-06 22:57:07
2423
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人