传音高级前端开发工程师-平台(J18087)
社招全职地点：重庆状态：招聘
任职要求
【技术要求】 大前端技术栈深度能力 - 精通前端技术栈，熟悉主流前端类库、框架、工具 - 掌握前端主流框架(如React/Vue)，并有大型项目实战经验与性能调优经验 - 有服务端实战经验，掌握NodeJs主流框架Nest.js/Express，掌握源码级定制能力（如中间件定制开发） - 掌握Cluster/Worker Threads多进程模型，CPU密集型任务优化经验 - 至少精通MongoDB、MySQL、Redis数据库其中之一，有数据库优化能力 - 熟悉RabbitMQ、Kafka、ES等中间件的使用 【加分项】 - 有千万级DAU社交平台/金融级交易系统开发经验 - 参与过CNCF开源项目贡献（如K8s Operator开发） - WebGL/Canvas2D/Three.js渲染相关性能优化经验 - 算法、数学竞赛获奖经历，优秀开源作品
工作职责
【核心职责】 平台性能优化 - 实现万级多边形的实时增删改查功能 - 支持超大底图与标签的动态渲染优化 - 开发优雅的交互动画与粒子特效系统 - 保障低性能开销与跨平台兼容性 高并发系统架构 - 设计TB级数据治理体系与处理流水线 - 开发维护高并发分布式中间件系统 性能极致优化 - 搭建十万级PV的分布式服务架构 - 实施大规模机器集群的智能调度管理 安全与稳定性 - 主导全链路性能优化与稳定性建设、参与安全防护体系设计与实施
包括英文材料
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.
性能调优+
https://goperf.dev/
The Go App Optimization Guide is a series of in-depth, technical articles for developers who want to get more performance out of their Go code without relying on guesswork or cargo cult patterns.
https://web.dev/learn/performance
This course is designed for those new to web performance, a vital aspect of the user experience.
https://www.ibm.com/think/insights/application-performance-optimization
Application performance is not just a simple concern for most organizations; it’s a critical factor in their business’s success.
https://www.oreilly.com/library/view/optimizing-java/9781492039259/
Performance tuning is an experimental science, but that doesn’t mean engineers should resort to guesswork and folklore to get the job done.
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!
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.
中间件+
https://www.youtube.com/watch?v=1oWPUpMheGk
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.
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.
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.
RabbitMQ+
[英文] RabbitMQ Tutorials
https://www.rabbitmq.com/tutorials
These tutorials cover the basics of creating messaging applications using RabbitMQ.
https://www.youtube.com/watch?v=bfVddTJNiAw
RabbitMQ is a powerful message broker that can help you create resilient and scalable applications.
Kafka+
https://developer.confluent.io/what-is-apache-kafka/
https://www.youtube.com/watch?v=CU44hKLMg7k
https://www.youtube.com/watch?v=j4bqyAMMb7o&list=PLa7VYi0yPIH0KbnJQcMv5N9iW8HkZHztH
In this Apache Kafka fundamentals course, we introduce you to the basic Apache Kafka elements and APIs, as well as the broader Kafka ecosystem.
ElasticSearch+
https://www.youtube.com/watch?v=a4HBKEda_F8
Learn about Elasticsearch with this comprehensive course designed for beginners, featuring both theoretical concepts and hands-on applications using Python (though applicable to any programming language). The course is structured in two parts: first covering essential Elasticsearch fundamentals including index management, document storage, text analysis, pipeline creation, search functionality, and advanced features like semantic search and embeddings; followed by a practical section where you'll build a real-world website using Elasticsearch as a search engine, working with the Astronomy Picture of the Day (APOD) dataset to implement features such as data cleaning pipelines, tokenization, pagination, and aggregations.
CNCF+
https://www.cncf.io/
The Cloud Native Computing Foundation (CNCF) hosts critical components of the global technology infrastructure.
Kubernetes+
https://kubernetes.io/docs/tutorials/kubernetes-basics/
This tutorial provides a walkthrough of the basics of the Kubernetes cluster orchestration system.
https://kubernetes.io/zh-cn/docs/tutorials/kubernetes-basics/
本教程介绍 Kubernetes 集群编排系统的基础知识。每个模块包含关于 Kubernetes 主要特性和概念的一些背景信息，还包括一个在线教程供你学习。
https://www.youtube.com/watch?v=s_o8dwzRlu4
Hands-On Kubernetes Tutorial | Learn Kubernetes in 1 Hour - Kubernetes Course for Beginners
https://www.youtube.com/watch?v=X48VuDVv0do
Full Kubernetes Tutorial | Kubernetes Course | Hands-on course with a lot of demos
Kubernetes Operator+
[英文] Operator pattern
https://kubernetes.io/docs/concepts/extend-kubernetes/operator/
Operators are software extensions to Kubernetes that make use of custom resources to manage applications and their components.
https://www.redhat.com/en/blog/create-kubernetes-operator
Kubernetes operators are a way to create, configure, and manage complex applications on top of Kubernetes.
https://www.youtube.com/watch?v=ha3LjlD6g7g
Kubernetes Operator explained | What are Kubernetes Operators and how it works
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.
Three.js+
[英文] Getting Started
https://threejs.org/manual/
https://www.youtube.com/watch?v=UMqNHi1GDAE
Learn fundamental JavaScript coding techniques by creating dazzling real-time 3d animations and effects using three.js.
算法+
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/
相关职位
社招D2815
1、负责PC及移动端产品的前端技术选型与模块设计，负责数据中台产品（大数据开发、数据分析、流量管理与分析、AB实验平台等产品）的需求迭代/维护； 2、负责对产品页面性能的优化和维护，持续提升用户体验； 3、改进和优化开发流程、工具和框架，搭建基础设施，提高开发效率； 4、长期技术目标的制定、计划和实施，提升整体FE技术水平； 5、Web前沿技术研究，跟踪新技术发展并运用到实际项目中。
更新于 2024-10-09
社招D10127
1、负责PC及移动端产品的前端技术架构设计和落地，负责数据中台产品（大数据开发、数据分析、流量管理与分析、AB实验平台等产品）的重点需求迭代/维护； 2、负责优化系统性能和提高系统稳定性，持续提升数据产品的用户体验； 3、优化研发工具链、研发流程，提升团队工程能力，从而提高团队开发效率； 4、长期技术目标的制定、计划和落地实施，提升整体团队技术水平； 5、攻坚数据可视化领域关键技术，引入行业新技术，提高团队技术上限。
更新于 2024-10-09
社招A229642A
1、支持家装业务平台的前端架构设计和开发工作，实现功能快速对齐，完成产品矩阵填充； 2、深入参与团队技术规划、核心方案设计及技术攻坚等工作，并协调各方资源，将工作进行合理分工及推动落地； 3、攻克项目疑难问题，支持业务需求开发，对项目进行性能优化和技术升级。
更新于 2025-03-19
社招JCESP
1、负责智能客服IM的前端开发工作，包括Web/Hybrid/React Native/小程序等； 2、负责智能客服工作台、反馈、工单等复杂中后台系统的前端开发工作； 3、负责高质量编码设计，承担业务重点技术攻坚，保证高可靠、高性能、高可扩展的业务支撑； 4、探索和优化前端团队的开发模式和流程规范，提高团队的效率； 5、前端工程化，性能优化，用户体验的极致探索；组件化与流程化建设，可视化流程引擎建设； 6、Node.js服务端，跨端，音视频，数据可视化等方向；BFF、Serverless等前后端协作模式探索。
更新于 2021-01-26