核心前端: 精通 HTML5、CSS3、JavaScript (ES6+);深度应用 TypeScript 构建类型安全的大型应用。
框架与生态: 熟练掌握 React 全家桶;熟悉 Vue 生态、Next.js SSR 方案及 Nestjs 后端开发。
图形与交互(高阶):
3D 方向: 熟练使用 Three.js 和 Babylon.js 构建 WebGL 三维场景,熟悉灯光、材质及物理引擎。
2D/游戏方向: 具备 PixiJS 高性能渲染及 Phaser 游戏引擎实战经验,能开发高帧率交互应用及 H5 游戏。
跨端开发: 具备 Flutter 及 微信小程序 跨平台开发能力。
项目一:高性能低代码富文本编辑器(类似飞书文档)
技术栈: React + TypeScript + Slate.js / Quill + SharedB (协同可选)
核心实现: 基于 Slate.js / Quill 进行深度的二次开发,采用插件化架构设计,将编辑器从单一的文本框升级为“分块式(Block-based)”协同办公平台。
功能自研: 除了基础的跨媒体(图文、音视频)渲染,重点实现了高度定制化的嵌入式模块(如交互式表格、代码块、投票插件等),并解决了复杂嵌套结构下的文档 Schema 校验与数据标准化。
性能优化: 通过虚拟滚动与增量更新策略,解决了万级长文本在编辑器中的实时渲染性能瓶颈。
逻辑处理: 精准处理 Selection(选区)与 Range 逻辑,实现了类似飞书的侧边评论悬浮、划词高亮以及文档大纲自动提取功能。
项目二:Web 端可视化 3D 场景编辑器(交互式沉浸式创作平台)
技术栈: React + Three.js / Babylon.js + GSAP + Nestjs
场景渲染引擎: 基于 Three.js / Babylon.js 构建 3D 渲染核心,实现 .glb/.gltf 模型的高效加载与解析,支持 PBR 材质、环境光贴图(HDR)及实时阴影的动态调节。
编辑器架构: 独立开发了一套 3D 场景树管理系统。用户可通过 GUI 实时编辑模型的材质属性、纹理贴图、镜头路径(Camera Animation)及灯光参数。
交互与特效:
标记系统: 利用射线投射(Raycaster)实现模型表面精准打点与交互式热点(Hotspots)绑定。
视效增强: 自研粒子系统(如烟雾、火花)与着色器(Shader)特效;集成动画序列编排器,支持多轨道时间轴编辑。
多媒体集成: 实现了音画同步技术,支持根据模型动作触发特定的配音、配乐及动态讲解字幕。
全链路闭环: 配合 Nestjs 实现作品的云端存储与快照生成,支持生成唯一只读链接,通过自研的轻量化运行时(Runtime)实现跨端预览。
还有很多其他项目,比如小程序、APP、多人交互游戏(基于Phaser)等,就不一一列举,感谢去可详谈。
项目背景: 针对公司内部 3D 项目开发中高频、重复的定制化需求,主导开发了一套标准化、可视化的 3D 创作平台,将 3D 场景交付效率提升了 500%(建议填入一个具体数值)。 核心贡献: 平台化架构演进: 实现了从单一模型查看器到全功能编辑器的转型。采用插件化设计
项目:智慧牧场多端全生命周期管理系统 技术架构: Flutter (Android/Win/Web) + Python (Backend) + PostgreSQL/MySQL 多端同步架构: 采用 Flutter 构建跨平台前端,后端基于 Python 提供统一的 A