美团高级前端工程师
社招全职核心本地商业-业务研发平台地点:北京状态:招聘
任职要求
1. 扎实的计算机基础知识,熟悉常用数据结构与算法,并能在业务开发中灵活使用; 2. 熟悉 JavaScript / TypeScript / HTML / CSS ,了解 W3C 标准与 ES 规范; 3. 熟悉前端主流开发框架(Vue / React 等),有实际项目经验,能够深刻剖析框架部分实现原理; 4. 熟悉 HTTP 协议基本原理,能针对具体业务场景设计前后端交互方案; 5. 具有良好的工程素质,包括代码书写规范、文档意识等; 6. 具有良好的技术视野,善于探索和发现前沿技术并应用到工作中; 7. 开朗上进,积极沟通,善于团队协作,有较强的主动性和推动能力。 具备以下者优先 1. 熟悉前端工程化(Webpack等)相关的工具链,能够根据实际使用场景进行优化 2. 开发维护过大型Web SPA 3. 有服务体验相关领域的工作经验
工作职责
本岗位负责美团全业务线的前端客户服务体系建设,致力于不断打造更优的服务体验,用科技提升体验,让服务更简单。我们的领域包括智能服务领域,人工服务领域,业务运营领域,数据可视化领域,通讯服务领域,近百系统共同形成服务体系,业务闭环。在这里可以和优秀的人一起建设行业Top的客户服务体系,打造业界最优的服务体验产品与工具。加入我们,你会负责以下多个方向: 1. 参与美团客户服务体系产品与工具的前端架构设计与开发落地,能够从体验、质量、性能、效率等多个维度持续优化产品; 2. 负责美团服务体验前端工程化工具的建设与迭代,并建立可量化的指标抓手,为系统保驾护航; 3. 深入了解美团服务体系内业务,能够根据业务特性与发展阶段做技术选型与技术演进; 4. 为其他工程师提供培训和指导,优化开发流程,保证代码质量。
包括英文材料
数据结构+
https://www.youtube.com/watch?v=8hly31xKli0
In this course you will learn about algorithms and data structures, two of the fundamental topics in computer science.
https://www.youtube.com/watch?v=B31LgI4Y4DQ
Learn about data structures in this comprehensive course. We will be implementing these data structures in C or C++.
https://www.youtube.com/watch?v=CBYHwZcbD-s
Data Structures and Algorithms full course tutorial java
算法+
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/
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!
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.
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.
HTML+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Structuring_content
[英文] Learn HTML
https://web.dev/learn/html
CSS+
开发框架+
[英文] Understanding Modern Development Frameworks: A Guide for Developers and Technical Decision-makers
https://www.freecodecamp.org/news/understanding-modern-development-frameworks-guide-for-devs/
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.
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.
HTTP+
https://developer.mozilla.org/zh-CN/docs/Web/HTTP
超文本传输协议(HTTP)是一个用于传输超媒体文档(例如 HTML)的应用层协议。它是为 Web 浏览器与 Web 服务器之间的通信而设计的,但也可以用于其他目的。
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.
Web+
https://web.dev/learn
Explore our growing collection of courses on key web design and development subjects.
SPA+
https://learn.microsoft.com/en-us/entra/identity-platform/index-spa
Learn how to sign in users and access web APIs in your single-page apps with our quickstarts, tutorials, and in-depth how-to guides.
https://nextjs.org/docs/app/guides/single-page-applications
Next.js fully supports building Single-Page Applications (SPAs).
https://www.youtube.com/watch?v=6BozpmSjk-Y
In today's video I'll be showing you how to build a Single Page App using JavaScript without the need for any front-end frameworks.
https://www.youtube.com/watch?v=ix5DhcHf8Qg
Welcome to Single Page Application Without Framework: Step-by-Step Tutorial!
相关职位
社招4-10年核心本地商业-基
1)负责公司数据相关产品的建设,包括不限于BI系统、大屏可视化、专题分析场景、策略工具 2)对数据可视化等方向进行技术攻坚,承担复杂的可视化技术模块,并能够抽象与复用 3)分析和发现系统中的可优化点,持续优化技术,提高产品易用性与用户体验,用数据来衡量成果 4)新兴技术的调研与实践,AI+数据探索、AICoding等场景应用。
更新于 2025-06-22
社招核心本地商业-基
1、负责一个或多个公司级别的数据资产管理、数据呈现与分析等相关 Web 系统的前端设计与实现,包括项目国际化建设。 2、参与现代化 Web 系统标准化建设,负责其中的重点方向,推进项目落地。 3、负责业务组件库建设,参与对数据可视化等方向的技术攻坚。 4、参与探索大模型在工具效率、商业分析领域的应用和落地,包括不限于数据问答、图表解读、自然语言界面等。 5、组织和指导方向内的其他同学,保证业务交付质量与效率。
更新于 2025-06-22
社招技术类
1.全日制本科及以上学历 2.四年以上前端工作经验,能独立负责前端系统研发和维护 3.熟悉 React 前端框架及其生态 4.熟悉常见的前端构建工具如 Vite、Webpack、Rollup 等 5.熟悉常见的微前端框架及其原理 6.掌握基础的数据结构和算法
更新于 2025-06-17