现在，前端的工作不仅像剪图一样简单，而且工作内容很丰富：有些前端工程师将执行前端框架，SDK，有些将是一个平台，有些会做工程工具连锁店，有些人会作为业务开发做生意，有些则将参与发动机层，定制的JS发动机和渲染引擎。
这么多类型的前端工作内容之间有什么关系？前端工作的类型是什么？
本文将探讨这个问题：前端的工作内容是什么，以及之间的关系是什么。
前端工作可以分为五层。从下到顶是发动机层，运行时层，工具层，业务层和构造层。
让我们看一下：
现在，前端代码的操作容器不仅是浏览器，而且还有许多其他容器。例如，电子可以用作桌面端上的跨平台开发，并且桌面应用程序是通过前端技术堆栈开发的，例如React Antial，Weex或自我开发的Cross -End -End -Engryou，您可以使用前端技术堆栈开发Android和iOS应用程序。例如，小型程序引擎还支持前端技术堆栈，以开发跨平台小程序。
这些容器的实现基本上扩展了JS引擎，例如V8，JavaScriptCore，注入了一些DOM API和设备功能API，并且还实现了渲染引擎，该引擎从不同的平台实现了CSS。最终代码在不同的平台上运行。
JS引擎的实现和渲染引擎的实现基于C ++。有一些前端学生知道C ++参加这些事情。例如，Ali的Kraken渲染引擎是由前端同学开发的。
在发动机或容器实现W3C标准的某些API之后，可以开发上端技术并应用于上端。但是W3C API太原始了，我们通常会引入前端框架和一些SDK。
前端框架实现了组件化并实现了数据驱动的渲染。让我们无需直接调用DOM API，只管理数据。数据更改将自动调用DOM API重新租赁。
一些前端学生的工作是维护前端框架和SDK，例如百度的前端框架SAN，Ali的Cross -End -End -End -End -End -End Framework Rax等以及各种JS SDK。
该引擎支持JS的执行和CSS的渲染，但是当我们开发时，我们可能不会直接编写JS和CSS，并且我们将使用Typescript，ES Next等。CSS还将使用Pre -Pre -Precessors，例如SASS，例如SASS，因此需要对其进行编译。为了更好地分发代码，它也将包装代码。在编译之前，您还将棉绒。
这些是工程工具链。一些学生执行这些任务，例如包装WebPack或Vite，并制作盒子中使用的CLI，例如我公司的自行开发编译器。例如，开源的Mordern.js是这个类别。
该引擎提供了前端代码的执行功能。运行时层提供了一个简单的 - 使用前端框架和SDK。该工具层提供了用于打开框的编译和包装工具链。
大多数前端开发都在此层上工作，而其他层也可以为此水平服务。所有级别的业务是公司的基础。
为了提高交付效率和解放业务层的前端开发，现在越来越多的公司会为供应和非开发人员提供视觉构建平台，以实现自己的需求，以便前端开发已经有了有更多的时间去做其他一些层次，以做其他层次的挑战。
许多公司将拥有一些方面 - 前面 - 建立平台，以尝试直接解决一种需求。
上面的五层基本上涵盖了前端的大多数工作内容，但是不同公司的五层楼有不同。有些公司可能只有业务层和工具层的工作，而有些公司则会这样做。根据层次，有些公司将执行运行时层甚至发动机层。
我去公司做了所有五层：
这五层的完美决定了前端的范围。上升的公司的前端作品涉及所有五层，深度相对较大，因此可以在那里做更多的事情。
前端有许多类型的工作内容，但可以分为五层：
发动机层，运行时层，工具层，业务层和构造层。
不同级别的重点是不同的。
这五层的完美也决定了前端事物的垂直深度。这五层越完美，在前端可以做的越多。
考虑一下，您的工作在哪里？或您想做哪个工作层？