React

1. 2c 顾名思义是面向游客及平台用户的站点。其中涉及到的模块包括不仅限于 HomePage、PDP（Product Details Page）、PLP（Product List Page）、CLP（Category List Page）、Store、Gifs（礼品）、Promotion（促销）等。 2. 我的工作主要涉及到PLP（40%）、PDP（30%）、Store（20%）、CLP（10%）的占比，项目使用的是NextJs进行开发，针对不同模块下的TPS，采用了不同机制的服务端渲染方式（SSR、SSG），提升用户的访问速度，优化用户的加载体验。 3. 服务端渲染方案虽然好用，但是不同于静态部署的一面是，电商内容特别多，比较讲究更多细粒度的内容控制。在这里一方面要细粒度的控制客户端组件和服务端组件的渲染逻辑，另一方面又要把控好服务端NextJs提供的服务端组件与组件之间的逻辑交互（服务端渲染速度快的较大明显的点就是 需要利用各种各样的缓存机制做预缓存预渲染）。一方面要保证服务端组件的正常渲染，一方面又要保证业务代码的运转。

PEER是一个由德国慕尼黑工业大学开发的教育项目，旨在利用LLM（大语言模型）等最先进的NLP（自然语言处理）技术，帮助德国中小学生改进和优化他们的论文。

金融机构的服务管理后台。采用react redux umi antd nextjs echarts。 有全面的数据视图，漏洞等级等显示。 补丁 证书等完整后台系统。

TrendFlow 是一款强大的 web app 工具，它具备一项令人惊叹的功能。用户只需输入关键词，TrendFlow 便会迅速在各大论文平台上展开搜索，犹如一位敏锐的研究员，精确地筛选出与之相关的论文。然而，它的能力并非仅仅止于搜索，TrendFlow 还会对这些论文进行深入总结，提取出关键信息，就像是一位智慧的学者，将复杂的知识转化为简洁明了的精华。有了 TrendFlow，用户可以轻松获取所需论文的核心要点，大大提高了研究效率。

1. 2c 顾名思义是面向游客及平台用户的站点。其中涉及到的模块包括不仅限于 HomePage、PDP（Product Details Page）、PLP（Product List Page）、CLP（Category List Page）、Store、Gifs（礼品）、Promotion（促销）等。 2. 我的工作主要涉及到PLP（40%）、PDP（30%）、Store（20%）、CLP（10%）的占比，项目使用的是NextJs进行开发，针对不同模块下的TPS，采用了不同机制的服务端渲染方式（SSR、SSG），提升用户的访问速度，优化用户的加载体验。 3. 服务端渲染方案虽然好用，但是不同于静态部署的一面是，电商内容特别多，比较讲究更多细粒度的内容控制。在这里一方面要细粒度的控制客户端组件和服务端组件的渲染逻辑，另一方面又要把控好服务端NextJs提供的服务端组件与组件之间的逻辑交互（服务端渲染速度快的较大明显的点就是 需要利用各种各样的缓存机制做预缓存预渲染）。一方面要保证服务端组件的正常渲染，一方面又要保证业务代码的运转。

海参崴旅行攻略微信小程序，其中包含行程安排、准备信息等等，其中包含了关于微信小程序的UI设计，基于React的前端设计、登录页面以及其他信息~

1. 采用Vite作为构建工具，结合React框架和Typescript语言，确保了项目的稳定性和类型安全。同时，利用Material-UI、HTM L、CSS以及styled-components等技术，打造了丰富且响应式的用户界面。 2. 通过Axios的二次封装，简化了与后端服务器的数据交互过程，提高了请求效率和代码可维护性。此外，借助Websocket技 术，实现了与AI之间实时的文字聊天功能，进一步增强了用户的交互体验。 3. 利用react-markdown库，优雅地展示了大型模型返回的信息内容。同时，通过fingerprintjs2技术获取浏览器指纹，实现了对 未登录用户的友好服务体验。另外，还集成了react-google-recaptcha-v3，实现了无感知的人机验证机制，有效防范了恶意攻 击和机器人滥用。 4 .采用redux进行全局状态管理，确保了应用状态的一致性和可预测性，从而提高了整体的应用响应速度和可维护性。同时，利用 Material-UI的theme功能实现了昼夜模式切换，并对常用组件进行了精心封装，进一步提升了用户的操作便捷性和视觉享受 5. 后端系

