项目名称（一） ：绿农智慧农牧大数据可视化平台
项目周期：2024.12 - 2025.05
项目简介：河北绿农打造的全链路数据可视化管理平台，集成农业、水产养殖业数据可视化平台，农产品，设备、园区、水产品、盈利等数据展示， 以及产品质量溯源、市场价格分析、土地资源监测等核心模块，支撑农业、水产养殖业的生产决策与电商运营数字化转型。
技 术 栈 ： vue3+TypeScript+ElementPlus+vite+Pinia+Axios+Echarts+Datav+HLS
工作职责 ：
1.前端架构设计：基于 Vue3 Composition API + TypeScript 构建组件化数据可视化中台，设计跨模块组件复用机制，提高组件复用率
2.数据可视化开发：使用 ECharts 开发 多种图表组件，包括多维度价格预测拟合模型、土地流转热力图、作物生长周期曲线等，优化大数据渲染性能
3.农产品溯源模块：开发时间轴timeLine可视化组件，展示农产品生产、加工、流通全流程数据，支撑质检部门提升工作效率
4.市场分析模块：实现价格波动预警、电商市场份额分析等功能，通过数据可视化辅助决策，降低农产品滞销率
5.土地资源管理模块：开发土地利用率、闲置流转率等监控指标看板，集成百度地图 API 实现土地流转热点区域动态标注，优化土地流转效率
6.性能优化：通过组件懒加载、图片资源优化等措施，减少首屏加载时间
7.技术攻坚：解决 ECharts 与 TypeScript 类型兼容问题，封装类型安全的图表组件库；设计数据适配器模式统一处理 异构数据源
8.响应式设计：设计适配 PC 端大屏与移动端的响应式布局，支持触控交互与多维度数据筛选，实现图表钻取、联动功能
9.业务价值交付：项目成果支撑质检、市场、土地管理等多部门数字化决策，提升农业电商全链路运营效率
10.水产资源模块：水产环境，成长，喂食等视频监控，用hls.js对rtmp解析视频流，并嵌入海康威视摄像头实现
项目名称（二）：上合医药网鸿蒙版（电商类App）
项目周期：2024.09 - 2024.12
项目简介：上合医药网是为云南润康药业做的经过国家药监局批准的正规药品采购，批发，销售交易等电子商务平台app。采用 arkUI, arkTs技术，和devEco-studio IDE开发的。主要是购物的整个流程，订单，支付，优惠卷等。
技 术 栈 ：ArkTS+ArkUI+Harmony OS API + Preference 数据存储
工作职责：
1.药品展示模块：运用 ArkUI 弹性布局与响应式组件，实现多端适配的药品瀑布流展示与筛选功能
2.购物车交互模块：使用 ArkTS 动画框架设计商品数量增减动画，优化购物车过渡效果
3.数据持久化模块：通过 Preference 实现商品勾选状态记忆，提升用户续购便捷性
4.优惠计算引擎：优化购物车结算逻辑，自动高亮满减最优组合方案
5.商品详情页：基于 ArkUI 嵌套滚动容器，实现图片轮播与详情内容联动滚动
6.促销活动系统：借助 ArkTS 定时器 API 开发限时秒杀组件，添加脉冲动画效果
7.性能优化专项：通过 Intersection Observer 实现图片懒加载，缩短首屏加载时间
8.大数据渲染模块：利用 LazyForEach 组件改造商品列表，提升滚动流畅度
9.加载状态优化：设计商品类型差异化骨架屏，降低用户感知等待时间
10.全局交互反馈：集成 Toast 组件与加载指示器，优化长耗时操作体验
项目名称（三）：惠购优选（Uniapp 跨端应用）
项目周期：2024.05 - 2024.09
项目简介：是为惠购优选开发的app, 因为他整合了当地农村厂家进行线上销售，商品直接从厂家发货，没有中间商，所以商品便宜优惠。主要功能就是直接在平台上购物。
技术栈：Uniapp+Vue3+TypeScript+SKU+Pinia+uni-ui+SCSS+uCharts+WebSocket
工作职责：
1.跨平台兼容：基于Uniapp条件编译引擎构建协议适配层，统一多端交互标准
2.SKU核心系统：采用TS类型系统+状态管理器pinia开发规格组合模块
3.智能促销引擎：TS类型系统+Pinia实现动态促销策略
4.商品列表性能：通过虚拟滚动+瀑布流布局重构商品列表模块，突破万级数据渲染瓶颈
5.应用加载优化：使用分包加载，分包预加载策略分离核心框架与业务模块，提升冷启动效率
6.可复用组件库：基于uni-ui规范封装SKU选择器、购物车组件，弹窗、查询、列表等组件
7.商品详情体验：VueUse Gesture + CSS3 Transform 实现近原生手势交互
8.统一支付网关：封装多端支付SDK为统一交易组件，实现支付功能
9.动态主题引擎：SCSS + Pinia 支持运行时主题切换
10.实时库存预警：WebSocket+uCharts构建预警系统
项目名称（四）：大菜市商城后台管理系统(电商类后台管理系统)
项目周期： 2023.12 - 2024.05
项目简介：主要用于支持小程序前端的各类业务需求，涵盖商品管理、用户管理、订单管理、数据统计、角色管理、权限管理等核心功能模块。通过高效的数据交互与管理，保障生鲜买菜小程序的稳定、流畅运行，助力业务高效开展。
技术栈：Vue3+TypeScript+Pina+ElementPlus+Vue Router+ axios+Websocket
工作职责：
1.系统架构：运用 Vue3 构建系统整体架构，实现组件化开发，提高代码复用率，优化页面渲染性能。
2.后台功能界面：基于 ElementPlus 组件库，开发首页、商品管理、订单管理等页面，实现简洁易用的交互界面。
3.API通信层：使用 axios 封装接口请求，与后端服务器进行数据交互，处理商品信息获取、订单状态更新等业务逻辑。
4.商品/促销业务模块：梳理生鲜业务复杂逻辑，针对商品分类、促销活动等，运用模块化开发思路编写代码，保障各模块间逻辑连贯。
5.权限控制系统：权限管理功能，通过路由守卫和自定义指令，实现不同角色对功能模块的访问控制。
6.数据可视化看板：数据统计页面，使用echarts， datav等进行数据可视化展示， 以柱状图，折线图，饼图等展示日销量，月销量等
7.前端性能优化：运用代码分割、懒加载等技术，优化页面加载速度，提升用户体验。
8.实时数据同步模块：利用 WebSocket 技术，实现订单状态、库存变动等数据的实时推送，解决多用户操作下的数据一致性问题。
9.全局状态管理层：借助 Pinia 进行状态管理，合理规划数据存储，确保组件间数据实时同步与一致性。
10.工程质量保障：定期进行代码 review，遵循代码规范，优化代码结构，提高代码质量
项目名称（五）：全布鸿蒙版（电商类App）
项目周期：2023.09 - 2023.12
项目简介：基于鸿蒙操作系统开发的专业坯布交易电商 App，服务纺织行业用户，覆盖坯布全品类交易，提供订单可视化、专家视频、高效交易等功能，适配鸿蒙生态设备，助力纺织行业数字化交易升级 。
技术栈：ArkTS + ArkUI + Harmony OS API + Preference 数据存储 + 微信支付 SDK 适配 + WebSocket + 鸿蒙多端协同框架
工作职责：
1.专业平台模块：基于 WebSocket 开发，支撑 “订单可视化” 状态推送、“专家视频” 评论互动，保障消息低延迟触达
2.订单可视化模块：运用 ArkTS 动画框架，设计订单状态变更过渡动画，结合 Preference 存储订单临时数据，实现状态实时跟踪
3.专家视频模块：采用 ArkUI 嵌套滚动容器，开发视频轮播与页面内容联动滚动效果，优化沉浸体验
4.高效交易模块：利用 Harmony OS API 与微信支付 SDK 适配，完成下单流程，实现极速下单、优惠抵扣与支付功能闭环
5.实时通信模块：基于 WebSocket 开发，支撑 “订单可视化” 状态推送、“专家视频” 评论互动，保障消息低延迟触达
6.需求分析与转化：梳理纺织行业用户交易、资讯获取痛点，转化为 App 功能需求（如坯布品类筛选、采购进度跟踪 ）
7.商品列表性能优化：对 “专业平台” 商品列表虚拟列表改造，用 ArkUI 的 LazyForEach 组件，优化万级坯布数据渲染，提升滚动流畅度
8.加载体验优化：设计骨架屏加载状态，按坯布类型（化纤、全棉等 ）生成不同占位，优化 “专业平台”“高效交易” 用户等待体验
9.全局反馈体验优化：添加全局加载指示器（ArkUI Toast 组件 ），在下单、视频加载等场景反馈状态，优化用户感知
10.多端适配拓展：基于鸿蒙多端协同框架，适配智慧屏端，调整 “专家视频”“专业平台” 布局与交互，支持大屏浏览
11.交易模块性能优化：用分包加载技术分离 “高效交易” 核心逻辑与业务模块，提升 App 冷启动下单效率
12.账户模块数据缓存：结合 Preference 存储，实现 “我的账户” 会员等级、余额等信息缓存，减少重复请求，优化查看体验
项目名称（六）：预约挂号后台管理系统
项目周期：2022.08 - 2023.03
项目简介：七尾医疗服务后台管理系统用于整合医院各类业务流程，涵盖预约管理、费用管理、医院管理等模块。通过系统化管理，提升医院运营效率，优化患者服务体验。我主要负责医院管理模块的相关功能开发与维护。
技术栈：Vue3 + TypeScript + Pinia + Vue Router + iView (UI) + axios + ECharts + 高德地图 API + Sass/SCSS + Webpack 。
工作职责：
1.跨平台兼容：基于Uniapp条件编译引擎构建协议适配层，统一多端交互标准
2.SKU核心系统：采用TS类型系统+状态管理器pinia开发规格组合模块
3.智能促销引擎：TS类型系统+Pinia实现动态促销策略
4.商品列表性能：通过虚拟滚动+瀑布流布局重构商品列表模块，突破万级数据渲染瓶颈
5.应用加载优化：使用分包加载，分包预加载策略分离核心框架与业务模块，提升冷启动效率
6.可复用组件库：基于uni-ui规范封装SKU选择器、购物车组件，弹窗、查询、列表等组件
7.商品详情体验：VueUse Gesture + CSS3 Transform 实现近原生手势交互
8.统一支付网关：封装多端支付SDK为统一交易组件，实现支付功能
9.动态主题引擎：SCSS + Pinia 支持运行时主题切换
10.实时库存预警：WebSocket+uCharts构建预警系统
项目名称（七）：扒书二手书（微信小程序）
项目周期：2021.09 - 2022.01
项目简介：为高校学生打造的二手书交易平台，基于微信小程序实现同校 / 同校区线下交易场景，解决传统二手书交易中信息不对称、物流成本高的问题。项目覆盖书籍浏览、发布、沟通、交易全流程，
技术栈：微信小程序框架+JavaScript+WXML/WXSS+WebSocket+微信支付API+分包加载+微信小程序云服务
工作职责：
1.小程序基础框架：基于小程序原生框架构建模块化分层架构
2.商品发现系统：采用WXML+WXSS开发多维筛选引擎，支撑沉浸式浏览
3.实时通信：通过WebSocket开发分布式会话系统，实现消息零延迟触达
4.多端UI适配层:基于弹性布局+系统信息API设计自适应呈现方案
5.用户评价与信誉体系：使用 JavaScript 开发评价接口，结合微信小程序云服务存储用户对书籍交易的评价数据，构建 卖家信誉评分系统，为用户提供可靠的交易参考，增强平台信任度。
6.优惠券系统：基于微信小程序框架，通过 WXML/WXSS 实现优惠券展示界面，利用 JavaScript 实现优惠券的领取、核销逻辑，并与微信支付 API 集成，在订单结算时自动抵扣优惠金额，刺激用户消费。
7.购物车优化：采用分包加载技术对购物车功能进行性能优化，使用 WebSocket 实现购物车数据的实时同步；同时基于弹性布局和系统信息 API，确保购物车在不同尺寸设备上展示效果一致，提升用户选购体验 。
项目名称（八）：天生桥景区官网（文旅类响应式官网）
项目周期：2020.11 - 2021.02
项目简介：上合重构南京天生桥景区官方旅游平台，集成门票预订、景点导览、活动公告等核心功能，实现跨端响应式设计，提升日均UV和用户停留时长
技术栈：Vue2 + JavaScript + ElementUI + Webpack + Vuex + Axios + Sass/SCSS + ECharts + Git
工作职责：
1.核心框架与架构： 基于 Vue2 (Options API) 和 JavaScript 构建项目核心架构，采用 Vuex 进行状态管理，使 用 Vue Router 实现前端路由，确保应用结构清晰且可维护性高。
2.响应式设计与实现： 主导并实现网站的响应式布局，利用 Flexbox、Grid、媒体查询及 ElementUI 的响应式组件/栅格系统，确保网站在手机、平板、桌面等不同尺寸设备上均能提供优秀的浏览体验和交互效果。
3.UI组件开发与定制： 深入应用 ElementUI 组件库快速搭建基础界面，并根据景区品牌视觉规范进行深度样式定制 (Sass/SCSS) 和组件扩展，开发符合设计稿的自定义业务组件 (如特色景点卡片、轮播图、时间线等)。
4.模块化功能开发： 负责核心功能模块的开发与集成，包括但不限于：多级导航菜单、景点图文详情页、动态新闻列表/详情页、票务政策展示、活动日历/报名、景区地图导览 (可能集成第三方地图API)、响应式轮播图 (可能使用Swiper.js)、表单验证 (游客咨询、预约) 等。
5.JavaScript 应用与工程化： 遵循模块化开发规范，编写可复用、易维护的业务逻辑代码；利用 Webpack 进行项目构建和基础工程化管理。
6.性能优化： 实施前端性能优化措施，如图片懒加载、代码分割、合理使用缓存策略、优化 Sass/SCSS 编译输出、移除未使用代码等，提升页面加载速度与运行流畅度 (注：Vite 在当时尚未普及，使用 Webpack 的优化配置)。
7.API 交互与状态管理： 使用 Axios 封装统一的 HTTP 请求模块，处理请求拦截、响应拦截、错误处理及 API Token 管理；设计合理的 Vuex Store 结构管理全局状态和模块级状态，确保数据流清晰高效。
8.需求分析与UI/UX协作： 积极参与需求讨论，理解业务目标，与UI/UX设计师紧密沟通，将设计稿精准转化为可交互的网页，并提出技术实现建议以优化用户体验。
