顺丰SC-前端开发工程师
社招全职3-5年地点：武汉状态：招聘
任职要求
1、计算机相关专业优先，全日制本科及以上学历； 2、具备五年以上前端开发经验，参与过大型互联网产品的设计研发工作优先； 3、扎实的前端基础，优秀的编码习惯，精通HTML5、CSS3、JavaScript、ES6、Typescript等前端技术； 4、熟练掌握至少一种主流框架（React/Vue/Angular）及其生态（Vuex/Redux），能理解框架的设计思想及实现原理； 5、熟悉前端工程化工具链（Webpack/Vite/Rollup、Babel、npm/yarn/pnpm），熟悉浏览器原理，熟悉Web前端性能优化，了解前端安全相关知识； 6、有跨端开发经验（ React Native/Flutter/小程序/Electron），熟悉nodejs或后端语言（Java/Go/Python）者优先； 7、强烈的责任心和团队合作能力，善于沟通，对技术敏感，关注用户体验，注重代码可维护性，能够在一定压力下工作。
工作职责
1、根据产品需求高质量、高性能完成前端核心技术模块及复杂业务需求研发； 2、参与研发项目管理，推动团队内高效迭代交付及跨组沟通协作； 3、持续优化前端体验和页面性能，快速定位并解决线上问题； 4. 具有良好的新技术探索及创新能力，推进系统架构及开发流程改进，参与前端基础设施建设，提升团队研发效率。
包括英文材料
学历+
前端开发+
https://roadmap.sh/frontend
Step by step guide to becoming a modern frontend developer
编程规范+
[英文] Google Style Guides
https://google.github.io/styleguide/
Every major open-source project has its own style guide: a set of conventions (sometimes arbitrary) about how to write code for that project. It is much easier to understand a large codebase when all the code in it is in a consistent style.
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
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.
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.
Angular+
[英文] Learn Angular
https://angular.dev/tutorials/learn-angular
This interactive tutorial will teach you the basic building blocks to start building great apps with Angular.
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Frameworks_libraries/Angular_getting_started
文章中我们关注 Angular 能提供什么、安装必备的组件、建立一个示例应用，并关注 Angular 的基本架构。
Redux+
https://redux.js.org/tutorials/fundamentals/part-1-overview
This tutorial will introduce you to the core concepts, principles, and patterns for using Redux.
Web+
https://web.dev/learn
Explore our growing collection of courses on key web design and development subjects.
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/
Babel+
https://babeljs.io/docs/
Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.
https://www.youtube.com/watch?v=o9hmjdmJLMU
In this video you will learn why do you need to transpile Javascript at all and how Babel comes into play, what babel packages do you need to install and how to use and configure Babel to transpile Javascript code.
NPM+
https://nodejs.org/en/learn/getting-started/an-introduction-to-the-npm-package-manager
npm is the standard package manager for Node.js.
Yarn+
[英文] Introduction
https://yarnpkg.com/getting-started
Yarn is an established open-source package manager used to manage dependencies in JavaScript projects.
pnpm+
[英文] Motivation | pnpm
https://pnpm.io/motivation
When using npm, if you have 100 projects using a dependency, you will have 100 copies of that dependency saved on disk. With pnpm, the dependency will be stored in a content-addressable store.
https://refine.dev/blog/how-to-use-pnpm/#introduction
pnpm is a popular and efficient alternative to npm.
https://www.youtube.com/watch?v=hiTmX2dW84E
React Native+
[英文] Learn the Basics
https://reactnative.dev/docs/tutorial
React Native is like React, but it uses native components instead of web components as building blocks.
https://roadmap.sh/react-native
Step by step guide to becoming a React Native developer
https://www.youtube.com/watch?v=f8Z9JyB2EIE
Get hands-on with React Native and Expo in this crash course! Build a mobile movie app from scratch, and learn essential skills for mobile development along the way.
Flutter+
https://flutter.dev/learn
With codelabs, YouTube videos, detailed docs, and more, find everything you need to get started with Flutter or continue your learning journey.
https://www.youtube.com/watch?v=VPvVD8t02U8
Learn how to use Flutter in this complete course for beginners.
小程序+
https://www.ruanyifeng.com/blog/2020/10/wechat-miniprogram-tutorial-part-one.html
小程序已经成为国内前端的一个重要业务，跟 Web 和手机 App 有着同等的重要性。小程序开发者供不应求，市场招聘需求极其旺盛，企业都抢着要。
Electron+
https://www.electronjs.org/zh/docs/latest/tutorial/tutorial-first-app
学习如何创建您的 Electron 项目，并且编写一个简单的入门程序。
https://www.youtube.com/watch?v=fP-371MN0Ck
Learn how to use Electron, React, and TypeScript to build desktop applications.
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.
Java+
https://www.youtube.com/watch?v=eIrMbAQSU34
Master Java – a must-have language for software development, Android apps, and more! ☕️ This beginner-friendly course takes you from basics to real coding skills.
Go+
https://www.youtube.com/watch?v=8uiZC0l4Ajw
学习Golang的完整教程！从开始到结束不到一个小时，包括如何在Go中构建API的完整演示。没有多余的内容，只有你需要知道的知识。
Python+
https://liaoxuefeng.com/books/python/introduction/index.html
中文，免费，零起点，完整示例，基于最新的Python 3版本。
https://www.learnpython.org/
a free interactive Python tutorial for people who want to learn Python, fast.
https://www.youtube.com/watch?v=K5KVEU3aaeQ
Master Python from scratch 🚀 No fluff—just clear, practical coding skills to kickstart your journey!
https://www.youtube.com/watch?v=rfscVS0vtbw
This course will give you a full introduction into all of the core concepts in python.
相关职位
社招3-5年
1、负责内外部系统PC、移动H5及微信小程序等前端开发； 2、根据产品需求高质量、高性能完成开发及维护工作； 3、持续优化前端体验和页面响应速度，快速定位并解决项目中遇到的性能问题、兼容性问题； 4. 具有良好的新技术探索及创新能力，推进系统架构及开发流程改进，参与前端基础设施建设，提升团队研发效率；
更新于 2025-06-27
社招3-5年
1、负责内外部系统PC、移动H5及微信小程序等前端开发； 2、根据产品需求高质量、高性能完成开发及维护工作； 3、持续优化前端体验和页面响应速度，快速定位并解决项目中遇到的性能问题、兼容性问题； 4. 具有良好的新技术探索及创新能力，推进系统架构及开发流程改进，参与前端基础设施建设，提升团队研发效率；
更新于 2025-08-12
社招10年以上研发
DCS 软件开发高级前端工程师 （上海） 工作职责 • 依据产品需求及架构设计，负责 DCS（分布式控制系统）软件中模块（上位/下位）的设计、编码、优化及持续性维护 • 与硬件工程师、测试工程师紧密合作，解决研发过程中的关键技术问题，确保研发项目按照里程碑按时进行； • 协同总部研发团队，高效推进产品功能的代码实现与技术落地； • 严格遵循代码开发规范，编写具备高可维护性、高可测试性的标准化代码； • 执行单元测试与集成测试工作，精准定位并修复代码缺陷，保障代码运行稳定性及功能完整性。
更新于 2025-09-29
社招10年以上研发
DCS 软件开发高级工程师 （上海） 工作职责 • 依据产品需求及架构设计，负责 DCS（分布式控制系统）软件中模块（上位/下位）的设计、编码、优化及持续性维护 • 与硬件工程师、测试工程师紧密合作，解决研发过程中的关键技术问题，确保研发项目按照里程碑按时进行； • 协同总部研发团队，高效推进产品功能的代码实现与技术落地； • 严格遵循代码开发规范，编写具备高可维护性、高可测试性的标准化代码； • 执行单元测试与集成测试工作，精准定位并修复代码缺陷，保障代码运行稳定性及功能完整性。
更新于 2025-09-29