项目背景：为商家开发一套商用的商城小程序以及管理后台 项目职责：作为项目 owner 从 0 到 1 参与选型，承担部分产品管理职责，对接需求开发。 使用微信开发者工具开发小程序并对接后台 使用Next.js+ React.js + Zustand + Material-UI+Tailwind css构建后台项目， 使用Node.js+MySQL作为后端框架开发API端点，将项目部署到阿里云服务器上 项目难点：引入 eslint+prettier+相关插件 统一代码风格及规范，提升代码可读性 采用图片懒加载、前端缓存，防抖节流等技术手段优化前端性能和用户体验减少服 务器请求、加快页面加载速度。 设计数据结构和hooks实现管理员可以准确灵活配置配色和尺寸以及价格 用Zustand实现状态监听实时传递和更新页面数据 通过下拉菜单、复选框、输入框等方式进行属性选择和关键字搜索快速定位 使用yup和异常捕获技术，确保前端上传数据格式和代码逻辑准确性； 使用JWT进行token的验证，以及bcrypt进行密码哈希处理做到后台安全 配置域名，https,七牛云服务器和阿里云服务器进行项目部署

1.项目分为供应商端和内部员工使用端 2.供应商端提供商户入驻，商户资质，商户物资提供，公告投标信息等查看 3.内部员工使用端提供 物资采购 招投标 中标流标备案 4.高速内部财务，oa，电商等相关系统对接

1. 项目是为某学校提供的美术教学辅助系统，可以根据中文提示词出各种绘画样稿，线稿，上色。支持多种画家的绘画风格，包括梵高、毕加索、高更、塞尚等。 实际使用大大提升了学校同学的绘画设计能力，在全国同类专业排名升至第一。 2. 我负责项目整体管理与设计，核心AI技术公关。出图使用了stable diffusion，controlnet，ipadapter等最新AI技术，后端测试了国内外多个GPU租用平台，最后选用了出图成本非常低技术方案。 3.出图对GPU使用的效率问题，高并发的GPU负载均衡等问题。通过算法和架构设计解决问题。出图专业性问题，通过训练基础模型，lora保证出图的质量，同时利用机器学习识别图像的质量，通过两种训练方式大大提高了出图的整体质量。

个人负责整个前端开发，包含页面展示及动画。页面逻辑编写，与后台接口调试等。 同时还负责了此项目的后端管理系统开发

负责95%的页面开发，大部分是独立开发，里面包括很多页面，具体可以去网站上查看，适配移动端 地址：https://kira-learning.com/

视觉中国官方网站，创意图片、编辑图片、创意视频、编辑视频、音乐、字体；由多个子项目集成， 使用 React 全家桶、antd、material-ui、GraphQL、Node.js 等技术

1.项目分为客户端和管理端,客户端对外。 2.管理端管理用户使用，提供后台数据查看，设定模型api等功能。 3.客户端可以登录后使用相应功能，基于多模型的问答，绘图，音乐制作，查看使用记录等功能。 4.支持市面上大部分的模型。

