前端

本作品采用原生HTML5+CSS+JavaScript+后端PHP+MYSQL的开发方式 前端采用jQuery+Bootstrap这两个框架开发。 分为用户端和管理员端。 用户端有个人资料系统，借书列表和阅览图书库的功能。 管理员端有数据图表，图书列表，用户列表，借还记录，用户留言，管理日志 然后能对图书和用户的信息进行增删改查的功能。

官网Nuxt技术方案，同Next技术架构相差不多，都是服务端渲染，对seo优化及其友好 内部有大量的网格图形 同步也包含大量的移动端页面内嵌到原生壳子中

1. 项目是个人开发的后端管理系统，主要采用了vue、ts、pinia、vite等前端技术，后端采用nodejs + egg框架和golang + git框架的双后端技术。功能上是常见的后端管理项目，分为菜单设置、用户管理、单位管理等模块。 2. 项目全部由个人完成，并应用于所在公司的正常开发中。

商品上传， 商品展示 ，购物车， 商品支付 以及物流 信息展示，对接了线下收银系统 超市线上线下 库存一体化。

开发全平台可用的婚姻交流软件；负责采用Flutter作为app端开发框架，构建用户界面，对常用工具方法进行封装，日常进行code review，积攒了项目开发经验与团队合作经验

本系统为excel表格的账单快速管理系统，采用原生web+php的开发模式 数据库采用MYSQL。 具有将勾选数据导出excel表格的功能。

1）使用 vue-cli 脚手架搭建 vue 项目; 2）使用 vue-router 进行跳转页面，利用路由懒加载，优化页面性能； 3）使用 axios 获取后台数据进行页面渲染; 4）使用 element-ui 组件库，构建页面的基础样式； 5）使用 Echarts 图表完成公司收益展示； 6）路由页面跳转通过 keep-alive 缓存组件，减少性能消耗； 7）负责后期页面优化，版本更新迭代，增强用户体验 ;

1.大屏首页，主要是展示学校基本信息，教师人数、生源结构、教研成果、各学院近几年的学生人数统计等 2.学校画像，主要分为“党务数据上传”、“工会数据上传”、“财务数据上传”、“招生就业数据”、“学生数据”、“教科研数据”、“教师培训数据”、“教师数据”、“后勤安全数据”、“资产数据”等； 3.教师画像，主要分为“教师维度”、“业务信息”、“师资培训”、“班主任信息”、“科验信息”、“教师发展”； 4.教学画像，主要分为“班级教学报告”、“教师教学报告”、“教研组教学报告”、“学校教学报告”、“教师作业报告”、“班级作业报告”、“课程进度情况”、“知识图谱”等； 5.学生画像，主要分为“学生首页”、“学生标签列表”、“课程树”、“德育画像”、“智育画像”、“美育画像”、“劳育画像”、“智能预警”、“学生学习报告”；

技术栈：uniapp、vue、ES6、小程序 功能模块： 1、年卡购买：下单购买旅游年卡，分为个人购卡和团队办卡 2、景区列表：查看旅游年卡用户可以免费游玩的景区，了解景区详情，拨打景区电话，导航到景区 3、年卡激活：输入姓名、身份证号、激活码（实体卡）即可激活，可激活多张年卡，子女父母的年卡也可以绑定到同一账户下 4、年卡入园：可以手持身份证机器验证入园，也可以用手机扫码搜索蓝牙验证入园 5、使用记录：查看年卡入园记录和剩余免费入园次数 6、游玩攻略：查看景区游玩的攻略，便于游客参考 7、优惠券：用户可以领取优惠券、到店核销使用 我负责的： 1、项目公共代码维护：封装ajax请求拦截器、登录及信息缓存处理逻辑、一些公共组件的封装，实现各模块开发人员都可以快速调用公共方法，专注功能开发 2、小程序与插件的数据交互与通信：保障插件内各功能正常 3、年卡购买、支付、激活 遇到的困难： 1、问题：不清楚插件与小程序的区别，无法绑定用户、获取手机号、支付、订阅消息等。解决：了解文档，开发插件获取用户unionId、插件借助宿主按钮获取手机号、借助宿主方法完成支付和订阅消息、扫码中转页等功能。

技术栈：React、NextJS、i18n国际化、Sentry、Docker自动化 1. 针对用户的Banner、商品、导航栏等各种模块实现和组合 2. 负责整个项目的架构开发维护，逻辑和接口服务的拆分 3. NextJS的版本升级(13.4)升级优化，代码维护性更改，页面响应时间减少1秒左右

1.房屋vr实景功能 2.房屋分类区分 3.推广功能 4.积分兑换商城 5.合伙人身份平台 6.签到积分系统 6.完美的展现房屋装修美感，不同的展示界面

前后端全栈开发 前台应用freemarker，jquery，ajax，bootstrap，javascript 后台应用springboot，mybatis， 对接省一级别监管平台，做接口开发

