作为一名充满热情的前端开发新人,我系统掌握了现代Web开发核心技术。能够熟练运用HTML5构建语义化的页面结构,使用CSS3的Flex/Grid布局实现精准的响应式界面,并深入理解JavaScript ES6+特性如Promise、异步编程及模块化开发。在React框架方面具备扎实功底,能熟练运用函数组件和Hooks进行组件化开发。同时熟悉Vue框架的组件化思想和TypeScript的类型系统,了解Node.js后端开发基础。日常使用Git进行版本控制,熟练操作VSCode等开发工具。我对前端技术充满探索热情,具备快速学习能力,期待在实战中不断提升技术深度和工程化能力。
聚焦React技术栈与第三方API集成
项目名称:“览迹” - 个人旅行足迹记录平台
技术栈: React (Hooks), React Router, Ant Design, 高德地图JavaScript API, CSS Module
项目描述:
这是一个单页面应用(SPA),允许用户在地图上标记去过的城市和旅行足迹,并附上文字和图片记录。核心功能包括地图视图、足迹列表和详情编辑。
技术亮点与职责:
组件化与状态管理: 使用 useContext 和 useReducer Hooks 集中管理用户的足迹列表数据,避免了深层Props传递的复杂性。
第三方SDK集成: 成功接入并封装了高德地图API,实现了地址解析、坐标拾取与覆盖物绘制等交互功能。
路由与用户体验: 使用 React Router 实现了不同视图(如地图模式、列表模式)间的无缝切换,并保持了应用的状态。
UI库与样式: 采用 Ant Design 快速搭建了清晰的后台管理界面,同时结合CSS Module实现了自定义的主题样式,保证了UI的规范性。