高级前端开发工程师 JD

高级前端开发工程师 JD 高级前端开发工程师 Next.js / 视频体验 / 性能与 SEO 方向 React Next.js TypeScript HLS.js SEO Web Vitals 01岗位职责 负责快搜类视频平台 Web 端的架构与核心页面开发，覆盖首页信息流、搜片、图片识别结果、影片详情、播放器、创作者库和用户中心。 基于 React、Next.js App Router 和 TypeScript 建设稳定的前端工程体系，合理使用 SSR、SSG、ISR、Server Components 与客户端交互。 负责高密度媒体页面的性能优化，包括图片分级加载、预加载、虚拟列表、请求合并、资源优先级、代码拆分和长列表内存控制。 建设视频播放体验，处理 HLS 播放、自适应码率、时间点跳转、播放失败恢复、鉴权地址刷新、移动端兼容和弱网策略。 与后端共同制定浏览器、Next.js、Cloudflare/CDN 的分层缓存策略，降低接口和源站压力，避免错误缓存用户态内容。 负责技术 SEO 落地，包括 metadata、canonical、sitemap、robots、结构化数据、分页与筛选页收录策略，保证内容可抓取和可索引。 持续优化 Core Web Vitals、首屏速度、交互响应和布局稳定性，建立真实用户监控、错误监控及关键业务埋点。 沉淀可复用组件、设计 Token 和交互规范，推进代码评审、测试、发布与前端质量标准。 02任职要求 5 年以上前端开发经验，精通 JavaScript、TypeScript、HTML 和 CSS，具备 2 年以上 React/Next.js 生产项目经验。 必须参与过大用户量或高流量线上产品，能够说明真实用户规模、页面性能指标、事故原因和优化结果。 深入理解 Next.js 渲染与缓存机制、React 状态与渲染性能，能够独立完成复杂页面和跨端响应式适配。 具备视频或富媒体开发能力，熟悉 HTML5 Video、HLS.js 或同类播放器，以及自动播放、全屏、进度同步和浏览器兼容问题。 理解 HTTP 缓存、CDN、Cloudflare、CORS、Range 请求、签名 URL 和浏览器安全策略，能与后端共同定位播放与缓存问题。 有扎实的性能优化经验，熟悉 LCP、INP、CLS、资源瀑布图、内存分析和线上监控工具。 具备产品与视觉还原能力，能够在高内容密度下保持信息层级、操作效率、移动端体验和无障碍基础质量。 重视工程质量，熟悉 Git、CI/CD、单元测试或端到端测试，能清楚评估方案的复杂度和长期维护成本。 03加分项 做过视频站、短视频、直播、图片识别、搜索产品或大型内容社区。 有国际化站点、Google SEO、大规模内容收录和程序化页面建设经验。 熟悉 Tailwind CSS、播放器二次开发、Service Worker、PWA 或边缘计算。 使用过 Sentry、Datadog、Grafana、Web Vitals RUM 或类似监控体系。 具备 Node.js/BFF 能力，能够处理服务端渲染、接口聚合和边缘运行时问题。 ✈TG:@hrxiamo2000