UI组件库

这是一个日历记载工具，其中主要包括日历的宜忌事项和星座的运势及星座配对模块 这是一个我个人开发的实用工具类app。主要用到的技术栈有，html，css，JavaScript，vue，egg，sequelize，mysql，bcrypt，axios。

项目为企业采购提供商城完整下单流程，包括商品栏目展示、购物车、采购申请等模块。 针对首屏加载时间过长，体验感不佳的问题，采取了 Vue 异步组件加载、路由懒加载、资源压缩合并以及 HTTP 请求优化等措施，显著提升了首屏加载速度，实际测试结果显示加载时间缩短了约40%。 针对上传体积过大，上传过程等待时间长，用户体验差的问题，利用分片上传技术解决大文件上传问题，大幅提升了大文件上传的成功率（提升至99%以上）和速度（平均提升50%）。 利用虚拟滚动列表解决数据量过大滑动卡顿问题，在加载上千条数据的情况下，滚动帧率提升至60fps。

这个牛犊买卖的应用程序提供了广泛的功能，旨在帮助牛犊养殖者轻松管理他们的业务。用户可以通过该应用程序购买各种饲料以满足牛犊的营养需求，同时也可以在需要时购买保险，确保在意外情况下获得保障。除此之外，用户还可以利用该应用程序进行融资，以支持他们的养殖项目，购买必要的设备，提高生产效率。 该应用程序还为用户提供了领取补贴的功能，帮助他们获得额外的资金支持。此外，用户可以通过应用程序与专业兽医进行问诊，获取关于牛犊健康和护理的建议。比价功能使用户能够在不同供应商之间比较价格，以确保他们获得最具竞争力的价格。 除了移动端的应用程序，该应用程序还提供了一个功能强大的PC端管理页面，用户可以通过该页面更全面地管理他们的牛犊养殖业务。PC端管理页面提供了更多的功能和信息展示，使用户能够更方便地进行业务管理和决策。 总的来说，这个牛犊买卖应用程序提供了全方位的功能，旨在帮助牛犊养殖者更高效地管理他们的业务，从而提高生产效率和经济效益。

项目描述： 本系统主要是为重庆数语有限公司开发的薪资管理系统，为了方便该公司的财务部方便管理，降低风险，减少人为计算错误带来的风险，增加透明度，让公司薪酬政策更加透明化，具有较强的可监控和可追溯性。 该系统主要分为七大模块：组织机构、人事管理、员工薪资、薪资核算、考勤数据、个税数据、社保公积金。 该系统分为超级管理员和普通管理员两种角色，超级管理员拥有对所有菜单得访问权限，进行一系列的管理操作；而普通管理员只能进行查看和修改个人信息。 项目技术栈：vue2+vue-router+axios+element-ui+vuex+Dayjs+echarts等 个人职责： 1、负责项目的登录模块、首页模块、人事管理模块、员工薪资模块、考勤数据 2、封装公共组件：表单、面包屑、弹窗及提示组件、导航组件等 3、实现权限管理，利用前置路由守卫实现不登录仅能进入登录页，利用动态路由实现不同的角色有不同的路由，在页面动态渲染不同权限的侧边导航栏； 4、封装公共的工具方法：时间格式化、字符串去重、监听浏览器窗口大小变化等 5、用echarts实现数据分析：总体数据、员工统计数据、福利统计、绩效考核统计数据

数据可视化项目UI开发展示 采用**React18、React-Router v6、React-Hooks、TypeScript、Vite2**开发* 改造可视化大屏用户使用交互逻辑，从数据价值到图表价值的展现。

钢铁公司项目: 监控生产过程中产线各个步骤能源消耗,产线各个步骤成本控制,产线各个步骤质量控制,产线各个步骤停机原因及其消耗,产线各个步骤生产效率计算,报表计算等

集团驾驶舱展示，数据联调，关系图，产品节点，文本节点，线条；除了静态图片素材，通过JS和一些插件还可以实现如下的大屏动态背景； 工厂的可视化系统，可以通过监控、接入数据库及其他数据可视技术，可以实现工厂生产信息集成统一管理； 明确目的、选择图表、视觉设计、突出重点，它将企业的文化、产品、人资、经营范围、市场地位等信息融合在一张大屏中，用或酷炫、或稳重的视觉效果呈现。在客户、领导、投资人等外部嘉宾前来参观视察时，综合展示大屏便是接待室最佳的视觉中心

运用视觉展示可视化大屏数据分析。 配合产品完善产品视觉和优化产品功能交互。 可视化方式呈现数据列表和报表。

让用户运用对话方式，自动分析数据，使用户快速使用数据分析数据。 内部对接chatgpt，分析文本内容。快速从数据库取数。

用户管理：包括用户注册、登录、权限管理、角色管理等功能，可以帮助管理员管理用户信息和权限。 内容管理：包括文章、图片、视频等内容的发布、编辑、删除等功能，可以帮助管理员管理网站或应用程序的内容。 数据管理：包括数据的导入、导出、备份、恢复等功能，可以帮助管理员管理系统的数据。 统计分析：包括用户访问量、页面浏览量、转化率等数据的统计和分析功能，可以帮助管理员了解网站或应用程序的运营情况。 系统设置：包括系统参数设置、日志管理、安全设置等功能，可以帮助管理员管理系统的配置和安全性。 可以应用于各种领域，如电子商务、社交网络、在线教育等，帮助管理员更好地管理和监控其网站、应用程序或系统。

