TypeScript

提取遥感图像地物信息数据，结合业务需求生成分析报告，应用场景包括保险行业，农业，建筑业 主要技术利用实例分割算法提取卫星图片地物信息生成可用的分析数据,我负责整个平台的开发建设运维,包含数据管理，项目管理，算法服务 用到的技术包含springboot,mysql,geoserver,pytorch,vue3

医院线上预约挂号网站是线上进行医院预约挂号门诊信息的平台，可以进行登录注册，同时进行医院信息查询并选择进行门诊选择并且缴费的一个线上平台。 1、功能分为网站首页，扫码登录，用户注册验证码登录等、医院查新，医院的信息公告、线上预约医院门诊，然后进行线上缴费等功能。 2、主要通过vue+ts+pinia+elementui puls等技术实现该项目，完成在线预约医院门诊并进行缴费的功能。

前后端分离，分别开源至github，现已投入使用约半年 前端使用vue.js+typescript进行开发，使用axios与后端交互，部署在vercel 后端使用go语言开发，使用sqlite存储数据，使用gin作为api服务

1. 需求分析，我对前端需要实现哪些功能。包括文件上传、下载、删除、重命名、搜索、分享等等。对于每个功能，需要详细定义其操作流程、用户界面和交互方式。 2. 界面设计：在设计界面时，我考虑到如何模仿百度网盘的界面风格和布局。这可能包括页面颜色、字体、图标、按钮等元素的样式设计。同时，我也考虑如何展示文件和文件夹，以及如何实现文件的排序。 3.前端框架选择：现在有许多前端框架可以帮助你快速开发复杂的界面，例如React.js、Vue.js、Angular等。我根据项目需求和个人经验选择一个合适的框架Vue框架。 4. API开发：我根据和后端交涉开发后端API来处理文件操作和用户交互。这些API应该能够接收来自前端的请求，处理这些请求，并将结果返回给前端。 5. 前端开发：我选择的vue框架和API开发前端界面。包括创建登录页面、文件列表页面、文件详情页面、上传下载页面等等。在开发过程中，我也使用HTML、CSS和JavaScript等技术。 6. 测试：在开发完成后，我进行项目初步的测试，确保每个功能都能正常工作，界面显示正确，用户交互流畅。 7. 优化和改进：根据测试结果和用户反馈，

项目结构：项目分为前后两端，前端又分为管理端和客户端 后端使用技术：springboot+mybatis+mybatisplus+springsecurity+swagger+stomp等 前端管理端：vue3+typescript+axios+elementui+echart+vite等 前端客户端：uniapp 项目内容分布：主要分为单词记忆、英语刷题、文章写作与社交、用户与用户社交这几个大模块，管理端管理这些模块所用到的资源，并提供消息模块 该项目完全由我独立开发，从ui设计到项目主要用途与后端架构设计到最终实现，该项目对我来说的主要难点是：数据库结构的设计；文件资源的存储与管理，最终决定存储在本地服务器，并设计一系列命名要求实现对文件资源的管理；实时通信的实现技术选择，最终选择使用stomp通信技术实现，因为它相比websocket更加规范化

项目角色 ：前端开发工程师 项目介绍：  这个项目是公司OA系统以及客户管理系统 ， 主要有公司内的考勤 ，项目 ，培训 ，报销 ， 智能柜客户端、 录音客户端 、资产管理客户端等多家客户项目集结于一身 ，充分满足企业多元化的需求。 项目技术：  使用 Angular、 TapyScript 搭建项目 ，搭建前端项目框架 ，实现前端页面的所有功能。  不同角色会对其进行权限控制和管理 ，确保只有授权用户访问和操作特定的模块和功能。  封装 10+e charts图表 ，实现数据的可视化展示。  使用 NgAlain 处理数据表格跟消息通知功能 ，减少页面的代码量 ，提高开发效率。  运用angular 自身i18n功能 ， 配合i18n Ally 实现app的双语切换能力。  使用 xlsx 解析 excel ，实现相关信息的批量导入功能 。

浦东机场/迪士尼 TETRA 录音监控数据大屏 项目角色 ：前端开发工程师 项目介绍 ：该项目用于监控浦东机场和迪士尼的消防录音数据 。系统使用数据可视化展示 ，借助于图形化手段 ，清晰 有效地传达与沟通信息。 项目技术：  使用 vue2 全家桶 、 JavaScript、 datav 搭建项目并完成基础的页面架构。  封装本地存储以及 axios 请求 、封装弹窗 、表格 、等公共组件 ，实现提高开发效率。  为了提升项目性能 ，对页面进行了优化 ，并且采用了 datav 数据可视化工具实现录音数据的实时监控 、分析和展 示 ，运用 echarts 提供多种可视化效果 。  使用 layout 控件配合 postCss pxtoRem 插件 ，使得页面能够实现栅格布局 ，从而适应各种类型的屏幕上展示 。

