TypeScript

收集平时开发的一些功能模块，包括拖拽标签草稿版，音乐播放器与可视化动画，canvas画板，css作品等，这些功能均由个人独立完成。

角色管理，权限管理，用户管理，菜单管理。使用springboot+vue构建的后台管理系统，使用sso认证登录，密码进行md5加密。

使用vue及其生态实现页面效果，实现音乐游戏，五子棋，中国象棋，俄罗斯方块，贪吃蛇等游戏开发。 使用对精灵图的定位显示实现动画效果，操作二维数组实现棋盘游戏的逻辑。

朋友圈，评论，好友申请，用户端使用uniapp，实现跨端，后端使用了微服务技术，sso认证服务，系统服务，网关服务，webSocket服务，用户端服务

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

安全的录音，录屏，录视频的记录平台，有笔记，任务（待添加）等功能，数据实时保存在本地，安全不丢失，只是断电续录，支持12小时（已测试）长时间录音，支持紧急下载，不丢失数据 全程使用Vue与ElementUI构建，移动端UI使用vantUI（没有完整的移动端UI 使用了Indexdb技术与抽象文件系统来存储在线文件与缓存 支持断电不丢，多种媒体源，不需要额外插件与依赖支持直接安装到本地

1、项目分微信小程序，运维系统。功能主要包括小程序特色中山视频，图片介绍，地块展示，地块留言消息等，微信登陆，微信手机登录。运维系统包括用户管理，角色管理，地块管理等，系统相关资讯发布等功能 2.本系统前后端都是自己开发，前端用了uniapp，后端使用了java spring boot等

静态网页的制作 后端提供的api接口进行数据渲染，联调 动态样式的渲染 数据缓存 页面性能优化 浏览器兼容性解决

1. 对话应用前端和请求中转后端两部分组成，无需魔法直接访问OpenAI API调用ChatGpt3.5/4模型，即用即付。 2. 个人独立设计开发，技术栈ts/vue3、ts/vuetify、ts/markdown-it、golang/gin、nginx；实现了打字机效果、markdown渲染html、前端本地加密缓存、对话分支、http长连接文本流式输出对话结果、夜晚白天主题切换等功能，提升开发效率节省魔法开支。

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

基于后端SAM模型和SD模型的智能绘图工作台，拥有4种UI模式 1. 嵌入的图片编辑器模式 2. 独立编辑器模式 3. 工作台模式（可以接受任务并处理图片 提交任务） 4. 图片提交模式（提交到后台人员处理后返回结果） 支持在网页端部署，嵌入为vue组件或编译为本地软件一键安装运行 独立软件模式下可支持对接后端计算集群（符合内部规范的Rabbitmq 计算节点集群

该商城拥有分销、代理、团购秒杀、接龙、拼团、直播、优惠券、自定义表单等众多营销功能，拥有完整SKU、下单、售后、物流流程，支持可视化自定义首页模块布局效果。主要负责项目设计与实现，原单位个性化定制内容，用到.net,redis,cap,sse,第三方存储，第三方支付等许多技术

1.跨境本土仓库系统。 2.海外仓囤货换单系统。 3.后端采用.net core ABP. 4.前端基于ivew3 typescript vue. 5.前后端服务器数据库什么都全部自己搭建

sysjc官网， 负责整个网站前端开发 包括最新公告、数据库参考、公告栏、期刊介绍和投稿指南等模块 前端项目Docker 部署

* 为服装厂提效的ToB产品，由于需要对接现场流水线，所以业务逻辑比较复杂多样，在前端体现是各类复杂的表格/表单。 * 其中我独立开发的难度较大的两个页面： * 页面1：同一组数据分两种视图（表格视图/日历视图）展示，可随意切换视图，其中的数据均可编辑/动态增删。我条理清晰地规划了数据处理逻辑，在实现功能的同时，保证了性能良好。 * 页面2：自定义行/列的异形表格，表格的行最多有4级嵌套（rowspan），表头根据接口返回动态计算，每行也都可增/删/改，其中每行结尾和最后几行需要做合计。而且需要在前端打印。我在开发的过程中，提前规划好数据结构对应的表单以及html结构，最终bug较少。

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

1.此项目主要模块：主席致辞、会议注册、会议日程、宣传视频、会议通知、会议地点、联系我们。此项目主要是为学术会议研发的，方便学术人员注册和了解该会议的相关事项 2.此项目是独立开发

服务于社区，为各地区的爱心人士提供平台，更好的管理流浪宠物，提供领养、投喂、照顾等多种救助方式；也为爱心人士提供一个交流心得、经验的社区。

本作品基于Tensorflow.js，使用其卷积等运算设计了一个嵌入到Typescript中的DSL语言，能使用这一DSL来设计各种规则的生命游戏，且支持GPU加速，在静默模式下平均可达到10到100倍的加速比 内置几种经典的生命游戏规则如b3s23等 支持自定义规则 暴露了record接口支持在其上进行神经网络训练

个人博客，用于存放和展示个人笔记，技术能力的网站。其中使用css加入了一些页面交互彩蛋；文章标题对应章节部分定位；使用echarts进行可视化数据展示等。