爱奇艺高级前端开发工程师
社招全职5年以上研发地点:上海状态:招聘
任职要求
- 本科及以上学历,计算机或相关专业,5 年及以上前端 / 跨端 / 全栈开发经验; - 扎实掌握 HTML5、CSS3、JavaScript(ES6+)等前端基础,熟悉 W3C 标准、浏览器兼容性与前端安全机制; - 精通至少一种主流前端框架(如 React / Vue / Svelte),深入理解其底层原理(虚拟 DOM、渲染机制、响应式系统、Diff 算法等); - 熟练使用 TypeScript,具备类型设计和泛型编程能力; - 熟练使用 Node.js(如 Express / Koa / NestJS 等框架),具备服务端开发经验(RESTful / GraphQL / gRPC); - 熟悉数据库(关系型数据库如 MySQL / PostgreSQL、NoSQL 如 Redis / MongoDB 等),理解索引、事务、缓存策略; - 熟悉前端工程化、模块化、构建工具(如 webpack / Vite / Rollup / esbuild / Turbopack 等),对打包、构建性能优化有实战经验; - 有一套良好的开发流程意识:代码评审、单元测试 / 集成测试、持续集成 / 持续交付(CI / CD)、Lint / 预提交钩子、版本迭代与回滚策略; - 逻辑思维清晰、具备分层抽象能力,善于拆解复杂业务与技术问题; - 优秀的沟通能力与团队合作精神,责任心强、追求代码质量,并有较强抗压能力; 加分项: - 在前端性能优化、虚拟化表格、图表 / 可视化、富交互动画、绘图库 / WebGL / Canvas / SVG 等方向有深入实践经验; - 具备微前端架构、模块联邦 / 多应用整合经验; - 熟悉服务端渲染(SSR)、同构 / 混合渲染(如 Next.js / Nuxt / Remix / SvelteKit); - 有系统级或平台级中台经验,或者参与底层平台 / 框架 /组件库开发经验。
工作职责
- 负责公司内部系统、运营后台或业务平台的前端页面设计、开发与维护; - 对用户体验进行持续优化,并监控平台前端运行状况(错误日志、性能指标、异常告警等); - 参与前端架构、核心组件或技术中台的设计与研发,推动团队技术升级; - 负责部分后端或中台服务模块开发,参与接口设计、服务端逻辑实现与性能优化; - 推动工程化、模块化、组件化、自动化流程的落地(如 CI/CD、静态检查、自动化测试、代码规范、构建优化); - 与产品、设计、后端团队协作,高效推动需求落地与版本交付。
包括英文材料
学历+
HTML+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Structuring_content
[英文] Learn HTML
https://web.dev/learn/html
CSS+
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!
ES6+
[英文] ES6 Tutorial
https://www.javascripttutorial.net/es6/
[英文] Javascript ES6
https://www.w3schools.com/JS/js_es6.asp
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.
Svelte+
https://svelte.dev/tutorial/svelte/welcome-to-svelte
Welcome to the Svelte tutorial!
https://www.youtube.com/watch?v=8DQailPy3q8
DOM+
https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction
The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web.
算法+
https://roadmap.sh/datastructures-and-algorithms
Step by step guide to learn Data Structures and Algorithms in 2025
https://www.hellointerview.com/learn/code
A visual guide to the most important patterns and approaches for the coding interview.
https://www.w3schools.com/dsa/
TypeScript+
https://www.youtube.com/watch?v=JHEB7RhJG1Y
Master TypeScript from basics to advanced concepts through hands-on tutorials covering type annotations, generics, data fetching, Zod library, and more, with practical challenges for effective real-world application.
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.
Express+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Extensions/Server-side/Express_Nodejs/Introduction
本节将回答“什么是 Node”以及“什么是 Express”这两个问题,并通过主要特征和构成要件来简要介绍 Express 框架的与众不同之处。
[英文] Hello world example
https://expressjs.com/en/starter/hello-world.html
Embedded below is essentially the simplest Express app you can create.
https://www.youtube.com/watch?v=SccSCuHhOw0
ExpressJS is the most popular Node.js web server framework and is the basis of thousands of sites.
Koa+
https://github.com/koajs/workshop
[英文] Introduction | Koa
https://koajs.com/#introduction
Koa is a new web framework designed by the team behind Express, which aims to be a smaller, more expressive, and more robust foundation for web applications and APIs.
https://www.youtube.com/watch?v=z84uTk5zmak
In this video we will look at the Koa framework which is a microframework created by the same creators of Express.
NestJS+
https://www.freecodecamp.org/news/the-nestjs-handbook-learn-to-use-nest-with-code-examples/
NestJS is a progressive Node.js framework for building efficient, reliable, and scalable server-side applications.
https://www.youtube.com/watch?v=sFnAHC9lLaw
Learn NestJS in this comprehensive course for beginners.
REST+
https://roadmap.sh/golang/rest-api
Building a REST API in Go offers a blend of high performance, ease of deployment, and scalability.
https://spring.io/guides/gs/rest-service
This guide walks you through the process of creating a “Hello, World” RESTful web service with Spring.
https://www.restapitutorial.com/
REST (Representational State Transfer) APIs have revolutionized the way developers build and integrate web services, enabling seamless communication between systems and applications.
GraphQL+
https://graphql.org/learn/
Learn about GraphQL, how it works, and how to use it
https://www.howtographql.com/
The free and open-source tutorial to learn all around GraphQL to go from zero to production.
https://www.youtube.com/watch?v=xMCnDesBggM
In this GraphQL tutorial series you'll learn how to set up a GraphQL server and make queries/mutations using GraphQL query syntax.
https://www.youtube.com/watch?v=Zg4XIpnLWQg
In this brief video I will be explaining GraphQL for beginners.
gRPC+
[英文] Introduction to gRPC
https://grpc.io/docs/what-is-grpc/introduction/
An introduction to gRPC and protocol buffers.
MySQL+
https://juejin.cn/post/7190306988939542585
这是一篇 MySQL 通关一篇过硬核经验学习路线,包括数据库相关知识,SQL语句的使用,数据库约束,设计等。
[英文] MySQL Tutorial
https://www.mysqltutorial.org/
your go-to resource for mastering MySQL in a fast, easy, and enjoyable way.
https://www.youtube.com/watch?v=5OdVJbNCSso
MySQL SQL tutorial for beginners
https://www.youtube.com/watch?v=7S_tz1z_5bA
This beginner-friendly course teaches you SQL from scratch.
PostgreSQL+
[英文] PostgreSQL Tutorial
https://neon.com/postgresql/tutorial
This PostgreSQL tutorial helps you quickly understand PostgreSQL.
[英文] PostgreSQL Tutorial
https://www.pgtutorial.com/
This PostgreSQL tutorial will teach you about PostgreSQL from beginner to advanced.
https://www.youtube.com/watch?v=qw--VYLpxG4
It is the most advanced open source database system widely used to build back-end systems.
https://www.youtube.com/watch?v=SpfIwlAYaKk
Learn PostgreSQL, one of the world's most advanced and robust open-source relational database systems.
NoSQL+
https://nosql-database.org/
Everything about NoSQL Systems – Types, Benefits, and Real-World Uses
https://piaosanlang.gitbooks.io/mongodb/content/section1.1.html
NoSQL(NoSQL = Not Only SQL ),即"不仅仅是SQL",指的是非关系型的数据库。是对不同于传统的关系型数据库管理系统的统称。
https://www.youtube.com/watch?v=0buKQHokLK8
NoSQL databases can operate in multiple modes: as key-value store, document store or wide column store.
Redis+
[英文] Developer Hub
https://redis.io/dev/
Get all the tutorials, learning paths, and more you need to start building—fast.
https://www.runoob.com/redis/redis-tutorial.html
REmote DIctionary Server(Redis) 是一个由 Salvatore Sanfilippo 写的 key-value 存储系统,是跨平台的非关系型数据库。
https://www.youtube.com/watch?v=jgpVdJB2sKQ
In this video I will be covering Redis in depth from how to install it, what commands you can use, all the way to how to use it in a real world project.
MongoDB+
https://learnxinyminutes.com/mongodb/
MongoDB is a NoSQL document database for high volume data storage.
https://studio3t.com/academy/#courses
The fastest way to learn MongoDB
https://www.youtube.com/watch?v=c2M-rlkkT5o
This video will give you and introduction to MongoDB in 1 Hour. Afterwards I recommend exploring aggregation, replication, and sharding.
https://www.youtube.com/watch?v=ExcRbA7fy_A&list=PL4cUxeGkcC9h77dJ-QJlwGlZlTd4ecZOA
You'll learn how to use MongoDB (a NoSQL database) from scratch. You'll also learn how to integrate it into a simple Node.js API.
缓存+
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
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.
Rollup+
[英文] Tutorial | Rollup
https://rollupjs.org/tutorial/
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.
Turbopack+
[英文] Turbopack
https://nextjs.org/docs/app/api-reference/turbopack
Turbopack is an incremental bundler optimized for JavaScript and TypeScript, written in Rust, and built into Next.js.
https://www.youtube.com/watch?v=LvEf_EA2wB4
Make Next.js faster with Turbopack (simply explained), how to use it and why it is better than Webpack.
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
WebGL+
[英文] Learn WebGL
https://learnwebgl.brown37.net/
The traditional approach to learning a subject is to divide the topic into sub-topics, study each sub-topic, and then show how the sub-topics relate to each other.
https://www.youtube.com/watch?v=bP7_FeP9kU4
Ever want to know how 3D games and simulations are made?
https://www.youtube.com/watch?v=y2UsQB3WSvo
I'm finally getting around to updating my WebGL series! The old series used some fairly outdated JavaScript.
Next.js+
https://nextjs.org/learn
Go from beginner to expert by learning the foundations of Next.js and building a fully functional demo website that uses all the latest features.
https://www.freecodecamp.org/news/tag/nextjs/
A collection of next.js posts
https://www.youtube.com/watch?v=6jQdZcYY8OY
In this video, I will teach you everything you need to know about NextJS for beginners.
https://www.youtube.com/watch?v=ZVnjOPwW4ZA
Master Next.js 13 and build amazing full-stack apps!
Remix+
[英文] Quick Start (5m)
https://v2.remix.run/docs/start/quickstart
This guide will get you familiar with the basic plumbing required to run a Remix app as quickly as possible.
[英文] Tutorial (30m)
https://v2.remix.run/docs/start/tutorial#remix-tutorial
We'll be building a small, but feature-rich app that lets you keep track of your contacts.
https://www.youtube.com/watch?v=rw1xAHJnBV8
In this video, we’ll walk through building a scalable web application using the Remix framework.
相关职位
社招3年以上网易游戏(互娱)
1. 参与多平台项目的前端开发工作,包括但不限于桌面端 Web 项目,手机端 WebApp,混合模式(Hybrid)开发的桌面 客户端和手机客户端内嵌 Web,以及基于开放平台的公众号,小程序等应用开发; 2. 保证代码在不同平台下的兼容性和良好性能,对项目代码进行持续优化和性能调优; 3. 与上下游开发人员紧密合作,制定接口规范并完成整体功能开发。
更新于 2025-06-09
社招3年以上食杂零售
1、负责快驴终端仓储配送相关App业务需求开发工作; 2、负责RN(ReactNative)性能体验优化、工程标准化建设等技术项目; 3、持续提升快驴终端仓储配送相关App研发和线上质量,通过技术手段保障履约配送环节稳定性。
更新于 2025-06-22
社招A182054
1、负责小米电视与视频相关业务前端技术选型、方案设计、研发等工作,包括但不限于 电视 / PC / H5 / RN / 小程序等; 2、持续改进前端应用架构和工程架构,追求极致的用户体验,对交付质量和效率负责; 3、参与前端基础设施建设(包括组件库、低代码、BFF等),持续改进和优化开发流程、基础工具,提高应用性能和交付效率; 4、Web前沿技术研究,跟踪新技术发展并运用到实际项目中
更新于 2024-07-25