水井勘察系统是一种先进的地下水资源管理工具。该系统采用先进的地质勘探技术,如地球物理勘探和钻井技术,对地下水资源进行全面评估。系统可以准确测量水井深度、水位、水质等关键参数,并根据分析结果提供专业建议,如最佳钻井位置、井深等。该系统大大提高了水资源开发的效率和成功率,为农业灌溉、工业用水等领域提供了有力支持。同时,系统还可以监测地下水动态变化,为水资源可持续利用提供重要数据支撑。

一个简单的企业内部人员管理项目 主要服务于人力资源部门，对公司人员的组织分配，项目人员划分，工作岗位的调度等进行管理。 同时各个员工也可登录该系统，对自己的分配情况进行查询。 本人负责前端页面功能的开发，以及后台数据获取功能的开发。

项目描述：这是给洗浴业商家打造的一套管理系统, 包含几个子项目, 功能涵盖客人管理, 员工管理, 收银系统, 库存管理, 营业数据监测等等. 主要技术：pwa，angular, antd, typescript, rxjs, indexedDB, 1.水幕主程序 系统主程序, 使用angular开发的pwa应用, 有手牌、服务、上牌、收银、房间、技师等主要功能模块，整个系统主要的功能基本都在主程序里，从客人入场的排队管理，开牌和手牌管理，到消费和服务过程的管理，再到收银离场，涵盖了洗浴场所完整的服务流程。ui组件使用的是antd，静态数据使用浏览器的indexedDB存储在本地。刷id卡的逻辑是自己写的，以判断输入事件的触发间隔和结尾的回车符为准。刷ic卡使用了友我的ic卡读取设备和他们提供的服务软件。 2.水幕点钟器 提供给技师使用的，安装在一个安卓设备上的pwa应用，每个房间一个。主要使用者是技师，主要功能是管理按摩项目，包括下单，上钟，下钟，报钟，更换项目，更换手牌等。技术栈与主程序基本相同，但只能刷id卡。 3.水幕报钟器 提供给技师使用的显示排钟列表和所有技师状态的一

该项目是通过可自定义设计的流程模块，覆盖IT服务中的不同管理活动或应用场景。帮助企业用户规范内部管理流程，提升沟通及管理效率。 通过前后端分离式的开发模式，前端使用 Vue 开发页面。个人日常迭代更新该项目，主要负责流程节点的插件开发，如审批、会签、webhook节点等。 优化方面主要是流程画布上节点的加载、排布顺序、状态。由于流程画布的庞大首次进入会加载时间过长，这方面采用了节点只会在视口中显示才会进行渲染和整合部分接口统一成一个接口返回，加载时间从43s~1min 减少至30s左右

1.项目是企业资产管理系统，项目分为：资产采购管理，采购过程数据，资产到货，资产收货，资产调试，资产验收，验收冲销，资产问题清单，资产台账，运维资产台账，低值品台账，集团闲置资产清单，资产调拨，闲置封存启用，资产盘点，机修人员台账，设备运行记录，设备运行月报，易损件使用次数，故障记录登记，故障工单分派，故障工单实施，故障工单审核，故障记录登记，设备操作人员看板，保养实施计划，保养实施记录，保养实施验收，特殊工单，备件目录，物料分类，库存参数设置，备件需求提报，备件需求申请，备件领用申请，仓库目录，总账科目，采购组等模块 2.我封装了form表单公共组件，附件上传组件；公共选人组件，国际化功能开发支持英文和泰文； 3.我开发了资产收货管理，资产验收管理，保养实施计划，保养实施记录，保养实施计划和记录审核，故障记录登记，设备操作人员看板，易损件使用次数，仓库目录，总账科目，采购组，叉车运行里程时长报表，点击报表(月)模块

该项目旨在构建一个全面的志愿者服务平台，专注于解决老年人援助需求，通过PC端与H5移动端双渠道覆盖，确保广泛参与度与便捷性。平台核心功能丰富，不仅为管理员提供了活动创建与管理、系统配置优化及用户数据维护的全方位支持，还为志愿者及受助老人设计了个性化的个人中心，便于查看个人信息、参与记录及偏好设置。特色功能如活动申请流程简化，公益圈动态分享，以及便捷的问题反馈机制，均致力于提升用户体验，促进社区互动，共同营造一个温暖、高效、有爱的助老环境。

