React

1.对项目进行安全加密，登录进行了RSA加密 2.重构wap站购物车、登录、填写订单等页面 3.领券等功能增加了滑块防人机校验，提高应用的安全性

本项目基于React开发 主要技术栈使用 React + Redux + Ant Design； 1、本人主要负责该项目所有功能的编写； 1、产品功能涉及到用户的胎监，血糖，异常提醒、健康报告等等健康监测功能，IM部分涉及到用户与医生的聊天，群聊,用户订单、下单等服务功能。

该云平台以虚拟化产品及其虚拟化服务为中心，主要运用了react，antd，iconfont实现平台的交互和设计。 项目为一个前后端分离的后台管理的SPA，包括前端PC应用和后端应用 包括虚拟化产品、用户管理、角色管理、系统管理等功能模块 前端：使用React全家桶+Antd+ES6+Webpack等技术 采用模块化、组件化、工程化的模块开发

1、某金融机构的WEB客户端托管网银应用及各种衍生子应用。 2、负责架构设计、框架搭建整合，交互复杂基础组件封装等；采用微前端架构，网银作为主应用，其余相关衍生应用为子应用，无缝自由切换，主子应用多个项目不同项目团队开发维护，自由搭配运行时耦合，提高开发效率，降低维护成本。 3、微前端的架构设计，webpack+qiankun+typescript+vue/react的微前端开发工程搭建框架整合,封装友相关辅助支持依赖插件。

本系统是机遇目前最新的语言来开发并且实现了云部署，因此能实现更强大的功能。对于客户使用性便捷容易操作是我们的亮点。舍去了以往以表格为主的信息录入方式，搭配硬件后能更简化工作量提升员工的效率，并简化了部门之间的沟通成本。通过更符合逻辑的仓储管理及进出库的方案，降低对于原料的损耗率。综上所述最终达到了降本增效的效果为企业开源节流。