技术要点与实现： 1. 使用 getStorageSyn+setStorageSync 将数据存到本地缓存中，完成登陆注册； 2.使用 uniapp 微信小程序搭建前台并组合自带路由完成路由跳转； 3. 使用 uViewUI 完成小程序页面的编写； 4. 使用微信 openid 实现微信小程序授权一键登录功能； 5.使用 qiun-data-charts 插件完成首页图表的渲染； 6.利用预处理手段条件编译完成在微信开发者工具和 H5 页面的渲染； 7.利用 ThinkPHP5 框架完成后端接口的联调与测试

1.对园区管理中的区域管理设备等，使用element中的插件实现了表格、分页、搜索、等功能的数据联动。 2.通过使用element中的Drawer实现添加数据 3.使用xlsx实现的把数据导入到页面中 3.使用xmlns实现了数据的导出效果 4.使用tree实现商城管理的商品的二级分类。 5.6.使使用token实现用户登录，通过动态路由，登陆完成后，后端返回的数据匹配路由。 用vite进行对象的构建和打包，提高项目的开发效果和性能优化。 7.对事件使用了防抖节流，减少了性能优化。 8.使用RBAC技术实现了对进行的权限划分。 9.使用 Animate.css 动画库，使用组件切换的动画效果 10.使用Promise进行二次封装Axios请求，包括请求拦截、处理响应、响应状态码、请求超时、错误处理等 11.使用vue-virtual-acroll-list组件对大量商品数据进行了处理实现虚拟列表。

主要用于为集团5G消息业务提供技术支持，主要面向业务管理人员对CSP、客户、Chatbot等进行管理以及审核控制。 1.使用Bootstrap进行页面整体布局； 2.使用Swiper实现页面的图片轮播、切换效果，使用Echarts进行数据可视化展示。 3.模块化管理js代码，使用JavaScript、jQuery开发页面功能，使用ajax请求与后台进行交互

这是一个项目管理系统，功能主要包含，项目管理，立项审批、计划管理、结项申请、质量管理、合同管理、分包商管理等功能。

项目分为1.用户管理登录，医生挂诊，医生排班，支付结算 我负责2.用户登录，支付结算 难点3.沙箱支付 The project is divided into 1. user management login, doctor appointment, doctor scheduling, payment settlement. I am responsible for 2. user login, payment settlement. Challenge 3. sandbox payment

项目分为大屏展示，用户增删改查！角色权限授权！缺陷隐患建立与审核！工单派发 等！ 主要用到VUE2和antdUI框架

设计一个VR试衣静态网页通常会涉及以下几个关键模块和技术栈以实现核心功能： 模块划分： 1. 首页/入口模块： 展示品牌故事、VR试衣服务简介、引导用户进入VR试衣体验区。 2. 虚拟模特/用户形象模块： 用户可以选择或自定义模特形象，或者上传个人照片进行面部映射。 提供人体尺寸设定选项，以便精准模拟试衣效果。 3. 商品展示与选择模块： 商品目录及分类展示，支持3D模型预览。 用户可以通过点击或手势操作选择想要试穿的服装款式。 4. VR试衣间模块： 利用WebGL、Three.js等技术构建3D试衣环境。 用户能够在虚拟环境中旋转视角，查看服装从各个角度的上身效果。 支持实时更换颜色、图案等个性化定制。 5. 交互控制模块： 使用HTML5 Canvas、WebVR/A-Frame、AR.js等技术实现体感交互或触摸屏交互。 通过手势控制或控制器操作试穿、脱下以及调整衣物大小。 6. 分享与购买模块： 用户试穿满意后，可以直接添加至购物车或下单购买。 提供社交媒体分享按钮，允许用户分享自己的试衣搭配给朋友。 技术栈： 前端框架：React、Vue.js 或 Angular 可能用于构建SPA（单页应用）架构，便于动态加载和管理页面状态。 3D渲染技术：WebGL配合Three.js或 Babylon.js等库，用于创建和渲染3D服装模型。 VR/AR技术：利用WebVR（现在演变为WebXR）API实现VR沉浸式体验；对于移动设备可能采用ARKit或ARCore进行增强现实试衣体验。 图像处理：使用图像识别和机器学习技术来适配用户头像或者提供智能匹配建议。 数据传输与存储：RESTful API与后端数据交互，可能涉及JSON格式的数据交换，数据库如MySQL、MongoDB等存储商品信息。 功能实现： 实时试穿效果：用户可以看到自己选择的服装在虚拟模特上的实时试穿效果，包括对各种动作（转身、伸展等）的自然响应。 尺寸匹配与适应：根据用户输入的身材数据自动调整服装模型的尺寸。 多样化的换装选择：快速切换不同款式、颜色、风格的服装，模拟实体店的真实试衣过程。 社交互动与反馈：用户可以保存并分享虚拟试衣的照片或链接，获取好友评价或意见。 无缝购物体验：试衣满意后，一键跳转至购物结算流程，提高转化率。

功能模块分为：用户登录、绘本内容展示、网页调用麦克风权限录音、录音转格式后上传服务器、服务器端分类保存等 使用技术：nginx、mysql、Java spring boot、HTML 任务分工：前端和后台全部独立完成

使用 vue 2全家桶实现的一个用于体现销售人员每周，每月的接单和到款情况，并以数字化信息展示，方便各级主管审批观看，主要模块有 年度目标，月度目标，立项申请，销冠认定，门票管理，销售订单等模块所用技术：Vue2、axios,dayjs,echart,tailwindCss,vue-i18n,Secure-ls等 项目职责： 1、根据蓝湖设计稿，1:1还原界面 2、根据接口文档，封装 Axios与 API 方法 3、调用后端接口，实现数据显示 4、封装复用组件 5、完成开发提交测试报告 6、bug 修改

1、后台用Socket接收远程心电图数据，并推送心电图数据到平板上。 2、前端显示心电图的波形图，以及人体部位检查危险时提示。 3、系统大多解决图形问题和根据硬件协议对数据解析的问题。