精通 HTML5、CSS3 和 JavaScript(ES6+),能够构建语义化的网页结构和实现响应式布局。
掌握至少一种主流前端框架(如 React、Vue 或 Angular),并熟悉其生态工具(如 Vuex/Pinia、React Hooks 等)。
熟悉 CSS 预处理器(如 Sass/Less)和构建工具(如 Webpack、Vite),具备工程化开发能力。
1. 随身天气小助手
该项目是一款基于**React**开发的移动端优先的天气应用。我通过调用第三方天气API获取实时与未来天气预报数据,并利用Geolocation API自动定位用户所在城市。核心功能包括展示温度、湿度、风速等详细信息,以及未来五天的天气趋势。界面采用Flexible布局与CSS3动画,确保了在不同尺寸设备上的流畅体验与优雅的数据加载过渡效果。该项目充分体现了对异步数据处理、API集成和响应式设计的实践。
2. 日程管理系统
这是一个仿造Todoist风格的Vue 3单页面应用(SPA)。我使用Vue Router管理页面路由,并采用Pinia进行状态管理,高效地处理任务的增删改查、分类筛选和完成状态切换。项目突出了组件化开发思想,将任务列表、添加表单、过滤器等拆分为高内聚、可复用的组件。UI库选用Element Plus,保证了界面的美观与一致性。该项目完整展示了现代前端框架在构建交互复杂、状态驱动的Web应用方面的优势。
3. 电商后台管理系统
该项目是一个基于React和Ant Design组件库构建的数据看板与管理平台。我使用UmiJS框架快速初始化项目结构和配置路由,并通过Axios拦截器封装与后端RESTful API的通信。主要模块包括商品管理、订单跟踪、用户数据统计等,并集成了丰富的图表(使用ECharts)进行数据可视化。通过实现权限验证功能,展示了不同角色(管理员、运营)的访问控制。该项目综合体现了处理复杂业务逻辑、管理大量数据及与后端协同开发的能力。