文章 2023-07-31 来自:开发者社区

作为面试官,为什么我推荐微前端作为前端面试的亮点?-3

在上述示例中,main-app 使用 import() 函数动态加载 shared_module 中的 Button 组件。通过动态加载,可以在需要时异步地加载远程模块,并在加载完成后使用模块。在微前端应用中可以实现模块共享和动态加载,提供了更好的代码复用和可扩展性。通过模块共享,可以避免重复加载和代码冗余,而动态加载则可以按需加载模块,提高应用的性能和用户体验。说说qiankun的资源加载机制....

文章 2023-07-31 来自:开发者社区

作为面试官,为什么我推荐微前端作为前端面试的亮点?-2

你能解释一下 qiankun 的 start 函数的作用和参数吗?如果只有一个子项目,你会如何启用预加载?qiankun 的 start 函数是用来启动微前端应用的。在注册完所有的子应用之后,我们需要调用 start 函数来启动微前端应用。start 函数接收一个可选的配置对象作为参数,这个对象可以包含以下属性:prefetch:预加载模式,可选值有 true、false、'all'、'pops....

文章 2023-07-31 来自:开发者社区

作为面试官,为什么我推荐微前端作为前端面试的亮点?-1

前段时间陆续面试了一波候选人,其中提到最多的就是微前端方案,微前端不像前端框架的面试题那样,它更偏重于项目实战,更加考察候选人的技术水平,不像React,Vue随便一问,就是各种响应式原理,Fiber架构等等烂大街的。为什么选择微前端作为项目亮点如果你的简历平平无奇,面试官实在在你的简历上问不出什么,那么只能给你上点“手写题”强度了作为面试官,我经常听到很多候选人说在公司做的项目很简单,平常就是....

作为面试官,为什么我推荐微前端作为前端面试的亮点?-1
文章 2023-06-13 来自:开发者社区

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(下)

2.5.2 引入到 container 中在 container/webpack.config.js 中增加:const HtmlWebpackPlugin = require("html-webpack-plugin"); const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin")....

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(下)
文章 2023-06-13 来自:开发者社区

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(中)

2.2 改造 micro-front-end-1cd micro-front-end-1先安装webpack相关的依赖:yarn add webpack webpack-cli webpack-server html-webpack-plugin webpack-dev-server -D删除 micro-front-end-1/src/index.js 中的所有代码,并将其替换为:在 micr....

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(中)
文章 2023-06-13 来自:开发者社区

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(上)

在【微前端】在造一个微前端轮子之前,你需要知道这些~ 文中,我详细列举了当前实现微前端的多种方式,本文将基于 Webpack 5 Module Federation 从0到1实现一个以 React 项目为容器,集成多个 React 和 Vue 项目的微前端项目,文末有源码,请自行食用 ~“Good frontend development is hard. Scaling frontend de....

【微前端】手把手教你从0到1实现基于Webpack5 模块联邦(Module Federation)的微前端~(上)
文章 2023-06-13 来自:开发者社区

【微前端】在造一个微前端轮子之前,你需要知道这些~(下)

3.3.3 基于 Web Components 的微前端前面方法的一个变化是,每个微型前端定义一个HTML自定义元素供容器实例化,而不是定义一个全局函数供容器调用。Web Components 是一种浏览器提供的标准,可以将页面组件化并进行复用。在微前端中,可以使用 Web Components 来封装页面组件,并在需要的地方动态加载和渲染。<html> <head>...

【微前端】在造一个微前端轮子之前,你需要知道这些~(下)
文章 2023-06-13 来自:开发者社区

【微前端】在造一个微前端轮子之前,你需要知道这些~(上)

1、什么是微前端好的前端开发很难。扩展前端开发以便许多团队可以同时在大型复杂产品上工作更加困难。什么是微前端? Dan 大神是这么说的:Micro Frontends一词于 2016 年底首次出现在ThoughtWorks Technology Radar中:We've seen significant benefit from introducing microservice architec....

【微前端】在造一个微前端轮子之前,你需要知道这些~(上)
文章 2023-05-25 来自:开发者社区

【微前端架构】AWS 上的微前端架构

微服务架构的特点是独立服务,这些服务专注于特定的业务功能,并由小型、自包含的团队维护。微服务架构经常用于在 AWS 上开发的 Web 应用程序,这是有充分理由的。它们提供了许多众所周知的好处,例如开发敏捷性、技术自由、有针对性的部署等等。尽管微服务很受欢迎,但许多前端应用程序仍然以单体风格构建。例如,他们有一个与所有后端微服务交互的大型代码库,并由一大群开发人员维护。图 1. 带有单体前端的微服....

【微前端架构】AWS 上的微前端架构
文章 2023-05-25 来自:开发者社区

【微前端】微前端——功能团队中缺失的一块拼图

在任何合法的前端开发团队中,提高可扩展性和敏捷性很少会成为头等大事。在处理大型、复杂的产品时,如何确保快速、频繁地交付同时包含后端和前端的功能?像后端那样将前端单体分解成许多更小的部分似乎是答案。如果执行得当,微前端可以提高团队的有效性和效率。就是这样。微前端背后的想法是将网站或 Web 应用程序视为由独立团队拥有的功能的组合。每个团队都有自己关心和擅长的不同业务领域或任务。团队是跨职能的,从数....

【微前端】微前端——功能团队中缺失的一块拼图

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注