飞猪旅行飞猪-高级前端开发工程师(Node方向)-北京
社招全职3年以上地点:北京状态:招聘
任职要求
1. 3 年以上前端开发经验,具备扎实的 JavaScript/HTML/CSS 基础; 2. 精通 Node.js,有实际大型系统或服务开发经验; 3. 熟悉分布式架构理念,理解服务拆分、请求路由、缓存与容错机制; 4. 熟练使用主流前端框架(React/Vue 等),理解其设计原理; 5. 了解现代前端构建工具链,如 Webpack、Vite、ESBuild 等; 6. 具备良好的沟通能力和问题解决能力,能够独立承担复杂任务; 7. 对技术演进敏感,愿意分享与协作,推动团队技术成长。 ## 加分项 1. 有参与高并发场景下的性能优化经验; 2. 熟悉前端与后端数据同步策略,如边缘计算、预渲染、懒加载等; 3. 有 CI/CD 流程建设、前端监控体系搭建经验; 4. 有服务稳定性保障经验,如限流降级、异常监控、自动恢复机制; 5. 有开源项目经验或具备跨团队技术协作经历
工作职责
岗位亮点 1. 深度参与面向大规模用户的前端架构设计与优化; 2. 主导 Node 技术方向的落地实践,提升系统稳定性和响应效率; 3. 面向复杂业务场景,涉及高并发、分布式架构,挑战与成长并存; 4. 注重代码质量、开发体验与可持续演进。 职位描述 1. 负责基于 Node.js 的前端服务开发,包括服务搭建、接口编排和渲染逻辑等; 2. 参与前端在分布式系统中的架构设计,推动前后端协同机制与稳定性建设; 3. 主导页面性能优化、资源加载策略优化、服务容错机制建设; 4. 建设和维护前端工程基础设施,如构建流程、自动化部署、日志采集与监控体系; 5. 持续优化开发体验,提高团队整体交付效率; 6. 关注前沿技术在项目中的可行性与实用性落地,助力业务长期发展。
包括英文材料
前端开发+
https://roadmap.sh/frontend
Step by step guide to becoming a modern frontend developer
JavaScript+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Scripting
[英文] Learn JavaScript
https://learnjavascript.online/
The easiest way to learn & practice modern JavaScript
[英文] Learn JavaScript
https://web.dev/learn/javascript
https://www.youtube.com/watch?v=zuKbR4Q428o
Write bulletproof JavaScript code with unit testing!
HTML+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Structuring_content
[英文] Learn HTML
https://web.dev/learn/html
CSS+
Node.js+
https://liaoxuefeng.com/books/javascript/nodejs/index.html
从本章开始,我们就正式开启JavaScript的后端开发之旅。
https://www.youtube.com/watch?v=32M1al-Y6Ag
This is an intro to Node.js. No frameworks or libraries.
https://www.youtube.com/watch?v=zb3Qk8SG5Ms&list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU
In this Node JS tutorial I'll introduce to what exactly Node is all about, why we'd use it and the technologies you'll need to be familiar with to get started.
缓存+
https://hackernoon.com/the-system-design-cheat-sheet-cache
The cache is a layer that stores a subset of data, typically the most frequently accessed or essential information, in a location quicker to access than its primary storage location.
https://www.youtube.com/watch?v=bP4BeUjNkXc
Caching strategies, Distributed Caching, Eviction Policies, Write-Through Cache and Least Recently Used (LRU) cache are all important terms when it comes to designing an efficient system with a caching layer.
https://www.youtube.com/watch?v=dGAgxozNWFE
React+
[英文] Quick Start - React
https://react.dev/learn
This page will give you an introduction to 80% of the React concepts that you will use on a daily basis.
https://www.youtube.com/watch?v=SqcY0GlETPk
Master React 18 with TypeScript! ⚛️ Build amazing front-end apps with this beginner-friendly tutorial.
https://www.youtube.com/watch?v=x4rFhThSX04
Learn modern React basics in the most interactive, hands-on way possible in the full course for beginners.
Vue+
[英文] Tutorial | Vue.js
https://vuejs.org/tutorial/
The goal of this tutorial is to quickly give you an experience of what it feels like to work with Vue, right in the browser.
https://www.youtube.com/watch?v=VeNfHj6MhgA
3 Hour crash course of the Vue.js framework. You will learn all the fundamentals including components, directives, lifecycle, events and much more.
Webpack+
[英文] Getting Started
https://webpack.js.org/guides/getting-started/
Webpack is used to compile JavaScript modules.
https://www.youtube.com/watch?v=3On5Z0gjf4U&list=PLblA84xge2_zwxh3XJqy6UVxS60YdusY8
https://www.youtube.com/watch?v=IZGNcSuwBZs
In this video, we will create a Webpack dev environment from scratch.
Vite+
https://www.youtube.com/watch?v=89NJdbYTgJ8
In this video, we will talk about the Vite JavaScript build tool. We will also compare it to Webpack as well as Create React App.
ESBuild+
[英文] Getting Started
https://esbuild.github.io/getting-started/
First, download and install the esbuild command locally.
https://www.youtube.com/watch?v=xRiC8YLGhGQ
An overview of esbuild, a JS bundler up to 100x faster than its competitors.
高并发+
https://www.baeldung.com/concurrency-principles-patterns
In this tutorial, we’ll discuss some of the design principles and patterns that have been established over time to build highly concurrent applications.
https://www.baeldung.com/java-concurrency
Handling concurrency in an application can be a tricky process with many potential pitfalls. A solid grasp of the fundamentals will go a long way to help minimize these issues.
https://www.oreilly.com/library/view/concurrency-in-go/9781491941294/
You’ll understand how Go chooses to model concurrency, what issues arise from this model, and how you can compose primitives within this model to solve problems.
https://www.oreilly.com/library/view/modern-concurrency-in/9781098165406/
With this book, you'll explore the transformative world of Java 21's key feature: virtual threads.
https://www.youtube.com/watch?v=qyM8Pi1KiiM
https://www.youtube.com/watch?v=wEsPL50Uiyo
CI+
https://www.ibm.com/cn-zh/think/topics/continuous-integration
持续集成 (CI) 是一种软件开发实践,开发人员在整个开发周期中会定期将新的代码和代码变更集成到中央代码存储库中。它是 DevOps 和敏捷方法的关键组成部分。
https://www.youtube.com/watch?v=42UP1fxi2SY
CD+
https://www.redhat.com/zh-cn/topics/devops/what-is-ci-cd
CI/CD 是持续集成和持续交付/部署的缩写,旨在简化并加快软件开发生命周期。
https://www.youtube.com/watch?v=R8_veQiYBjI&list=PLy7NrYWoggjzSIlwxeBbcgfAdYoxCIrM2
相关职位
社招3年以上核心本地商业-业
1.负责一体化的效能平台的前端研发工作,并保证平台版本的持续迭代优化; 2.负责部门前端工程化体系建设,持续提升开发/交付效率,并保障产品工程质量; 3.对标业界引进和完善一体化的效能平台,通过技术手段帮助产研提升工作效率; 4.参与智能测试平台前端开发工作; 5.深度参与质量效能部前端组件库建设,提升前端开发标准化能力和效率。
更新于 2025-05-08
社招4年以上核心本地商业-基
1)负责公司数据相关产品的建设,包括不限于数据 AI 应用、BI系统、大屏可视化、专题分析场景、策略工具 2)对数据可视化等方向进行技术攻坚,承担复杂的可视化技术模块,并能够抽象与复用 3)分析和发现系统中的可优化点,持续优化技术,提高产品易用性与用户体验,用数据来衡量成果 4)新兴技术的调研与实践,AI+数据探索、AI Develop等场景应用。
更新于 2025-08-09
社招3年以上A166488
1、负责飞书业务支撑平台前端工程化、性能优化、用户体验的深入探索和落地; 2、参与前端基础组件设计及技术体系建设,推动与优化业务前端基础架构和组件抽象; 3、Node.js服务端、跨端、数据可视化等有众多前端前沿技术落地应用场景; 4、参与平台的设计和研发,与后端开发、QA 、产品紧密协作,并在低码、BFF 、企业级组件等方向不断探索。
更新于 2023-06-08