项目描述：这是给仲裁委和法院打造的一个线上办公系统, 包含几个子项目, 功能涵盖案件管理, 人员管理, 视频庭审, 办案系统等等. 前端框架使用的是vue. 1.微仲裁案件管理 提供给仲裁委工作人员使用的案件管理应用，包括立案，当事人的增删修改，证据材料的添加，案件状 态的管理，指定仲裁员等功能。 2.微仲裁线上庭审web端 线上视频庭审的pwa应用，视频的功能和常见的多方视频应用差不多，有一个类似主持人的有最高权限 的人员，可以对所有人进行踢出，禁麦，回避等操作。同时提供了实时语音转文字并生成字幕和庭审记 录的功能，还有实时添加证据材料等功能。使用了七牛云实时音视频，阿里云实时语音交互等第三方服 务完成。 3.线上庭审微信小程序 线上视频庭审应用的小程序端，功能与web端基本相同，但是没有主持人权限。 4.授权应用 一个类似谷歌二次验证的应用, 借用了谷歌二次验证的算法和方案, 在使用逻辑上稍有更改。提供给法 院办案系统，用来简化系统内不同部门，不同应用之间的登录。 5.文件模板h5应用 提供仲裁系统常用的文件模板，用户选择需要的模板，然后填写必要的数据，再用手机签名，签名可以 一

项目是一个可视化大屏的前端项目，实现了酷炫且充满科技感的大屏项目，遇到类似的可以直接套用 使用的技术栈包括，vue3/html/css3/vite/less等 后端的对接已经封装完成。简单修改后端API地址就可以与后端交互

一、项目介绍. 项目分为两个前端工程：演示系统和后台管理系统。 1.演示系统： a.演示系统主要是一个GIS平台，有如下一些功能：地图标绘功能，地理信息计算功能，录屏和截屏功能； b.降水、云雾、闪电和电离层天气要素产品展示； c.台风路线，卫星轨迹，二维差值对比填图； 2.后台管理系统： 仿真应用模型库管理、仿真资源库管理、仿真基础资料管理、用户管理、日志管理和作业区域管理; 二、职责 我作为前端工程师，负责这个项目两个工程全部的开发任务。

1. 在 ZA Tech 项目中优化产品营销域页面布局 2. 更新 js 文件为 ts 文件代码量减少40% 3. 模块化的开发提供更高的代码复用性，简洁且完整的开发出客户需要的功能。 4. 独立负责 TG 数据平台管理项目的前端部分，其中有多个类型的模块管理，如模版，导出版本，导入版本等等，该项目主要的目的是为了在多个环境和版本之间更新数据内容，方便内部人员更好的使用系统。

使用pnpm加monorepo架构搭建项目 基于 wujie 微前端框架搭建的项目 负责开发了消息模块，培训视频模块，业务申报模块 消息模块使用websocket 视频使用video 如有需要可以定制开发

项目角色 ：前端开发工程师 项目介绍 ：雅江能源安全生产管理系统是一个用于监控和管理能源生产过程中的安全问题的系统。项目中的模块包含 目 标职责 、安全风险管控、 教育培训、 制度化管理、 相关方管理 、 安全检测隐患排查 等功能，通过该系统帮助企业管理 者更好地监控和管理各项安全事宜，及时采取措施防止事故和提高安全性。 项目技术：  成功搭建了基于Vue3全家桶、TypeScript、ElementPlus、less等技术的系统，并负责多个模块的开发和优化。  封装了本地存储和axios请求，以及弹窗、表格等公共组件，优化了开发效率。  利用Canvas技术实现责任书的签订确认功能，提高系统的可靠性和安全性。  使用echarts技术成功实现了多个图表，包括柱状图、折线图、饼图、树形图等。  使用el-upload组件实现了文本图片的导入导出功能，并在前端实现了文件照片在线预览功能。  针对数据渲染较慢、白屏时间长的问题，采用了骨架屏技术，优化了页面性能和用户体验。

项目背景:随着社会的发展，二手车交易市场逐渐兴起，然而消费者对二手车的品质和价值的鉴定往往存在困难。为了帮助消费者更精准地对二手车进行鉴定评估，我们开发了一个专门的机动车鉴定评估系统。 项目目标:该系统旨在帮助用户通过输入车辆信息和进行相应的检测，对二手车进行评估，并给出专业的鉴定报告，帮助消费者做出更准确的购车决策， 项目职责:作为项目开发团队的一员，我负责整个前端的开发工作。我参与了需求分析、界面设计和前端开发的工作，并贡献了各种交互效果和用户友好的界面。同时，我也参与了系统测试和 bug 修复工作。 技术实现: 1、基于 Vue和 Element-Ul 对系统进行功能选代和开发，使用 vuex 共享数据状态，抽离组件实现复用; 2、二次封装 axios ，统一 api 请求，进行 token 失效处理、请求体和响应头处理规范化等; 3、vue.configjs 通过配置 proxy 代理，避免开发过程中的跨域问题: 4、基于 Element-Ul 封装资料上传组件，实现对比较大的视频文件上传功能。其中包括文件类型判新、文件大小判断，对于超过256M的大体积文件，使