如何成为一个优秀的前端工程师

从学习的层面来说，我认为需要在以下方面逐渐提高个人能力：
1. 掌握HTML基本标签（div, span, table, form, input, a, style, table, tr, td, meta..）和属性（id, class, name, value, float, , 事件属性），对于大多数显示属性可以借助w3cschool来速查，了解get和post的异同。掌握CSS中的重要属性，如布局属性margin, padding，位置属性position，显示属性display——这些想必都是老生常谈。了解HTML5带来的特性如animation等。
2. 深入理解JavaScript的语言特性，如JS的类和对象，闭包，prototype等。因为脚本语言的模块化较差，维护成本高，故良好的设计和统一的规范更显重要性。
3. 面对浏览器兼容性，能够有能力找到浏览器的共性和不同，擅长用健壮的解决方案解决兼容性问题，通过定量分析（如浏览器的使用份额）做出产品功能性、实现优雅性和项目进度的抉择。
4. 理解并掌握至少一门JavaScript library，新手不妨直接选择jQuery，简单而主流，熟练掌握library的dom selection, event handling，用jQuery的AJAX接口实现前后端通信。有余力的话，可以研习下引领潮流的Node.js。
5. 从头到脚的完成一个独立域名的网站或网页，同样支持pc和mobile（有自己的app当然更好），有条件的话，了解CDN的工作。
6. 深入理解client side latency的成因，能够分析出造成网站性能问题的瓶颈，擅长用行业通用方案（减少http数量，压缩下载文件的大小，lazy load，pre-cache）来解决延迟问题。能够使用数据即量化考量机制来监控网站的性能。
7. 擅长借助Google和社区解决实际问题，尽量不要一次次的刷网页重试，在前端的世界里，严谨同样比猜测更重要。

8. 紧追形势，培养对新设备，前端新型技术的热情。当看到一个发展方向的市场价值时可以投入课余时间，勇于做第一个吃螃蟹的人。

转自知乎回答。