react

工作内容 1.React + Ant-desgin Web页面的开发及bug修复； 2.使用 Dva 状态管理工具处理组件间通信和请求接口数据等工作，使得数据的存储和获取更加方便； 3.对于返回数据量达到3w+的情况，采用后端分页处理，减少页面重绘和回流，优化网站性能； 4.Nest.js+ MongoDB进行后端接口开发，并使用Redis缓存来优化访问MongoDB数据库的性能，从而避免大量数据查询导致的卡顿问题，提升了网站的性能; 5.通过Nest.js的中间件对上传文件请求进行拦截，判断文件MD5是否被修改及文件类型是否合理，为服务器数据的完整性和安全性提供保障； 7.数据前端下载报告功能改为后端下载功能，防止前端数据操作导致下载数据缺失，保证数据的完整性； 8.对页面进行国际化翻译和自适应处理，提升用户体验和网站可访问性。

闪送凭借一对一急送的效率优势，积累了庞大的用户体量和行业口碑，成为1小时同城即时递送行业代名词。、 工作内容： 1. 开发框架： react，dva, mobx 2. 闪送员 H5 功能迭代 3. 开发闪送员组件库 4. react， webpack 版本升级 5. 抽离 webpack

分类功能，叠代，分页，表格，搜索，表单，加路由，单选框，多选框，日期选择器，树形控件等等，进行状态的管理以及数据的，配合后端人员进行接口，及功能调试完成页面渲染，筛选功能，搜索功能，同时实现各个模块之间的交互、组件的按需加载，Axios进行数据请求并进行请求拦截、响应拦截;，常用插件

某心理学相关小程序和h5应用, 使用react相关技术栈开发，主要模块包含首页、个人中心、测量表单、视频课程、冥想、文章阅读等等功能。h5应用，有小程序版本。

项目简介：基于vue3框架的一个电商PC端项目 职责描述：主要负责首页、商品搜索页、商品详情页、购物车、个人中心页的静态搭建，以及相关的交互功能，如：商品搜索、排序功能，添加、删除购物车商品功能，收货地址管理等功能。 项目技术点： 1、使用swiper 5 封装首页轮播图公共组件，在首页等多个组件中复用； 2、封装TypeNav分类导航组件，并且通过监视route对象的path属性，控制分类导航组件在不同页面中的显示效果； 3、引用lodash包，调用throttle节流函数，解决鼠标快速移入分类标签时的，标签高亮的卡顿问题； 4、使用事件委托编程技巧，对分类导航标签的点击事件进行优化，减少不必要的内存消耗； 5、二次封装vue-router编程式导航的push、replace方法，解决前端路由跳转时，跳转路径冗余导致的控制台报错问题； 6、使用import函数实现路由组件懒加载，提升项目首次渲染效率； 7、使用element-plus组件库的image组件，通过标签属性lazy，实现图片懒加载； 8、首页跳转到商品搜索页时，使用query路径传参方式，将搜索关键字传递到search组

睿蓝汽车的内嵌h5移动端，使用rn加原生js进行开发 独立完成相关需求及四次迭代，与app端协作设计内嵌的安全方案(相对应的b端也进行过迭代)

该项目主要是为了解决北化集团公司数据中心项目开发的一个插件平台，北化集团公司数据中心项目是一个数据展示平台。北化集团的领导可以实时看到管辖的业务情况，不同的领导看到的大屏不一样。北化集团下属100多家公司，每个子公司的领导看到的页面又不一样。若为每个部门，公司，领导开发不同的页面来做不现实，即使做出来了。后期也很难维护，只有做成可配置的，后期才能应对各种需求。 在此情况下，公司让我开发一个大屏设计平台,所见即所得，通过拓展可视化的配置，配置不同的内容组件，如echart图表，表格，轮播，标题，滚动等。再结合后台接口返回动态json数据，展示不同效果大屏页面，再通过相应的权限控制展示给个人。 整个大屏设计系统是我主导完成的，前段开发我采用了react集成Ant Design进行开发。后台用的是springboot+mybatisplus+mysql的做大屏配置存储和后台管理。该插件处了应用于北化集团公司数据中心项目外，还有再其它类大屏项目中使用，一处开发多出使用。