项目背景 本类项目旨在为客户开发一个数据看板系统，实时展示设备的运行状态、实时数据和历史性能数据，以支持更高效的设备监控和决策制定。 技术栈 前端框架：Vue2.x及其生态系统，包括Vue Router和Vuex 数据可视化：ECharts用于动态图表和数据可视化 实时数据通讯：MQTT协议用于实现图表数据的实时刷新 角色和职责 作为项目的前端主要开发人员，我主导了以下关键工作： 设计和实现了一套响应式的数据可视化界面，适配不同屏幕尺寸和设备。 使用ECharts库开发了多个动态图表组件，用于展示设备的实时和历史数据。 集成MQTT，实现了数据的实时获取和图表的即时更新。 技术难点与解决方案 布局兼容和数据刷新 难点： 适配笔记本和大屏 解决方案： 采用了CSS Grid布局结合vw、vh单位实现了高度响应式的界面设计。通过集成MQTT协议，实现了数据的实时订阅和图表的动态刷新。 结果： 成功开发并交付了多个数据可视化面板，客户通过这些看板能够实时监控和分析设备状态，大幅提高了运维效率。

pc+小程序，taro+react,所有功能皆实现。可视化，服务端会话，taro小程序，react+antd pro。详情请联系了解。vue,react皆可

登录注册，购物车，步进器，地址选填，首页，商品详情，加入购物车，收藏，浏览记录，优惠查询，上拉加载，关键字搜索，商品排序，搜索历史， 个人开发项目

小程序前后台框架搭建 页面部分完成了我的，登录等页面开发 后台完成了nginx，docker，redis，activemq等服务的搭建和联调 后台restfull接口实现

商城前台页面采用vue2+vueRouter+vuex+ElementUI+PHP+Mysql的开发方式 页面设计采用常规的顶部导航栏+面包屑+商品列表+底部的设计 有商品列表，有商品详细，购物车，订单详细等 商城后端页面使用ElementUI的MENU组件为主进行二次开发 主要能对商品和用户的信息就行操作

项目背景 开发物联网公共安全管控3D云平台，目标是利用最新的数据挖掘技术和3D可视化手段，显著提升气体行业设备监测、管理的效率和安全性。 技术栈 使用 Vue3 进行界面开发，Pinia 进行状态管理，scss 与 naive-ui 进行界面样式设计，Blender 3D 建模，Three.js 前端渲染。 角色和职责 作为项目的前端主要开发人员，我主导了以下关键工作： 使用 Blender 构建精确的设备和楼层 3D 模型。 利用 Three.js 实现复杂的 3D 模型和动效前端渲染。 开发实时报警动效和基于云平台数据的图表查看功能。 基于 Rush 搭建高效的开发框架，提升项目的开发流程和协作效率。 技术难点与解决方案 前端需求收集和模型建造 难点 获取精确的设备尺寸和楼层数据对于构建准确模型至关重要。 解决方案 通过现场勘察和手动测量设备尺寸，确保了 3D 模型的真实性和准确性。 结果 使用 Blender 成功创建了高度贴近现实的 3D 模型，为后续的前端渲染打下坚实基础。 模型前端效果渲染 难点 实现高性能且真实的模型渲染效果，特别是在处理材质、灯光和动效时面临

项目背景 负责开发物联网公共安全管控云平台，旨在通过实验室气体设备和传感器的数据收集与监测，实现设备状态的实时监控和异常预警，从而确保实验室安全。 技术栈 架构：采用 Monorepo 加 MicroApp 微前端架构，实现模块化管理和灵活部署。 前端技术：基于 Rush 搭建高效的开发框架，使用 Vue2 进行界面开发，Vuex 进行状态管理，SCSS 与Element UI 进行界面样式设计，TypeScript 进行类型检查，确保代码质量。 角色和职责 作为项目的前端主要开发人员，我主导了以下关键工作： 模块开发与重构：根据设计原型完成高质量的模块开发，并重构既有代码提高可维护性。 组件化与代码优化：提取并封装了多个业务组件和容器，使用 vue-class-component 优化代码结构。 项目架构设计：基于微前端架构对项目进行了全面重构，提升了项目的可扩展性和维护性。 技术难点与解决方案 业务组件 难点： 原项目中存在大量冗余的业务组件，影响了开发效率和代码的可维护性 解决方案： 提取业务组件（设备筛选、设备类型筛选、角色、城市等组件） 封装容器组件（表格、弹窗、卡片

对话：系统应支持用户之间的一对一和群组对话。 确认消息：系统应支持消息传递确认，如已发送、已送达、已读。 共享：系统应支持媒体文件的共享，例如图像、视频和音频。 聊天存储：系统必须支持用户离线时聊天消息的持久存储，直到消息成功传递。 推送通知：一旦离线用户的状态变为在线，系统应该能够向其通知新消息。 由于 HTTP 是客户端发起的，我们无法真正从服务器向接收者发送消息，因此我们需要考虑用于模拟服务器发起的连接的其他技术：轮询、长轮询和 WebSocket。 轮询：是客户端定期向服务器请求数据，产生大量请求，效率低下。 长轮询：服务器保持连接打开，直到有新数据可用，从而减少请求数量和延迟。 WebSocket：是一种双向通信协议，可通过单个长期连接实现客户端和服务器之间的实时通信，从而提供最低的延迟。它是从服务器向客户端发送异步更新的最常见解决方案。