React

低代码平台，可以快速搭建京东中台各页面，包含多种组件，依托于京东组件库，可以拖拽出各种样式的页面，并且可以联通数据和其他项目要求，极大减少了开发时间，做到了提效并且向外赋能的能力。 我在项目中主要参与组件接入低代码平台以及对于各组件在低代码平台的适配

项目描述：该项目是NFT平台的借贷官网，该项目的功能是介绍借贷平台。本项目用到很多的动画来构建网站。 项目技术：Next + React hook + tailwindcss + Redux + Typescript + Tailwindui + axios 项目职责： 1.负责参与前端页面开发，使用Tailwindui 更高效、完美的实现页面， 2.使用css3来完成页面繁杂的动画效果，使用css3的动画完成图片轮播，； 3.使用tailwindcss 来编写css样式； 4.使用axios进行网络请求，并实现了对网络请求部分的完全封装，使用请求拦截器阻止重复请求， 5.使用响应拦截器处理解构成功请求，优化返回格式，处理失败请求，优化全局错误捕获机制； 6.通过Redux 状态管理数据； 项目优化： 1. 优化代码，页面适配不同的浏览器，增加接口加载时的过场动画，提升用户体验； 2. 加入防抖、节流函数降低获取频繁，提高性能 ，通过路由加载等方式对项目进行优化； 3. 使用 useMemo、useCallback等优化减

项目类似三维 cad，前端 umijs，react-three-fiber，图元绘制捕捉，数据修改分析，线路算法等。后端 nodejs，docker 镜像部属。

客户管理系统帮助企业自动收集、记录、处理和分析客户反馈，以提升服务质量、维护客户关系并促进产品或服务的持续改进

项目描述：项目为杭州的国际音乐教育公司十万象限的官方网站开发，旨在为学生和家长提供全面的音乐留学 信息和服务，展示公司的教育理念和优势。作为前端开发人员，负责开发网站的前端界面和交互功能，以及与 后端团队的配合，并确保网站具有良好的用户体验和响应性。 项目技术：Next + React hook + Swiper+ Redux + Typescript + Tailwindui + Styled-Components 项目职责： 1.学习并理解公司的品牌形象和核心理念，根据需求进行前端设计和功能开发； 2.与设计团队密切合作，确保设计的网页界面符合公司形象和用户需求； 3.遵循响应式设计原则和用户界面最佳实践，确保网站在各种设备上呈现出良好的用户体验； 4.与后端团队协作，将前端页面与后端数据进行交互； 5.优化网站性能，确保网页加载速度和用户体验； 6.解决项目中遇到的前端问题和Bug； 7.参与团队协作，保证项目按时完成并上线。 项目成果： 开发并完成了十万象限官网，包括首页、音乐留学信息页面、师资团队介绍、学生案例展示等页面； 网站界面清晰、美观，用户体验良好； 网站具备响应式布

分散数据同屏汇聚，模板适配多样需求 数据实时刷新，业务变化一目了然 自定义布局，屏幕自适应，丰富组件样式 联动/下钻/跳转/轮播 等丰富交互体验

全国领先的智能税务平台，用于完成各大小企业的税务相关事务及智能报税预警 1. 前金蝶税务云前端负责人，主要负责基于金蝶云苍穹自研低代码平台构建税务云系统，统筹规划所有前端工作 2. 前端可视化且具有业务意义的组件通用控制层封装，后端java数据驱动插件编写 3. 性能调优

功能模块：产品通过高级图形呈现技术实现了城市交通网络的立体展示。功能模块包括实时交通流量监控、交通效率分析、路网状态动态显示、以及交通数据统计等。页面提供了多个实用工具和视图选项，如不同角度的城市视图、路况监控图、以及性能监控指标，这些都为城市交通规划和管理提供了宝贵支持。 我负责：可视化数据处理，前端页面开发，性能调优