1.结合后端数据做一些页面方面的增删改查等功能 2.表格可进行拖拽，多选删除 3.支持上传csv文件渲染表格 4.技术栈采用react+ts+Ant Design

项目简介：基于vue2框架的一个进销存系统后台管理PC端项目。 职责描述：主要负责账户基础资料管理模块，采购、销售、入库等业务模块功能开发，公共组件、方法封装。 项目技术点： 1、根据用户账号权限，实现路由级、功能级的权限控制； 2、使用vuex存储库，缓存公共状态数据，例如类别列表等； 3、添加商品属性时，结合nextTick实现属性信息编辑和显示模式的切换； 4、使用computed，计算添加商品时可选的属性分类，引导用户完成商品属性添加； 5、用户登录时，使用localStorage以及vuex存储用户token信息； 6、使用watch监视table选项的变化，实现table的row联动计算功能等； 7、使用validator自定义表单校验规则，拦截用户在未正确填写信息场景下的提交请求； 8、使用keep-alive组件缓存用户注册表单数据，防止用户意外切换页面时，已填写的数据丢失，提升用户体验； 9、二次封装axios请求库，设置请求超时时间，添加请求动画，统一处理响应错误等； 10、使用echarts实现首页可视化等；

1. 项目技术栈： Antd + React + TypeScript 2. 实现功能：商品列表 + 商品新增 + 商品编辑 3. 主要难点： 商品规格新增/创建 4. 服务端数据库设计 商品相关接口实现

项目描述: 项目是基于广东溢达热电厂，针对工厂的设备，进行检测，管理，进行优化的一套管理系统 项目职责: • 参与开发（全网监控、主操辅助、用户分布和参数设置等）四个模块的功能开发。 • 配合测试,修改并调试项目开发过程中出现的bug。 • 协同DT同事，针对溢达现场进行部署工作。 技术描述: • 整个项目基于umi v2.0(React)版本进行搭建。 • 整个管理系统使用的是AntD UI组件库 、以及自行封装的可复用的组件(构建页面组件) • 使用bizcharts组件库、作为对设备数据的展示组件。 • lodash和momentjs用作处理获取到的数据。 • 发送Ajax请求用到了Axios的npm包(用于异步的获取后台的数据，减少不必要的页面跳动)。

独立负责官网的从0-1开发，完美解决手机和电脑的适配，独立完成项目框架的搭建，配置好路由，封装好网络请求，整体布局等，为后面的开发和维护打下良好基础 主要技术：框架使用react18.2.0，组件库使用antd和antd-mobile，css预解析使用 scss Layout布局使用自己编写的布局组件，网络请求使用umi-request实现，路由使用react-router-dom6.0版本实现，状态管理使用redux实现，代码管理gitlab，时间处理使用momentjs，数据处理使用lodashjs，使用rem适配不同屏幕和手机

项目职责： 1、 使用Ant Design实现各种页面布局； 2、 负责通过echarts，对各地区产业基地分布以及风险等级等数据可视化处理； 3、通过axios发送请求进行数据交互，对生产基地、病虫害监测等页面进行渲染； 4、通过Antd日历中dateFullCellRender方法对日历进行编写自定义样式，根据农作物的生育期情况对日历的单元格进行不同颜色的渲染; 5、通过请求geojson数据渲染到gis地图以 Marker的方式来展示山西省各地区农作物基地种类分布情况； 6、编写ConnectProvider高级组件，接收fetch、params、children三个属性，分别为请求接口的方式和参数还有高级组件中显示的子节点。可以减少代码冗余，提升代码可读性，提升性能

