当前位置: 首页 > 网络应用技术

前端工作的五楼,您在哪个楼层工作?

时间:2023-03-07 11:50:50 网络应用技术

  现在,前端的工作不仅像剪图一样简单,而且工作内容很丰富:有些前端工程师将执行前端框架,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。该工具层提供了用于打开框的编译和包装工具链。

  大多数前端开发都在此层上工作,而其他层也可以为此水平服务。所有级别的业务是公司的基础。

  为了提高交付效率和解放业务层的前端开发,现在越来越多的公司会为供应和非开发人员提供视觉构建平台,以实现自己的需求,以便前端开发已经有了有更多的时间去做其他一些层次,以做其他层次的挑战。

  许多公司将拥有一些方面 - 前面 - 建立平台,以尝试直接解决一种需求。

  上面的五层基本上涵盖了前端的大多数工作内容,但是不同公司的五层楼有不同。有些公司可能只有业务层和工具层的工作,而有些公司则会这样做。根据层次,有些公司将执行运行时层甚至发动机层。

  我去公司做了所有五层:

  这五层的完美决定了前端的范围。上升的公司的前端作品涉及所有五层,深度相对较大,因此可以在那里做更多的事情。

  前端有许多类型的工作内容,但可以分为五层:

  发动机层,运行时层,工具层,业务层和构造层。

  不同级别的重点是不同的。

  这五层的完美也决定了前端事物的垂直深度。这五层越完美,在前端可以做的越多。

  考虑一下,您的工作在哪里?或您想做哪个工作层?