TypeScript

页面属于内容管理，对权限进行控制，以及问卷管理，根据内容返回对应的图文结果。项目使用的echarts来展示图形，并在图上加批注，项目采用react、react hook等等技术栈。

1. 在线版本图文编辑器基础操作对于图片、文字、图形的位移、旋转、缩放等基础功能操作 2. 对于图片、文字、图形的效果渲染，例如描边、阴影、渐变填充等 3. 辅助性编辑功能，例如辅助线、视窗变换、层级变换等功能 4. 支持多端渲染，PC、服务器、小程序同步支持渲染

以个是关于gpu算力的超级管理员管理系统，一个是一个基于养老数据的可是化平台 项目名称：GPU算力资源超级管理后台系统 项目概述： 该项目是一款专为高效管理和优化 GPU 算力资源而设计的后台管理系统，采用了现代前端技术栈 Vite + Vue 进行开发。系统以其直观的用户界面和强大的功能特性，实现了对大规模 GPU 集群资源的实时监控、智能调度及精细化管理。 核心技术与特色： 高性能与实时性：系统利用 Vite 构建工具实现快速热更新和高效的模块打包，确保用户界面响应迅速，提高运维人员的工作效率。 API代理与跨域支持：配置了灵活的服务器代理，可以根据开发和生产环境动态切换 API 地址，轻松应对复杂的跨域问题，保障与后端服务的稳定通信。 模块化与易维护：通过 Vue.js 单文件组件(SFC)架构，实现了项目代码的模块化管理，便于团队成员分工协作，提高代码的可读性和可维护性。 深度集成GPU资源管理：系统具备全面的 GPU 资源监控能力，可实时展示 GPU 使用率、内存占用、计算任务状态等关键指标，为管理者提供科学决策依据。 可视化与数据分析：针对养老数据的可视化需求，系统集

独立负责整个项目的开发，根据ui图复现所有场景，要为用户提供健康早筛服务、线上问诊等健康服务的一个b、c端系统。使用了HTML5、echarts、ant、react、react hook、typescript等

1. 软件根据用户自定义的私钥实现文件加密、文件解密功能，确保文件传输时数据安全和防止数据泄漏 2. 采用混合加密方式，加密前要求用户输入私钥，在加密时会自动生成公钥配合私钥完成加密，并把公钥写入到文件中；只有提供正确的私钥才能解密。灵感来自于勒索软件。

内容： 1、数字警务室是阿里用于公安抓捕罪犯，人口管理，疫情防控的系统。 2、数字警务室是采用react技术，umi, ahooks ,等前端技术的微前端系统，应用的菜单和登录功能抽离出来封 装成独立仓库，内容部分按模块分为破案机器人，人口管理，技战法系统，模型工厂，网关，几大类，另外，地图 部分和卡片等公共部分封装到一个独立仓库。 业绩： 我主要负责的视算研判、模型工厂、模型工厂通用版，人口管理的研发工作。

1. 主页可以动态获取后端返回的数据通过echarts进行渲染 2. 实现用户，角色，商品管理，可以对用户角色，商品进行增删改查操作 3. 使用vueuse和pinia状态管理，实现全屏和暗黑模式切换 4. 实现了前端用户权限控制，通过数据库中查询出来的权限信息动态控制用户可操作的权限 5. 使用token进行登录认证，将tonken存储在session中每一次请求都会携带给后端 6. 将许多重复操作封装成hooks，在多个地方进行使用 7. 整合富文本编辑器。更好的描述商品信息 8. 使用代理模式解决前后端分离项目的跨域问题

1. 组件库包括: 文档的展示，单元测试模块，样式模块，项目的启动，项目的打包 2. 使用的技术栈， jest, webpack5, vue3, typescript, sass, markdown, sfc， npm 包的发布 3. 难点就是依赖太严重了, 在配置 jest ts vue3 的 bable 时，报出的错，根据爆出的错去解决问题， 并不是最根本的解决方案。最根本的就是 npm 包对应版本依赖的问题。 node模块化问题 commodjs， esmodel，amd, umd

项目使用自研脚手架搭建，技术栈主要使用 Vue2+ElementUi ，支持了多种集成方案，标准、灵活。 负责账号和密码加密登录流程，后期升级为对接企业钉钉，通过钉钉扫码快速登录。 负责系统用户权限管理，搭建角色体系，关联菜单，做到按角色隔离菜单和数据权限。 负责 PaaS 配置侧，页面可视化拖拉拽配置布局。 开发数据可视化配置侧，页面可视化配置数据大屏展示。 对模块进行重构，实现各组件高内聚低耦合，代码可读性和可维护性增强，模块间的耦合度降低约30%，平均修复 bug 时间缩短了25%，使得项目迭代周期相比初始阶段缩短了15%。 针对列表、导航、场景菜单、操作管理等多场景，封装了多个可复用的业务组件，有效减少代码量约40%，提升了开发效率。

1. 完整的小程序展示页面，包含用户的签到、预览、会员等功能 2. 在线版本的小程序编辑器，用户可以在手机上编辑海报 3. 支持常用的图片、文字、图形的编辑功能，也支持抠图、消除笔等AI能力

会员中心小程序是一个零售电商微信小程序，主要功能商品、下单以及订单收货等功能。 后期增加用户社区，使得用户可以晒出产品使用心得，交流产品使用体验提高用户粘性

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

参与从0-1的前端框架搭建，以及迭代，与客户app端，小程序端，交互以及镶嵌，以及配合A/B测试，使用了vue框架，是一个完整上线的商城，在各个大商城都有对接

微信小程序，商城，采用 UNI-APP 结合U-View 开发出来的生鲜电商平台。 地址调用腾讯API 后台采用React,Antd自建后台，包含SPU,SKU等多种属性配置

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

1. 个人结合nextjs搭建的个人博客，有标签、主页、列表页、详情页和介绍页等模块，具有评论、标签直接、SEO优化、SSR渲染等功能 2.满足个人日常技术积累和笔记记录等需求

内容： 熟练使用OA开发，财经产品是微服务架构的，前端采用了turbo跨工程调用，并且用了aui组件库，基于vue开发。当时是做了一个系 统的重构升级，它把头部菜单作为一个独立的前端工程，整个系统分为多个子系统，给多个项目组管理，但是保持 一致的风格，不同项目组之间也有共用服务。我在深蓝队、预算预测、冲锋队都呆过，后来被调去协助两个新项目 的搭建，其中一个项目表单特别的多，我完成了第一版，整个页面的绘制，另外一个项目是鲁班的架构，我完成了 很多卡片的绘制，包括很多很复杂的echart图和svg图。 业绩： 1、与另外两个前端和许多后端一起配合完成查询处理页面编码工作 2、和很多同事一起负责了csms和业财联动页面的迁移工作。 3、教会了其他前端turbo的使用方法。

1.使用hugo搭建个人技术博客，并通过Github Actions完成部署 2.完成VPN异地组网技术实现及相关教程 3.完成Vmware硬件直通教程，pve系统安装及直通教程

1. 针对素材、模版等内容制作的内容管理系统 2. 除基础的增删改查外，新增了对于素材的色彩、内容等维度的识别，便于管理和搜索 3. 对于字体等内容也进行了解析，渲染管理等操作 4. 同时增加了对于PSD、Figma文件的解析能力

1.功能模块很多，包含用户管理，支付管理，数据管理等 2.使用到数据可视化，实现各种图形 3.技术栈主要是vue3，element-plus