熟练掌握 Web 前端核心开发技术,扎实使用 HTML5、CSS3、原生 JavaScript 及 ES6+ 语法规范;精通 Vue2 / Vue3 前端框架,理解组件化设计、数据驱动和响应式开发原理,能够基于 Vue 构建完整的单页应用;能够独立使用 uni-app 开发跨平台应用,适配微信小程序、App、H5 等多端场景,完成从页面布局、交互逻辑到跨端适配的全流程开发;熟练运用 Bootstrap、Element UI、Tailwind CSS 等主流 UI / 样式框架,高效实现复杂界面与一致的交互体验。
校园二手交易平台 - 前端开发
技术栈:Vue 3、Vue Router、Axios、Vite、HTML5/CSS3
使用 Vue 3 搭建单页应用前端,基于 Vue Router 设计首页、物品列表、物品详情、发布物品、个人中心、后台管理等核心页面,实现无刷新路由切换和状态管理。
封装 Axios 请求模块,统一管理物品、用户、交易、评价等 REST 接口调用,完成物品搜索筛选、分页浏览、详情展示等数据交互功能。
负责物品发布与编辑页面开发,包含多图上传预览、前端表单校验等功能,并集成后端 AI 图片识别接口,自动推荐物品分类和描述,降低用户输入成本。
校园二手书循环利用APP - 前端开发
基于uni-app框架开发的跨平台校园二手书交易应用,实现书籍发布、检索、交易等核心功能。
技术栈 前端框架:uni-app + Vue.js UI
组件库:uView UI
开发工具:HBuilderX
主要工作内容 1. 核心功能模块开发 用户认证系统:实现登录、注册页面,包含表单验证、密码记忆功能 首页功能:轮播图展示、最新书籍动态加载、功能导航入口 书籍检索:实现搜索框、分类筛选(全部/教材/课外书)、搜索历史管理 书籍发布:表单设计、图片上传、ISBN扫码、成色评分、表单验证 书籍详情:书籍信息展示、描述内容合并、图片加载优化 个人中心:用户信息展示、统计数据、功能菜单、书籍管理 2. 技术实现要点 HTTP请求封装:统一封装request.js,处理加载状态、错误提示 数据映射处理:处理后端返回数据的字段映射(如bookName/book_name) 图片加载优化:实现getAvatarUrl方法,处理相对路径和默认图片 日期范围计算:实现14天日期范围算法,用于最新发布书籍筛选 页面跳转管理:实现页面间参数传递(id/bookId兼容处理) 本地存储管理:使用uni.getStorageSync管理用户信息和登录状态 3. UI/UX优化 响应式布局:适配不同屏幕尺寸,使用rpx单位 交互体验:加载状态提示、操作反馈、错误处理 数据展示:书籍列表卡片式设计、状态标签显示 导航结构:底部TabBar导航、页面间流畅跳转
为满足高校学生二手书交易需求,促进环保与知识传递,开发了这款跨平台校园二手书交易APP,提供便捷的书籍发布、检索与交易功能。 前端技术栈 框架 :uni-app + Vue.js(跨平台开发) UI :uView UI(移动端组件库) 开发工具 :HBuilderX 核
本项目是一个面向在校大学生的校园二手交易平台,前端采用 Vue 3 结合 Vue Router、Axios 和 Vite 搭建成单页应用(SPA),负责实现从物品浏览、详情展示到发布交易、个人中心和后台管理的一整套交互界面。前端通过组件化设计,将首页、物品列表、物品详情、发布/编