2024年前端最全程序人生：未来，企业真的只有几个前端工程师吗？，面试字节跳动被问前端屏幕适配方案

web浏览器中的javascript

• 客户端javascript
• 在html里嵌入javascript
• javascript程序的执行
• 兼容性和互用性
• 可访问性
• 安全性
• 客户端框架
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

window对象

• 计时器

• 浏览器定位和导航

• 浏览历史

• 浏览器和屏幕信息

• 对话框

• 错误处理

• 作为window对象属性的文档元素

微前端的基础设施。这是目前讨论得最多的，一个微应用如何通过一个组件基座加载进来、脚手架工具、怎么单独构建和部署、怎么联调。

微前端配置中心：标准化的配置文件格式，支持灰度、回滚、红蓝、A/B 等发布策略。

微前端的可观察性工具：对于任何分布式特点的架构，线上/线下治理都很重要。

微前端具体要解决好的 10 个问题：

微应用的注册、异步加载和生命周期管理；

微应用之间、主从之间的消息机制；

微应用之间的安全隔离措施；

微应用的框架无关、版本无关；

微应用之间、主从之间的公共依赖的库、业务逻辑(utils)以及版本怎么管理；

微应用独立调试、和主应用联调的方式，快速定位报错（发射问题）；

微应用的发布流程；

微应用打包优化问题；

微应用专有云场景的出包方案；

渐进式升级：用微应用方案平滑重构老项目。

通过问题理解问题是一种思考方式，相信大家能沟通通过微前端三大组成部分和它要解决的 10 个问题，能够有一个大概的理解。下面，看一下我归纳的微前端的架构体系（如图）：

通过上图，很明显的看出前后端分工，以及线上微应用相关配置流程。整体运行环境以及开发流程是非常复杂的，留到大会的时候再详细讲解。

微前端的基本原理

========

如下图所示，微前端的工程化是从传统前端工程化体系升级上来的。

比如构建，增加微应用类型的项目构建，有动态的打包策略。传统项目管理工具通常是命令行工具，包括构建、发布、测试，会升级为项目工作台，通过 Web 界面管理项目。一个项目包括哪些微应用，版本，发布策略等在配置中心统一管理。一个大型应用被「碎片化」后，还要能做到「一目了然」。哪个模块报错，加载失败等异常发生第一时间反应在配置中心里。

下面的原型图，就是一个最基本的配置中心的样貌。微前端体系要可控、可观察。

通过多个微应用的组合，能够在变化如此复杂的需求中，更好的更快的赋能业务。

云时代的前端开发模式

==========

前端开发从 PC 时代到移动时代，从刀耕火种的原始运维到云计算时代，回顾起来，我们会发现——开发模式跟时代背景真是密不可分。前端奋斗 20 年才把页面写好，而现在又变成「切页面」了，只是此「切」非彼「切」。云时代的开发模式注定是「碎片化」的，开发是面向模块的，而页面只是一种组合场景，一种运行时容器。

我想，未来的产品开发主要时间是在「编排」——编排服务、编排逻辑、编排组件、编排访问策略、编排流程。到了云时代，一家企业只要招几个前端工程师就可以了，兼顾开发和运维、资产全部上云，运维任务通过控制台就能完成。开发借助 Serverless 和编排工具就能实现无服务端。在未来，无论是前端工程师还是全栈工程师，都将不复存在，应该叫端到端(F2E -> E2E)工程师了。

---

码字不易，在线求个三连支持。

大家记得收藏前，先点个赞哦！好的文章值得被更多人看到。

关注江哥不迷路，带你编程上高速。

微信公众号关注：江小鱼吧 免费领取高级前端学习资料，转身涨薪20K

❤️ 谢谢支持

喜欢的话别忘了 关注、点赞哦~。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

赞哦~。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-7WLhcw38-1715000129921)]