项目简介：本项目主要是仿某租房平台，整体上采用前后端分离的开发模式，主要实现了地图找房、列表找房、房屋详情、发布房源，房屋收藏，城市选择、个人中心等功能。 项目职责： 1. 采用 React-hooks+Antd-mobile 进行前端页面的构建，并引入百度地图 API 来实现地图找房 2. 使用 React-router-dom 来分配路由和路由跳转，并封装 AuthRoute 来实现路由守卫功能 3. 采用 Axios 来与后端进行数据交互，axios 拦截器来实现登录访问控制 4. 使用 React-virtualized 来进行长列表的渲染 5. 后端采用 koa 搭建服务器，为前端提供房源数据 技术栈：React，React-hooks，React-router-dom，Antd-mobile，Axios，React-virtualized、props-types、koa

项目描述: 项目该项目主要是服务于采购商帮助采购商更加专注的寻找合适的供应商，集成采购，供应于一体的一个管理平台，主要分为商城、订单、物流、协议、询报价以及供应商等几大模块。 项目职责: • 参与开发（现场考察管理、考评档案管理、送样管理和供货能力分类等）四个模块的功能开发。 • 配合测试,修改并调试项目开发过程和已发布到生产环境现场中出现的bug。 • 协同后端同事，进行联调，接取后端数据进行展示。 技术描述: • 项目架构基于微前端框架Qiankun进行搭建拆分了标准模块以及二开模块。 • 整个管理系统使用的是Choerodon UI、Hzero UI、以及自行封装的可复用的组件(构建页面组件)。 • 发送Ajax请求用到了request的npm包(用于异步的获取后台的数据，减少不必要的页面跳动)。

考核通过字节跳动青训营与优质小伙伴们一同开发的仿掘金官网; 项目基于Next.js + Nest.js + Mysql(Typeorm) 搭建的 前后端分离的SSR 的博客系统，并且进行了性能优化，加快首屏渲染速度，获得考官们一致好评。 后端基建，对官网的业务逻辑，API文档； 文章列表实现懒加载； base64渲染图片，但是因为性能问题，最后选择做一个图床来保存图片文件，同时加入了格式化成 webp图像功能，进一步优化用户上传的图片体积。

1.项目主要分为司机端和磅房端，司机在刷脸之后，所属车辆获得一个排队号，进入排队的队列，磅房端可以修改排队的顺序，或者取消排队，还可以统计车辆排队情况；司机端主要就是一个查看功能，在轮到该司机接货的时候有语音提醒和LED屏幕展示 2.项目后端主要采用ASP.Net MVC编写，前端采用react，数据库用的sqlserver，对接了刷卡机、打印机和LED等硬件，除了项目原型其他代码都是本人亲自编写

项目描述: 基于react+MySQL+Next.js实现对不同用户分配权限的管理平台 1. 更改页面错误边界出现的bug 2. 用户体验方面(实现图片点击放大,居中问题，样式溢出，纯数字无法换行等) 3. 添加接口鉴权和前端页面权限

项目概述：该项目是一个货物运输管理的后台管理系统，主要是为了劳资纠纷预防、员工培训、车辆管理、安全标准化、业务管理，专注于协助运输企业将安全管理，及时发现管理缺失与安全隐患，便捷高效地落实安全管理主体责任。 技术栈：React+React-Redux++umi+AntDesign+Less。 我的职责： 1.根据 ui 图使用 React.js+Less 一比一还原页面，搭建好静态页面。 2. 使用 react.js 实现 controlle 页面交互。 3. 充分理解项目需求，根据 React 生命周期、父子组件通信，兄弟组件通信,React-Redux 实现对应功能。 4. 使用 umi.js 进行网络请求，及 JSONP 跨域请求，完成前后端连调。 5. 使用 localStorage 缓存角色信息，实现自动登录。 6. 实现基于 antDesign的 proTable 的二次封装，提高组件复用性优化前端性能。 7. 测试功能完整性，修改校验 bug。

该系统主要实现了为编程爱好者们定制的三款基建工具，提供便捷，实用的学习环境，集成机器学习 PAI DSW，为用户提供完备的 IDE 以及丰富的计算资源。主要负责前端整体开发，对接后端接口，开发项文档。使用技术：react-dva、antd、fetch、react-i18n 等