TypeScript

技术栈：React + TypeScript + ReactRouter6 + Ant-design 该项目是一个类似于向日葵的远程控制平台的个人中心，项目的基础搭建、模块编写几乎由我独立完成，提供登录注册、账户中心、订单记录、远程记录等功能。 使用 styled-components 这种 css in js 的方案,更加高效地进行样式的管理和维护，减少了代码的冗余。 参与设计并实现了登录和注册页面，包括表单验证、错误提示、滑块验证、输入框自动聚焦等交互细节，提高了用户体验。 与后台开发紧密协作，制定和讨论了各个模块的API接口和数据交互逻辑，并编写和维护前端文档。 封装了一些公共方法，并用createContext、useContext 管理数据，提升了项目的开发效率和可维护性。

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

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

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

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

这是一款基于 Vue3 + TypeScript 的 UI 库，使用 Vite 搭建，涵盖了Button、Switch、 Dialog、Tabs 等常见 UI 组件。 使用了 setup、watchEffect、ref、computed 等 Composition API 模块化 的源代码简洁明了，易于阅读。 我还推出了官方文档，可在线查看示例代码，并支持PC 和手机 浏览。

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

1.在本案例中本人承担所有工作 2.使用的vue3+ts+element-plus 3.大数据可视化展示 4.内网项目不加图片 5.如果感兴趣多多关注 6.本人工作经验5年 7.如果需要可以联系 1.在本案例中本人承担所有工作 2.使用的vue3+ts+element-plus 3.大数据可视化展示 4.内网项目不加图片 5.如果感兴趣多多关注 6.本人工作经验5年 7.如果需要可以联系

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

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

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

一款中小企业B2B服务平台，致力于通过向品牌和制造商提供供应链解决方案来“简化全球贸易”, 前端用到了TS + React开发，使用了G6图可视化引擎，以及React Material-UI 组件库，后段用的是Spring boot全家桶， 作为全栈工程师负责完成前端和后端的功能需求，以及前端的架构设计和技术选型。

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

该项目是一款以展示云桌面服务为主要功能的官方网站，整个项目的基础架构由我搭建，使用React + Gatsby + Bootstrap4等技术栈，实现了一个高效、可维护、具有良好用户体验的官方网站。 在开发过程中，使用React + Gatsby的静态页面生成技术，加快页面加载速度，提高用户体验。 使用Bootstrap4框架，实现了可复用的组件和响应式设计。 使用Gatsby插件实现页面压缩和缓存等优化策略，提高了页面的性能和访问速度。 参与团队的Code Review和项目讨论会议，发现和解决问题，提出改进建议，确保项目按期完成。

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

浦东机场/迪士尼 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.水幕报钟器 提供给技师使用的显示排钟列表和所有技师状态的一

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

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

1.在本案例中本人承担所有工作 2.使用的vue3+ts+element-plus 3.大数据可视化展示 4.内网项目不加图片 5.如果感兴趣多多关注 6.本人工作经验5年 7.如果需要可以联系 1.在本案例中本人承担所有工作 2.使用的vue3+ts+element-plus 3.大数据可视化展示 4.内网项目不加图片 5.如果感兴趣多多关注 6.本人工作经验5年 7.如果需要可以联系