掌握 HTML / CSS / JavaScript 基础,能独立完成页面结构与样式,理解盒模型、Flex 布局,能按设计稿还原页面。熟悉 ES6 常用语法(箭头函数、解构、模块化),能读懂并修改现有代码。会基本的 DOM 操作、事件处理、简单交互逻辑。了解 Git 基本使用,能配合团队开发。对 浏览器调试、基础性能与兼容性问题有概念即可。重点不是炫技,而是代码可读、能交付、能配合后端
在线教育平台首页仿真重构项目
前端开发
• 参与首页高保真静态重构,用于提升前端原生布局与设计稿还原能力。项目从零开始,不借助任何第三方UI框架,基于原生HTML5/CSS3进行开发。
• 开发过程中,遵循语义化标签构建页面结构,并通过W3C标准校验,确保代码质量。针对导航栏吸顶、Banner轮播区、课程卡片网格布局等复杂界面模块,我运用Flexbox弹性布局与Position定位技术,实现各元素的排列与交互效果。同时通过对CSS盒模型的理解和浮动清除等兼容性处理,保证页面在Chrome、Edge等主流浏览器中的样式稳定与一致
• 最终交付的静态页面与原设计稿达到像素级匹配,视觉还原度接近100%,验证了运用原生技术栈完成商业级页面开发与细节把控的能力
交互式动态任务管理Web应用项目
前端开发
• 针对个人任务管理碎片化的问题,独立设计并开发一款基于原生JavaScript的轻量级交互式任务管理系统
• 项目中全面负责前端架构与功能实现,通过DOM树深度操作与ES6+语法完成任务的动态增删改查闭环,并自主设计状态同步逻辑,实现任务计数器的实时更新与无延迟数据反馈
• 为提升交互体验,引入HTML5 Drag & Drop API实现任务项的自由拖拽排序,并配合CSS3 Animation编写平滑交互动画,使操作过程具备视觉反馈
• 最终交付的应用整合了任务标记、拖拽调整与实时统计等功能,在实现零Bug稳定运行的同时,显著增强操作的流畅性与管理效率