资深前端工程师 in Amsterdam

我们正在从零建设一款可嵌入合作伙伴网站的 HTML5 实时互动客户端,服务桌面端、移动浏览器及 WebView 用户。产品涉及动态视觉、实时数据和多步骤操作,需要在设备性能及网络条件不一的情况下,持续、准确地向用户反馈操作结果。

加入后,你将牵头客户端从 0 到 1 的整体技术设计,与一名高级前端工程师合作完成客户端和必要的管理页面。你的工作涵盖架构、通信与状态模型、关键性能和疑难问题,同时需要亲自开发核心功能并参与代码评审。

你将负责规划客户端技术架构,明确通信、业务状态、渲染与组件的职责边界,并制定工程规范及关键路径测试策略。使用 TypeScript 和 Web 技术开发互动主界面、操作反馈、历史记录和产品说明,解决复杂模块及关键问题。完成动画、页面布局、资源加载和多端适配,提升低端移动设备与低带宽环境下的体验。

与后端共同约定并实现 WebSocket 通信、事件处理、客户端状态、断线重连及状态恢复机制。设计并呈现待确认、成功、失败、结果未知等状态,确保用户看到的信息与服务端权威结果一致。解决嵌入合作方页面、会话启动、页面生命周期、浏览器兼容及多语言框架相关问题。

协同产品和设计完善关键操作流程及异常反馈,确保交互含义清楚。利用成熟组件开发首期所需的管理功能,例如配置、业务记录查询及状态检查页面。建设客户端自动化测试与关键路径回归流程,定位性能和线上问题,持续改善代码的可维护性。

任职条件

• 曾整体负责复杂 Web 客户端的技术工作,通常具备 6 年以上相关经验,或有同等深度的项目成果;能够承担架构、性能及关键功能交付责任。
• 熟悉至少一种主流前端框架及状态管理方式,能够合理组织组件、业务状态和通信逻辑。
• 有实时通信或持续状态同步的实际项目经验,能够设计连接生命周期、重连恢复,以及重复和过期消息的处理。
• 具备移动端适配、性能优化、浏览器调试和跨设备排障经验,能够通过测量确定瓶颈并验证优化效果。
• 参与过技术方案评审、工程师指导和跨模块协作,能够推动前端整体交付。
• 关注自动化测试、边界状态与操作反馈,能与后端共同验证完整业务链路。
• 能够与产品、设计合作,将交互方案实现为清晰、稳定且可维护的功能。

具备以下经验将是加分项

• 使用 Canvas / WebGL、图形渲染或交互动画实现视觉效果,并优化过资源管理与渲染性能。
• 参与过 WebSocket、多人协作、实时行情、聊天或其他持续状态同步类产品。
• 有移动浏览器、WebView、iframe 嵌入或低端设备性能优化经验。
• 开发过需要精确反馈异步操作状态的复杂界面。
• 开展过端到端测试、网络故障模拟或客户端可观测性建设。

适合这份工作的人

你曾完整交付复杂 Web 客户端,能够贯通交互、状态、通信、移动端性能和线上问题定位。HTML5 互动产品、实时协作、直播互动、实时数据应用以及复杂异步业务界面等背景均值得关注。你同样重视视觉效果与状态准确性:了解点击后应如何反馈、成功何时确认、结果未知时怎样展示,以及刷新或重连后如何恢复。你能区分客户端展示与服务端权威结果,并处理页面进入后台、网络波动及重复或过期消息。

团队协作与分工

本岗位主责架构、通信与状态模型、性能基线和复杂问题,同时负责核心功能实现及技术评审。高级前端工程师将独立交付边界明确的界面、动画、移动端或管理页面模块,并参与集成和回归。视觉表现与实时状态能力需要两人共同覆盖,模块可根据实际专长分配;资深工程师需指导跨模块集成并维护完整用户路径,高级工程师需独立完成模块交付。

可以展示的项目经验

提供可运行作品或脱敏录屏,介绍本人负责的架构、关键模块、技术取舍和整体交付结果。说明如何组织通信、状态与渲染层,以及如何评审和指导另一名工程师的实现。展示连接正常、断线、重连、请求待确认和结果未知时的界面行为。分享性能优化案例,说明设备与网络条件、测量方式、瓶颈及优化前后的结果。介绍 iframe、WebView、移动浏览器或页面生命周期中的实际兼容性问题及解决过程。展示关键路径自动化回归或网络故障验证,说明测试如何检查用户最终看到的状态。

AI 辅助开发

你可以使用 AI 辅助组件开发、交互原型、测试和排错,并需要在真实浏览器和设备条件下验证生成代码的行为,对用户看到的状态、操作反馈、兼容性及性能直接负责。

入职初期的重点

与后端确定消息及恢复契约,搭建客户端结构、状态模型和性能基线;与高级前端工程师共同交付可嵌入客户端,并建立跨设备验证、关键回归和代码评审机制。