「xx小工单」，一款轻便且实用的制造业数字化工具，为正在蓬勃发展的制造商铺设了通向数字化转型的快速通道。它轻量化的同时，打通了工厂内外数据的壁垒，实现了生产流程的透明化、任务的即时派遣、作业的规范化、工资的自动结算、库存记录的即时刷新以及外协进度的追踪等功能。此外，它还促进了车间与办公室、供应链各环节的协同工作，从而提升了工作效率、产品质量和灵活制造的能力。借助于「xx小工单」，制造商能够在起步阶段就体验到数字化带来的便利，迅速并灵活地应对不断变化的市场需求，逐步发展成为中国制造业的领跑者。

本系统是交通局对客车货车信息的整理，审核，证件下发功能。检测站人员使用winform项目进行车辆的信息上报。局里工作人员在b/s项目上进行车辆的审核，工作人员可以在燃油核查项目进行车辆资格证的打印。

基于 Spring Cloud 的分布式电商项目，该项目使用分库设计方案，不同的模块依赖不同的数据库实例。后台登陆采用 Oauth 2.0 授权，支持密码登陆、授权码登陆、短信验证码登陆、注册中心与配置中心已使用 alibaba naco。

项目描述：本项目属于后期维护项目，主要功能是查看并下载不同功能的中国、各国、世界的标准地图，用户可 进行注册，登录，查看或下载地图，绘制自定义地图等操作。 责任描述：我负责完成新增需求，导入今年新增的多张地图，增加相应的对应菜单，完善地图排序功能，增加多 个筛选条件，修复下载地图功能，修复发送邮件服务。

参与开发设计京东官方组件库JDesign，开发均是原创代码，分为React版本和Vue3版本，可以覆盖前端开发中约90%的场景，包括基础Button、Switch、Form等组件，还包括京东特有的杜邦分析图，指标公式卡，中台页面模版等组件，目前京东中台前端开发中，各团队对该组件库使用率已经达到约75%。 我在项目中主要参与一些组件和设计模式的开发，包括Table组件、Card组件、步骤条组件、中台页面模板组件、多种图表组件等等 项目是从0到1的过程，而且一个团队既要开发React版本也要开发Vue3版本，并且对标市面上开源组件库，在技术难点，用户体验，组件稳定性方面对于我都有比较大的挑战

木兰是 WeWork 中国内部的大型中台管理系统。涵盖了 100 多个子模块，核心模块包括空间管理、楼宇管理、会员管理、社区管理、财务管理、数据中心。该项目在 3 年多的时间里持续升级和迭代，优化和开发了各个核心模块。作为空间管理者，他可以管理会议室管理，会议室预订等，作为会员管理者，他可以增删改会员员工等功能。还有其他比如为社区人员提供的活动管理、WiFi 管理、空调管控等一系列功能。 期间，我主要接手并负责项目升级维护，包括资源构建升级优化，项目配置（如ESLint、Prettier、CommitLint）结合 lint-staged 做自动化处理等，引入 TypeScript 等，另外就是日常的功能开发和迭代。 主要的问题是该项目是长期运行项目，在新功能开发且不断迭代同时，又要保持项目稳定且可持续运行。所以需要对一些技术、组件库等做定期升级和处理，同时又要兼容老功能保持稳定。

本博客网站采用Docusaurus + react 搭建,从设计到开发到部署上线皆由我独立完成. 包括一些技术笔记、项目展示列表、以及博客等，一方面可以作为技术分享的地方，另一方面作为一个博客网站,让更多的人认识我所创立的connectx社区的存在.汇集更多的资源与机会.

提供多样化功能以增强用户的旅行体验。主要模块包括景区检索引导、详细地图与路线规划、景点推荐与时间表、以及智能语音问答服务。用户可以搜索特定景点，获取旅游路线，浏览景点介绍，查看预订信息，并与智能助手互动以获取帮助和建议。该小程序旨在提供一站式旅行规划解决方案。