熟悉 HTML5、CSS3、JavaScript(ES6+)、Vue2 等前端基础技术,能够完成 PC 端与移动端页面开发、响应式布局、常见交互效果实现及页面样式还原。了解组件化开发思路,能够使用 Vue 进行基础业务页面搭建、数据渲染、事件处理、表单交互与简单状态管理。熟悉 Axios 接口请求、前后端联调、常见 Bug 排查与页面优化,能够配合完成后台管理系统、官网落地页、活动页等类型项目开发。代码风格规范,沟通及时,能够认真跟进需求并按时交付。
1. 排序算法可视化系统(独立开发)
基于 HTML、CSS、JavaScript 实现排序算法可视化与性能分析页面,支持冒泡排序、插入排序、选择排序的动态演示。项目中将排序过程抽象为 compare、swap、move、insert 等 steps 指令流,通过调度器驱动渲染流程,实现算法逻辑与 UI 动画解耦;使用 Promise.all 完成多算法同步执行,并结合 performance.now 统计算法耗时、动画耗时及比较/交换次数。过程中重点完成了状态驱动渲染、暂停/继续控制、动画调度与 FLIP 优化,锻炼了原生 JavaScript、异步流程控制和复杂交互实现能力。
2. Web 简历系统(独立开发)
基于 HTML、CSS、JavaScript 开发个人简历展示与导出系统,项目从基础表单页面逐步迭代为可展示、可打印、可导出一页 PDF 的简历页面。前期使用 float 完成基础结构,后续重构为 Flex 布局,并补充时间轴、标签、项目展示等模块;同时通过 window.print 与 html2pdf 实现打印和 PDF 导出功能,增加 one-page-mode,对导出前页面进行压缩与内容裁剪,实现展示态与投递态分离。该项目体现了页面结构设计、样式重构、打印适配和产品化思维。
3. 响应式技术文档页面开发(独立练习)
使用 HTML 和 CSS 完成技术文档类网页布局开发,实现页面头部、横向导航、左侧目录、内容区、右侧下拉导航和底部信息等模块。项目通过 Flex 布局与 @media 媒体查询自定义 col、col-m、col-pho 栅格规则,适配桌面端、平板端与移动端显示;同时实现搜索框、下拉导航、悬停交互与卡片式内容展示。该项目主要锻炼了页面拆分、语义化结构、响应式适配和基础交互实现能力。
该项目为一个前端可视化展示系统,主要用于排序算法过程演示与性能分析。基于 HTML、CSS、JavaScript 开发,实现了冒泡排序、插入排序、选择排序的动态展示、同步对比和结果统计。项目通过步骤流驱动界面渲染,将算法逻辑与动画表现分离,支持比较高亮、交换动画、暂停/继续、性能
基于 HTML、CSS、JavaScript 独立开发的 Web 简历系统,支持在线展示、打印预览、PDF 导出及一页投递模式。项目从基础表单页面逐步迭代为可展示、可打印、可投递的简历页面,在开发过程中完成了页面结构重构、布局优化、时间轴与项目展示模块设计,并实现了打印样式适配与