1. 负责抖音Web顶侧导航开发：客户端引流 LT+0.38%，下载量相对提升+11%，客户端安装启动uv+0.3%；侧导航访登 uv+27.4%, lt+0.1% 2. 抖音web中长视频章节开发，完播率+0.2%，playtime+0.06%, 章节1min+vv占比1%->1.5%，垂类万粉使用率1.6% 3. 抖音PC活动开发支持：春节活动放映厅开发，ST+1.173%，放映厅访问渗透+173%（2%-5.6%），ST+1.32% 4. 负责抖音Web站 SEO 工作：404死链每日提交20万+、url indexing 每日推送 20 万，全站 SEO基础优化、开发 SEO 落地页、 SEO 聚合页开发 5. 抖音Web站后端业务开发：首页改版，访问次留+1.14%，人均播放时长+4.81%；追更功能，全局人均vv+0.77%，播放渗透 +45.19%，人均追更vv+52.57%，追更播放时长+33.27；feed流抖音PC客户端壁纸引流，LT+0.04%，人均vv+0.45，客户端下载 +665uv/天 6. 抖音PC安全风控：接入零信任方案治理盗号；重点场景接入二次

1.标准的中后台网站应用，包含常见的登录、列表展示、表单提交、搜索、个人工作台、监控大屏，数据分析、数据详情展示等。 2.前端框架react，umi脚手架，axios作为http请求库，后端python + flask，数据库采用mongodb

整站开发： 1. 技术栈：React+Scss+Astro 2. 网站框架搭建 3. 主页设计、UI主题设置、顶导航实现、mdx富文本样式自定义、文章目录模块、章节目录模块、深浅色实现等

1. 负责抖音Web顶侧导航开发：客户端引流 LT+0.38%，下载量相对提升+11%，客户端安装启动uv+0.3%；侧导航访登 uv+27.4%, lt+0.1% 2. 抖音web中长视频章节开发，完播率+0.2%，playtime+0.06%, 章节1min+vv占比1%->1.5%，垂类万粉使用率1.6% 3. 抖音PC活动开发支持：春节活动放映厅开发，ST+1.173%，放映厅访问渗透+173%（2%-5.6%），ST+1.32% 4. 负责抖音Web站 SEO 工作：404死链每日提交20万+、url indexing 每日推送 20 万，全站 SEO基础优化、开发 SEO 落地页、 SEO 聚合页开发 5. 抖音Web站后端业务开发：首页改版，访问次留+1.14%，人均播放时长+4.81%；追更功能，全局人均vv+0.77%，播放渗透 +45.19%，人均追更vv+52.57%，追更播放时长+33.27；feed流抖音PC客户端壁纸引流，LT+0.04%，人均vv+0.45，客户端下载 +665uv/天 6. 抖音PC安全风控：接入零信任方案治理盗号；重点场景接入二次

项目介绍： 智慧供水超表平台是使用React框架开发的，在PC端使用的自来水超表管理系统，主要服务于小区居民的，用来查看日常的用水量，通过数采仪、无线网络、水质水压表等在线监测设备实时感知供水系统的运行状态，并采用可视化的方式有机整合水务管理部门，形成“小区水务物联网”，对水务信息进行及时分析与处理，以更加精细和动态的方式管理水务系统的整个生产、管理和服务流程，从而达到“智慧”的状态。目前该项目在上海市宝山区宝山十村社区投入使用。 项目职责： 1)完成用户的登录模块和用户名展示，完成设备详情模块的搭建,根据用户名、地址或者户号实现模糊查询，完成报警文件的导出 2)根据项目需求及时沟通后端人员调整接口 3)从技术上分析页面效果实现的难度，与设计人员沟通 技术要点： 1)使用高德API完成地图页面的搭建，通过经度纬度来对使用位置进行标注，通过“地理/逆地理编码”来实现设备的定位，获取使用详情 2)获取用水量数据来渲染列表页时，对axios二次封装，减少不必要的数据接收和页面渲染 3)登录时通过规则校验来提醒用户输入不合法，登录后对token进行存储，方便之后验证登录的状态 4)通过forE

技术栈：react+nextjs+tailwindcss 具备较好的适应性和审美风格 使用前端缓存和web和react性能提升手段优化前端性能， 优化用户体验，解决三方平台的硬性时间造成的较差体验问题，完成支付流程时间从9秒到2秒左右的提升