前端工程师要懂些什么

前端除了JS,HTML,CSS三板斧，还要懂些什么？有什么东西对我们提升自己前端水平有帮助？

开发的过程

我们不如先了解一下前端开发的过程

1. 跟产品了解需求
2. 跟后台沟通接口
3. 跟美术对接设计
4. 写文档
5. 编写代码
6. 使用babel，sass等工具编译代码
7. 部署代码(测试)
8. 测试代码
9. 部署代码(正式)

代码运行的过程

1. 用户访问网站
2. 查询dns，建立http连接
3. 内容从服务器到客户端
4. 构建dom树和cssom树
   1. 字节流转成字符流
   2. 词法分析器将字符流转成token
   3. 构建ast
5. 构建渲染树
6. 布局
7. 绘制
8. 构建合成层

如何提升

之前的我们可能只关注了编写代码，只去了解js，css的只是，通过上面的章节，可以意识到，想要做好前端，我们还可以补充以下的知识，按重要程度排序

1. HTTP知识，加快网站访问的速度
2. 浏览器渲染的知识，提升页面性能
3. 编译原理，了解前端代码是怎么被编译的
4. linux和nginx等知识，想要独挡一面，还是要了解服务器运行部署方面的知识。
5. 沟通方面的技巧，
6. 后端，产品，设计，测试等领域的知识。可以看出，前端需要跟团队中的各种角色交流对接，对相关的领域有了解可以降低沟通的成本。