Part.1 夯实基础
要成为一名优秀的前端工程师，基础一定要掌握牢固，基础知识一问三不知，岂不是要贻笑大方。
css，js基础知识一定要掌握得很熟练，你能使用css实现斑马条纹背景，毛玻璃效果吗？能给图片实现滤镜效果？能实现所有自适应布局？原型，原型链，闭包是实现设计模式的必备知识，你真的弄懂了吗？闭包导致内存泄漏的原因是什么？ajax跨域的解决方案你可以说几种？只是jsonp吗？http协议有了解过吗？如何在http协议中实现不缓存静态资源？这些问题虽然已经老掉牙了。可是我要告诉你的是，掌握好这些老掉牙的基础，就是很重要。上层的技术可以变更的很快，可基础变动很慢，投入时间学好基础，性价比很高。
Part.2 深究原理
Angular，React, Vue 框架和脚手架的普及，越来越多的前端工程师浮于表面，调用框架的API完成任务就完事。要成为一名优秀的前端，绝不能成为单纯的 "API调用工程师"，一定要掌握框架背后的原理性知识。
Virtual DOM diff 算法，双向绑定的原理等等。框架背后的机制都值得我们去学习，框架API可以更新很快，而他们背后的原理都是相似的，学好原理既可以让我们对框架底层了解更深入，又可以使我们迅速掌握不断更新的框架表层。只会用框架永远也成不了大神。
Part.3 注重细节
在工作中，做事得过且过的人往往难堪大任，作为前端工程师，亦不例外。"代码能用就行" 的认识往往是初级程序员的通病。作为有在技术道路上有理想的工程师，一定要对自己的代码严格要求，精益求精，一优到底。
比如写 HTML 的时候一定要注意语义化以方便SEO优化，该用<section>，<head>，<foot>的地方不能一股脑儿就用<div>实现就完事儿; css编写样式时不能只顾着实现效果就好，类名和属性排序写得一塌糊涂，建议大家按照 BEM 规范编写风格良好，易维护的代码；js中变量命名随意是很常见的不规范行为，一个不直观的变量名往往使同事看了头大，难以理解从而影响开发效率。
“代码千万行，注释没几行。命名随意写，同事不好接“ 0.。0~
Part.4 登高见远
前端经历了这么多年的飞速发展，早已成为浩瀚的大海。如果闷着头独自钻研苦学，那无疑见效缓慢。
如果我们直接去跟随大神学习，那将会使我们快速成长。github上有很多优秀的前端项目，仔细研读这些项目的代码，在commit记录中查看编程思想和逻辑的进化过程，就是一场与大神直接的面对面交流，是一场绝妙的学习之旅。
现在网络课程也十分丰富，有很多技术大牛的课程让我们直接通过视频生动的讲解快速地学习技术，这何尝不是一种向大神快速学习的方式呢？
Part.5 良书益友
虽然现在网络上各种文档、博客文章已经很丰富了，但是对工作经验不足，基础薄弱的同学来说，随手拿起书，时时能学习才是王道，查漏补缺，完整地夯实基础。
推荐几本值得购买的书给大家，《图解HTTP》、《JavaScript设计模式与开发实践》、《深入理解ES6》，《高性能JavaScript》。这些书籍都值得多次反复阅读，对于巩固基础，学习框架原理性知识，写出高性能的代码都是大有裨益的。
Part.6紧跟潮流
现在的前端技术体系更新十分迅速，想着要不要尝试用下Vue的事仿佛还在昨天，今天一觉醒来就看到尤雨溪宣布要开发Vue3.0了。
前端体系中这两年SPA已经不是新名词，PWA，SSR，小程序愈发流行，前端微服务化的趋势也应运而生，RN,electron在移动端，桌面端的使用也越来越多，ES10标准的发布也没几个月了。
所以最重要的是突破当前岗位需求的设限，对各种技术融会贯通，创造新的技术框架，做技术的领头羊，适应时代发展。
技术人成长不能再单打独斗，要学会与人交流，学会将别人的知识为自己所用。如果你依然觉得有些茫然，不如跟有多年前端开发经验的资深工程师聊一聊。