该平台围绕 NFT 衍生为目的，有很多子平台： 1. pd1-(https://www.pd-1st.com/) 2. wings-(https://wings.capsid.one/) 3. nft-(https://nfr.capsid.one/) 该平台前端核心技术栈：reactjs+nextjs+ethers.js+metamask

1.主要功能：业务类型菜单、统计类型菜单、用户管理类型菜单、试验数据类型菜单、权限分配类型菜单、系统管理类型菜单等。 2.主要负责：所有的业务模块均有涉及，使用react技术栈，html5、JavaScript、css3等语言。该系统为商户系统，TO B端，满足商户对用户的管理、数据的分析、商户内部人员的部门协作等业务功能使得对整个业务进行高效管理分析及后续拓展。 3.涉及一些自开发组件，涉及具体业务时，框架内的组件不能满足需求时，自行开发完成，解决问题。 视频功能涉及实时性以及流畅性，项目中解决。 图表的展示排版，配合业务做最优适配，要考虑动态数据及数据量，保证展示及加载数据的流畅。

哆.生活APP：好好记录、认真生活、不枉这一天的美好( •̀ ω •́ )y~ 介绍：一款记录生活待办、待办提醒、番茄时钟、阅读记录等功能的APP，旨在帮助自己更好生活！ 技术栈：react native + expo + sqlite 主要功能：待办、笔记、工具箱、待办计时、待办提醒、消息提醒、待办完成情况统计、阅读统计、大事件记录等功能 体验链接：https://cowtransfer.com/s/481dff40bd7d48 点击链接查看 [ duo-dian-life@v1.0.4.apk ] ，或访问奶牛快传 cowtransfer.com 输入传输口令 tqywqg 查看；

个人管理后台项目，antdesign-ts架构，普遍适用于管理后台数据 自定义参数编辑器，修改系统参数无需开发人员 echarts提供数据报表分析 用户权限管理，赋予用户接口级的权限

网关控制台，分为用户模块、功能模块、监控模块 整个项目由我独立完成，使用angular框架，ui库为antd，监控模块引入echartsjs，其中项目引入的动态表单渲染方案formily2

1、熟练使用 react 和 vue 常用的前端 UI 库 ant-design、antd-mobile、chatUI、Vant、Element-UI等 进行开发; 2、熟练使用 Dva.js 和 Jotai 进行状态管理以及模块化开发; 2、熟练掌握 flex 布局、rem 布局、grid 布局以及使用 less/scss 预编译语言进行开发; 3、熟练使用react框架,了解 mvc 原理,具备 react 开发的实战能力,能够熟练的配合 antd和antd-mobile, chatUI, G2 等组件库的使用. 并且具备项目优化、组件封装的能力; 4、熟练使用 class 类组件开发和 hooks 进行开发，具备使用 useState、useEffect、useMemo、useRef、 useCallback 的能力; 5、熟练使用 vue2 框架,了解 mvvm的原理，熟练的配合 ElementUI和 vant等组件库的使用;掌握ajax、 fetch、axios 前后端数据通信; 6、熟悉浏览器渲染机制，了解 JS 事件循环机制,以及HTTP 网络等相关优化手段熟悉Proxy

1. 复杂的React前端 2. 充分使用WebRTC, WebWorker, WebAssembly, Chrome Extension等最新前端技术 3. 后台用FFMPEG编码 4. Java/Springboot + mysql 用于登陆验证等常规模块 5. InfluxDB 时序型数据库用于监控

1、熟练使用 react 和 vue 常用的前端 UI 库 ant-design、antd-mobile、chatUI、Vant、Element-UI等 进行开发; 2、熟练使用 Dva.js 和 Jotai 进行状态管理以及模块化开发; 2、熟练掌握 flex 布局、rem 布局、grid 布局以及使用 less/scss 预编译语言进行开发; 3、熟练使用react框架,了解 mvc 原理,具备 react 开发的实战能力,能够熟练的配合 antd和antd-mobile, chatUI, G2 等组件库的使用. 并且具备项目优化、组件封装的能力; 4、熟练使用 class 类组件开发和 hooks 进行开发，具备使用 useState、useEffect、useMemo、useRef、 useCallback 的能力; 5、熟练使用 vue2 框架,了解 mvvm的原理，熟练的配合 ElementUI和 vant等组件库的使用;掌握ajax、 fetch、axios 前后端数据通信; 6、熟悉浏览器渲染机制，了解 JS 事件循环机制,以及HTTP 网络等相关优化手段熟悉Proxy

数据传输服务(Data Transmission Service)是一种集数据迁移、数据同步及数据订阅于一体的数据传输服务。 项目主体分为数据迁移、数据同步、数据订阅等模块，支持关系型数据库、非关系型数据库、数据多维分析。用户可以在云上对数据进行端对端的迁移与同步，常用于迁移数据库、异地灾备等。 根据用户体验负责前端优化，例：优化各页面加载、封装公共业务代码、优化或重新封装组件等。定义规范，开发与其它系统之间的交互、引导功能，根据业务提取设计、接口文档并分享，负责公有云新加入数据库对应的链路及新功能的前端开发，及负责私有云部分版本功能添加、修复系统运行过程中产生的各类问题。重构。 使用console框架(angular)，xconsole框架(react)

本项目为Shopify的数据追踪平台，整合各大商店聚合数据，方便客户整理相关内容； 项目技术栈使用 Nextjs + Recoil + Material-UI + Tailwind CSS; 1、本人主要负责项目的底层搭建与主题架构，项目采用Nextjs的服务端渲染来处理页面数据，部分数据页面使用到ISR增量渲染与SSR实时渲染来呈现； 2、也会处理一些页面中的多图标渲染，数据的处理方式与性能优化等等；

1. 给码云负责人提出前后端分离的提议。 2. 前期培训，为码云方面提供的前端开发人员进行React的基础培训。 3. 为React开发，选定各种基础库（确定基础开发环境，定制 webpack 环境），选定CSS UI框架，并根据码云原版企业版的样式定制一套基础 CSS。 4. 开发大量的底层组件，负责部分功能开发 5. 帮助解决其他前端成员开发中的问题。 6. 优化既有功能、样式，UI体验优化等。 具体访问码云 Gitee 企业版可查看具体功能。

该小程序为码云（深圳市奥思网络科技有限公司）企业版功能的小程序实现。可在微信搜索 “Gitee 企业版” 找到。为码云官方授权认证的小程序。 该小程序实现码云企业版的主要功能（适合在移动端操作的），包括任务、仓库代码查看、仓库报表统计、PR评审管理等。该小程序支持多套主题换肤。 该小程序由本人开发全部功能。

1、项目介绍：某运营商政企系统是面向全省的政企客户经理使用的内部系统，提供政企业务受理、订单、合同、开通等全套政企业务办理的系统。 2、我的职责：部分后端接口研发，单点登录研发，系统功能设计，项目管理

1.根据不同角色不同权限展示不同的后台管理系统菜单。其中包括业务类型菜单、流程类型菜单、展示查询类型菜单、权限分配类型菜单、角色分配类型菜单、统计类型菜单、视频监控菜单等。 2.react技术栈、涉及html5、javascript、css3语言（说明：不借助框架，原生的前端开发也能实现，新语言特性中的video、canvas、svg等也为常用）。 vue技术栈开发其他项目也有涉及。 使用的主要插件e-charts、three.js等 3.矢量图的绘制需要一定的计算能力，需要一定的计算能力和耐心去完成。 业务流程复杂时，在开始码代码之前就要分析抽离以达到较优解法以满足需求以及考虑后期是否有扩展。 善于抽离公用组件，提高开发效率。 页面适配，考虑多方设备，尽可能的自适应，必要时结合响应式布局。

工作案例整理： 项目名称：宽带/手机套餐销售及渠道商管理平台 项目概述 本项目自主搭建了一套功能完善的宽带/手机套餐销售及渠道商管理平台，实现了套餐管理、用户管理、商户管理、业务办理、渠道商推广等功能，满足电信运营商对业务管理和渠道商管理的需求。 项目亮点 支持多种套餐管理，满足不同用户的多样化需求。 提供便捷的用户注册和登录方式，提升用户体验。 赋予渠道商推广功能，助力业务增长。 采用现代化技术栈，确保平台稳定性和扩展性。 我的职责 负责项目全流程开发，包括后端和小程序端。 设计并搭建系统架构，优化数据库性能。 开发API接口，对接微信小程序。 技术栈 后端：PHP、Laravel 数据库：PostgreSQL 小程序端：Taro、React、RxJs 项目难点 对接微信小程序，实现扫码注册登录和页面跳转。 后端生成二维码和推广海报。 优化系统性能，满足高并发用户需求。 项目成果 成功搭建宽带/手机套餐销售及渠道商管理平台，拥有1万多个注册用户和几百个渠道商。 平台运行稳定，用户体验良好，渠道商满意度高。 提高了业务办理效率，降低了运营成本，助力业务增长。 项目展望 基于平台数据进