自己做前端的时间也有几年了，前段时间就在考虑自己作为一个前端工程师，应该掌握和了解写什么，总结了一下，拿出来与大家分享。欢迎指正。
1、首先作为一个前端工程师必须要了解的 HTML、CSS、JavaScript ，然而现在 HTML 已经从4升级到5了，CSS 也已经从2.0升级到3.0，JavaScript 也升级到了 ECMAScript6，所以时代在进步，技术在进步，自己也必须要进步才行。
2、以上的内容只是基础中的基础，在进一步延伸涉及的就很广了，先说布局：有百分比布局、静态布局、响应式布局、弹性布局（rem）等，现在用的最多的应该是 rem 布局，其次再说移动端的适配，由于移动设备多种多样所以想要在不同设备显示同样的效果或者功能的话，移动端的适配是必不可少的，于此同时Pc 端的各大浏览器也需要做兼容。总结一下：布局、兼容和多端适配。
3、选择工具，有的时候我们可能需要自己做一些或者选择字体（Iconfont），那么 AI 就是必不可少的了，其次还有 FW、PS和 mac 中的 Sketch，用来切图，设计。
当然编辑器也需要我们选择，小编喜欢轻量的编辑器如：sublime、hbuilder、vscode 等等，当然每种编辑器都各有千秋，看你喜欢吧。
4、现行流行技术，在工作中或者找工作的招聘中，经常会看到 LESS、SASS 字眼，这是一种预编译的 CSS 技术，很好用，可以让你不用考虑权重问题，初学者的话还是推荐从 CSS 手动编写开始。
5、常用的 JavaScript 类库和框架，类库就是指类似 jquery 这样的没有给你固定的样式或者结构，只是单纯的操纵DOM，而框架则是你要按照它给你制定的表现，结构和行为等等来实现你自己的逻辑，现在非常流行 MV*框架，诸如：Vue、React、Angular 等等。在这里，我们不仅仅要学会使用类库和框架还要掌握他们的设计实现原理，这样才能更有助于我们理解遇到的问题。
6、关于微信开发，已经形成了一个生态，微信小程序、微信公众号、微信场景都是时下非常流行的，这阵风，已经从一线城市刮到了三四线城市了，已经有大批的淘金者涌入。
7、关于游戏开发，个人了解可以开发类似2048，坦克大战这些游戏，还有就是白鹭引擎 egret，和 cocos2d-js，有兴趣的话可以了解一下。听说由于 flash 的没落，一些游戏公司已经转型用 HTML5来做相关的游戏开发和研究了。
8、版本控制 GIt 和 SVN等，自动化构建工具 Webpack、Gulp 等、计算机通信协议、TCP/IP、Http、Htpps，这些也都是我们需要了解的哦。
9、对于 SVG 和 Canvas，能让我联想到的就是 WebGL，所以如果是做图像处理或者游戏之类的这方面的知识是不可欠缺的。
10、NodeJs 可以做服务器脚本，是前端向全栈发展必要条件哦，同时，数据库如：Mysql、MSsql、MongoDB、Redis 等也许要掌握一二。
11、了解 Web 前端规范、AMD/CMD规范,如:sea.js/require.js/common.js。
12、掌握组件化、模块化的开发技巧、能够对安全、稳定性进行优化，安全：sql 注入、xss 攻击、csrf攻击等。
13、ReactNative、Weex、Ionic 开发混合 App
上面这些是个人认为前端发展方向上的一些内容，当然并不全面，还有一些诸如：设计模式、php、java、python 、抓包、算法、数据结构等等都会在实际过程遇到，也是我们值得深入和拓展的地方。