关于我
技术深度
拥有7年一线大厂开发经验，精通React技术生态，主导开发多个高DAU项目
工程实践
独立建设前端公共架构体系，支撑100+项目标准化开发，降低项目构建成本/p>
创新落地
70+技术专利发明人，涵盖前端工程化多个领域，技术方案被50+项目复用
技术影响
开源项目400+Star，个人博客全网8w+读者，发表文章全网200w+阅读量
跨界探索
深耕AIGC多个领域，推动AI技术在前端工程链路中落地
教育背景
广东医科大学
医学信息 | 本科
成绩
- 以本专业总成绩第5名毕业
- 荣获优秀毕业生称号
- 连续四年荣获学校奖学金
- 连续四年荣获优秀学生会干部称号
工作经验
网易
互动娱乐事业群 | 前端开发工程师
负责项目
网易NGP（游戏海外社区，服务于荒野行动、第五人格、明日之后等热门自研游戏）
网易Battle（游戏赛事平台，服务于梦幻西游、蛋仔派对、永劫无间等热门自研游戏）
网易EaseBar（网吧特权平台，服务于梦幻西游、永劫无间、逆水寒等热门自研游戏）
网易微端（Web端云游戏，服务于梦幻西游、永劫无间、逆水寒等热门自研游戏）
暴雪游戏《炉石传说》《暗黑破坏神》相关业务
游戏内容AI生成平台
组内前端公共架构
岗位职责
技术架构设计：独立建设前端公共架构体系，制定多项开发标准，推动React+TypeScript全量落地
核心业务开发：负责高可用架构、高复用模块的技术评估、底层设计、主导开发和功能维护
团队对接协作：与产品、设计、后端、测试、运营等团队对接，统筹技术方案评审、项目风险评估等策略
团队内部管理：负责前端校招社招面试，主导组内前端新人的培养指导、项目适应和代码审查
工作业绩
技术价值
- 推动团队全面拥抱React+TypeScript，解决老旧项目历史遗留问题
- 输出70+技术专利，连续四年获得部门技术专利输出第1名，获得1次网易卓越创新奖
- 独立建设的前端公共架构体系支撑100+项目标准化开发，研发效率提升40%，构建耗时降低60%
业务价值
- NGP项目累积500w+海外用户，DAU突破50w，举办30+场活动，总营收突破1000w
- Battle项目支撑1000+场官方赛事，DAU突破10w，累计节省运营成本800w
- EaseBar项目部署全国2w+家网吧，DAU突破100w，月均营收数百万
- 微端项目支持10+款自研游戏云体验，DAU突破50w，月均营收数百万
团队贡献
- 培养10+前端新人，个人近3年绩效为1次B+与5次A（提供OA截图）
- 个人开源项目Bruce FEES被多家公司技术团队借鉴
项目经验
2023.05 ~ 至今
游戏内容AI生成平台
项目负责人
项目背景
面向网易游戏内容创作团队，构建一站式AI内容生成平台，整合多种AIGC技术，包括文本生成、图像生成、音频合成等功能，提供统一的Web操作界面，助力游戏美术、策划、运营等团队提升内容创作效率，降低游戏资源制作成本
技术方案
架构设计
- 基于React+TypeScript构建Web应用，同时分割代码实现应用功能按需加载
- 设计AI模型调用抽象层，统一封装多种AI模型API，实现统一的调用接口
- 构建AI资源管理调用层，支持AI生成内容的版本管理、权限控制、资源复用等功能
- 实现多端适配方案，提供网站应用与桌面应用，满足不同场景中的创作需求
核心功能
- AI文本生成：封装LLM能力，支持游戏剧情、任务描述、NPC对话等内容创作
- AI图像创作：集成IGM能力，支持游戏角色、游戏场景、游戏道具等素材创作
- AI内容优化：支持已有内容的智能优化、风格转换、本地翻译等功能
- 工作流集成：与现有游戏开发工作流无缝对接，支持一键导入游戏资源
业务成果
- 效率提升：游戏内容创作效率提升80%，美术资源生产周期缩短80%
- 成本降低：游戏资源制作成本降低50%，节省外包费用超过1000万
- 质量提升：AI辅助创作内容质量显著提升，内部交付满意度提升50%
2022.11 ~ 至今
网易NGP
前端
项目背景
面向网易游戏海外用户，打造一站式多语环境的游戏社区平台，为热门自研游戏提供社区运营、内容创作、商品交易等服务，通过社区驱动内容增长，提升用户粘性与商业转化，助力游戏出海业务发展
技术方案
架构设计
- 基于React+TypeScript构建模块化的网站应用，采用插件机制实现业务功能解耦，支持活动模块热插拔
- 设计多国语言自适应方案，支持10+语种动态无感知切换，基于语言特性自动调整网页的布局排版
- 设计性能优化方案，基于代码分割、资源加载、请求合并等策略，将首屏加载时间控制在2秒以内
- 搭建埋点分析平台，基于用户行为数据驱动产品迭代，实现精准化运营策略
核心功能
- 社区运营：设计动态内容流与个性化推荐系统，支持UGC的创作与互动，实现社区内容快速迭代
- 活动系统：基于插件机制开发独立的活动模块，支持多种类型活动，实现活动配置化管理
- 多语适配：支持中日韩英法德西葡意阿等多国语言环境，实现RTL布局自适应
业务成果
- 用户增长：累积500w+海外用户，DAU稳定在30~50w，用户次月留存率提升40%
- 活动转化：每月举办1~3场社区活动，活动期间DAU提升50%，用户充值转化率提升30%
- 技术创新：产出10份技术专利，涵盖前端工程化多个领域
2021.06 ~ 至今
网易Battle
前端
项目背景
面向网易自研游戏，打造一站式网易游戏电竞赛事平台，提供赛事创建、编排、预览、报名等全流程服务，支持官方赛事、授权赛事和自办赛事的快速办赛，同时为玩家提供完善的赛事体验，助力玩家能够以更低的成本、更高的效率参与赛事
技术方案
架构设计
- 基于React+TypeScript构建模块化的网站应用，抛弃复杂繁琐的Class组件，全面拥抱Function组件
- 构建组件资产库，基于Rollup封装25个通用组件（基础/表单/向导/反馈等），实现组件化开发
- 尝新状态管理库，基于Recoil设计状态分层策略（全局/视图/组件等），实现状态单一化管理
- 设计动态代码分割方案，以视图或流程为单位分割代码块，实现路由按需加载，优化加载性能
核心功能
- 状态管理系统：基于Recoil封装状态管理层，支持分页加载、滚动加载、局部更新、增量更新等功能
- 图标处理方案：独创CssIcon技术方案，基于背景遮罩与文件系统动态生成可着色可缩放的字体图标
- 表单验证体系：设计统一的表单校验规则，采用队列动态检验方式处理表单校验逻辑
- 工程体系配置：使用工程化手段在编译阶段预设主题颜色、多国语言、埋点接入等功能
业务成果
- 用户增长：上线1个月，DAU突破10w，ATS提升至30min，累计节省运营成本800w
- 效率提升：通过组件化与工程化的方案规划，研发效率提升40%
- 技术创新：产出5份技术专利，涵盖前端工程化多个领域，获得网易卓越创新奖
2020.10 ~ 至今
前端公共架构
全栈
项目背景
面向团队前端开发，建立完整的前端工程体系，通过工程化手段统一技术选型、代码规范、构建流程、部署方案等范畴，实现前后端分离开发，提升团队研发效率，降低重构维护成本
技术方案
架构设计
- 基于Monorepo管理代码仓库，基于pnpm管理子包依赖，基于verdaccio搭建私有仓库管理代码资产
- 基于vite/webpack设计多环境构建方案，支持Dev/Test/Pre/Prod四大环境，适配React/Vue框架
- 基于Gitlab/Jenkins搭建CI/CD自动化平台，通过Webhook触发自动构建，实现全流程自动化部署
核心功能
- 通用模块封装：基于模块化思想设计高复用通用类库，基于rollup构建支持多种模块规范产物，基于postcss/babel提供跨浏览器兼容方案
- 项目应用构建：设计标准化构建流程并封装为Npm模块，支持vite/webpack双擎构建，集成Dev/Test/Pre/Prod多环境配置，内置react/vue框架支持，提供SPA/MPA构建能力，支持postcss/sass/less/babel/typescript等编译工具，通过配置文件灵活适配不同的项目需求
- 技术文档撰写：基于vuepress搭建文档平台并提供PWA离线访问能力，基于markdownit支持文档实时编写与预览，建立统一的文档编写规范与模板，提升文档质量与整合效率
- 开发质量监管：统一团队VSCode开发环境，通过Gist同步插件与配置，制定stylelint/eslint/commitlint代码规范，确保团队代码风格一致性，提升团队代码质量
- 自动部署搭建：联合后端搭建CI/CD自动化平台，实现代码提交自动触发构建部署，支持编译打包过程实时反馈，建立完整的CI/CD自动化工作流，提升团队运维效率
业务成果
- 质量保障：推动团队全面进入前端工程化阶段，代码质量显著提升，项目bug率降低50%
- 效率提升：研发效率提升40%，构建耗时降低60%，人力成本降低50%
- 技术创新：产出50份技术专利，涵盖前端工程化多个领域
电子读物、技术专利和开源项目
电子读物
个人作品
- 玩转CSS的艺术之美：掘金小册畅销作品，系统讲解CSS技术的艺术与应用，社区首本CSS电子读物
- 从0到1落地前端工程化：掘金小册精品内容，深入浅出前端工程化实践，获得2022年度畅销好课奖
- 零基础AI入门攻略：7天实现工作生活双赢：小报童平台热销作品，普及AIGC技术应用
作品成果
- 个人博客全网8w+读者，发表文章全网200w+阅读量
- 深耕CSS技术推广，助力更多开发者重新认识与掌握CSS技术
- 与多位同行合著多本电子读物，涵盖前端开发多个领域
技术专利
专利成果
- 近四年独立输出70+技术专利，涵盖前端工程化多个领域
- 连续四年获得部门技术专利输出第1名，获得1次网易卓越创新奖
- 专利内容已被收录谷歌专利官网，可以搜索“网易 杨泽伟”查看
专利链接
查看谷歌专利开源项目
Bruce FEES
一套基于Monorepo设计的完整多功能前端工程化多包管理解决方案
- 基于TypeScript开发，提供完整的类型定义，支持零配置开箱即用
- 目前已经服务100+项目，Github获得400+Star，被多家公司技术团队借鉴
核心功能
- bruce-app：零配置开箱即用的JS/React应用自动化构建脚手架，实现构建代码与业务代码完全分离
- bruce-ico：基于CSS背景遮罩生成CSS图标的图标处理工具，提供文件监听、样式生成等功能
- bruce-img：多功能无限制的图像处理工具，提供压缩、分组、标记、变换等批处理功能
- bruce-lng：方便管理多国语言文案的语言处理工具，提供表格式i18n管理等功能
- bruce-pkg：强化Npm命令的模块处理工具，提供模块创建、发布检查等功能
- bruce-std：集成代码校验的VSCode配置工具，提供代码校验、美化、修复等功能
- bruce-ui：基于React开发的通用组件库，提供基础、表单、向导、展示、反馈等组件
- bruce-us：没有框架约束的通用工具库，支持Web/Node/混合环境