javascript前端微前端

webpack 5 模块联邦实现微前端

webpack5模块联邦实现微前端微前端：将巨大的单体前端系统拆分成多个独立的小型系统，最后集成为一个系统的架构思路，分而治之，让系统更加容易维护、更易扩展，实施微前端是一个先拆分，后合并的过程。
·2022-01-27 08:11

webpack 5 模块联邦实现微前端

webpack5模块联邦实现微前端微前端：将巨大的单体前端系统拆分成多个独立的小型系统，最后集成为一个系统的架构思路，分而治之，让系统更加容易维护、更易扩展，实施微前端是一个先拆分，后合并的过程。
·2022-01-24 11:10

如何使用 gh-pages 部署 vue 应用

使用webpack5实现了微前端，希望能把这些应用部署到git-pages,如何办呢？webpack5模块联邦实现微前端gh-pages是什么？
·2022-01-24 11:39

为了实践微前端，重构了自己的导航网站

笔者早期开发了一个导航网站，一直想要重构，因为懒拖了好几年，终于，在了解到微前端大法后下了决心，因为工作上一直没有机会实践，没办法，只能用自己的网站试试，思来想去，访问量最高的也就是这个破导航网站了，于是用最快的时间完成了基本功能的重构
·2022-01-23 15:24

用 vite 构建项目，同时支持微前端

得益于esbuild的超高性能，vite在诞生之初就备受关注，且一直保持着活跃的开发迭代。截至目前，vite已经迭代到了2.7.10版本，各方面也基本具备了在生产使用的条件。这段时间，我在项目中尝试了使用vite进行打包构建，本文就是这次构建的过程记录。基础配置首先使用vite官方脚手架生成项目。yarncreatevitevite-demo--templatereact-ts上面这行命令使用re
·2022-01-14 11:45

2022年了你必须要学会搭建微前端项目及部署方式

一、微前端简介微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
·2022-01-06 14:57

字节跳动是如何落地微前端的

微前端的出现的背景和意义微前端是什么：微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品
·2022-01-06 10:28

技术期刊 · 路尘终见泰山平 | 微前端及插件化架构在 Wix 的实践;编辑器架构的第二路径;业务中的前端组件化体系……

观海志登山则情满于山，观海则意溢于海微前端
·2021-12-24 09:54

微前端框架 qiankun 技术分析

我们在single-spa技术分析基本实现了一个微前端框架需要具备的各种功能，但是又实现的不够彻底，遗留了很多问题需要解决。
·2021-12-21 08:04

微前端框架 single-spa 技术分析

在理解微前端技术原理中我们介绍了微前端的概念和核心技术原理。本篇我们结合目前业内主流的微前端实现single-spa来说明在生产实践中是如何实现微前端的。
·2021-12-03 10:00

推开“微前端”的门

导读：“微前端”和“微服务”类似，是这两年被频繁提及的名词。web开发从前后端放在一起的单体应用，演进成前后端分离的SPA，这些改变让前后端实现了开发解耦、独立发布。
·2021-12-02 11:13

JavaScript前端超时异步操作完美解决过程

目录如果一段代码久久不能执行完成，会怎么样？Axios自带超时处理处理fetch()超时万物皆可超时自从ECMAScript的PromiseES2015和async/awaitES2017特性发布以后，异步在前端界已经成为特别常见的操作。异步代码和同步代码在处理问题顺序上会存在一些差别，编写异步代码需要拥有跟编写同步代码不同的“意识”。如果一段代码久久不能执行完成，会怎么样？如果这是同步代码，我们
·2021-11-25 12:54

理解微前端技术原理

我最早是在2016年接触到微前端的，当时社区里以介绍概念居多，在实践方案，尤其是在业务落地方面应用的比较少。后来，随着方案逐渐成熟，社区里关于微前端的讨论越来越多。
·2021-11-24 11:48

前端网关踩坑实践

，常见的通常会通过暴露一个统一的网关入口给外界，从而使得整个系统服务有一个统一的入口和出口，收敛服务；然而，在前端这种统一提供网关出入口的服务比较少见，常常是各个应用独立提供出去服务，目前业界也有采用微前端应用来进行应用的调度和通信
·2021-11-22 10:10

前端网关踩坑实践

，常见的通常会通过暴露一个统一的网关入口给外界，从而使得整个系统服务有一个统一的入口和出口，收敛服务；然而，在前端这种统一提供网关出入口的服务比较少见，常常是各个应用独立提供出去服务，目前业界也有采用微前端应用来进行应用的调度和通信
·2021-11-22 00:52

@ice/stark-data源码解析

在基于qiankun来进行微前端应用开发过程中，难免会碰到应用之间通信的情况，如基于某个业态下某些定制化的业务需求。
·2021-11-20 15:26

vue3 不支持 IE11的本质

Proxiescannotbetranspiledorpolyfilled）背景近日，组群就vue3的一段对话：BOSS:咱们团队哪个项目用Vue3了（啥背景没说，底层员工现在毛线信息都得不到）组长A:我们用了，微前端主项目用的
·2021-11-19 21:53

使用Jenkins部署微前端方案实践总结

本文首发于公众号「前端进阶之旅」持续集成集成工具jenkins的基本介绍和自动化部署微前端项目的几个简单方案一、Jenkins基础介绍Jenkins是国际上流行的免费开源软件项目,是基于Java开发持续集成工具
·2021-11-18 16:38

微前端开发

一、微前端概述1.什么是微前端？为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，出现了微服务架构。
邹琼俊·2021-10-29 14:00

面试总结

1.JSBridgeJSBridge是连接Native(客户端)和JavaScript前端的桥梁，通过JSBridge两端的代码才可以通信。
_咻咻咻咻咻·2021-10-28 14:49

前端公共模块替换

该项目几年前的老项目了，技术栈在逐步的演进，初始是Freemaker引擎搭建的前后端未分离项目，后面部分旧页面采用React重构，新页面采用React开发，使用iframe标签嵌套React页面，再后来引入了微前端的概念
·2021-10-27 18:02

ABF平台设计（六）微前端渲染框架-YseraMicroServer

前言YseraMicroServer是基于qiankun的微前端平台化解决方案。他基于qiankun的沙箱能力、重新定义的通信机制和接入方式以及ui快照等能力，提供一种微前端快速接入的解决方案。
·2021-10-25 18:37

记录：Webpack5把微前端qiankun的配置文件干没了

故事的开头从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的只是这次顺便在拆分之前升级了webpack5
·2021-10-21 10:01

记录：Webpack5把微前端qiankun的配置文件干没了

故事的开头从一个快要下班的BUG开始，由于原部门同事想要基于一个项目再拆分出几个项目，我们本来用的是qiankun(基座模式)的微前端模式，再拆分其实是比较简单的只是这次顺便在拆分之前升级了webpack5
·2021-10-21 10:56

字节跳动是如何落地微前端的

本文内提及的Garfish微前端解决方案已开源：https://github.com/modern-js-...
·2021-10-11 15:02

探索微前端的三种技术方案

什么是微前端首先我们应该先知道什么是微服务微服务是面向服务架构（SOA）的一种变体，把应用程序设计成一系列松耦合的细粒度服务，并通过轻量级的通信协议组织起来，具体地，将应用构建成一组小型服务。
·2021-10-11 10:04

【qiankun】微前端项目搭建与通信

官网地址：https://qiankun.umijs.org/微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略·独立开发、独立部署主应用1.安装qiankun$yarnaddqiankun
i奇异·2021-09-30 10:24

浅谈前端JS沙箱实现的几种方式

目录前言iframe实现沙箱diff方式实现沙箱基于代理(Proxy)实现单实例沙箱基于代理(Proxy)实现多实例沙箱结束语参考前言在微前端领域当中，沙箱是很重要的一件事情。
·2021-09-12 12:30

从零到一实现企业级微前端框架，保姆级教学

前言这篇文章笔者足足肝了一周多，多次斟酌修改内容，力求最大程度帮助读者造出一个微前端框架，搞懂原理。觉得内容不错的读者点个赞支持下。微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。
·2021-09-06 17:20

微前端 Single-SPA

什么是微前端？微前端就是根据不同的功能拆分成多个独立模块（子应用）,通过主应用来加载这些子应用。微前端的核心在于拆，拆完后在合。
·2021-09-01 16:55

monorepo是什么

每次升级react的版本新功能，这些依赖的库react-clientreact-debug-tools也需要开发发布业务上这些项目互相关联，最后通过微前端的方式接入同一个页面这时候可以用monorepo
·2021-08-29 23:19

从lowcode看下一代前端应用框架

本文会从近两年越来越火的lowcode/微前端出发，探讨在传统前端领域，下一代前端工程/框架的可能方向。全文3166字，预计阅读时间6分钟。
·2021-08-24 10:24

使用开源微前端框架 Luigi 创建一个基于微前端架构的工程

官网地址微前端通常被称为“前端微服务”。它们允许您将大型单体前端分解为独立的、可扩展的、可以协同工作的独立部分。
·2021-08-16 14:12

微前端(qiankun)-主应用非umi子应用为umi

背景由于umi提供了自己的微前端插件plugin-qiankun，而主应用并不是使用umi搭建的，就会涉及主应用直接使用qiankun，而子应用由于入口被umi封装，无法在入口文件导出微前端需要的生命周期
书中自有颜如玉__·2021-08-13 20:23

从零开始写一个微前端框架-数据通信篇

前言自从微前端框架micro-app开源后，很多小伙伴都非常感兴趣，问我是如何实现的，但这并不是几句话可以说明白的。
·2021-08-06 15:55

从零开始写一个微前端框架-样式隔离篇

前言自从微前端框架micro-app开源后，很多小伙伴都非常感兴趣，问我是如何实现的，但这并不是几句话可以说明白的。
·2021-08-05 18:23

深入浅出微前端

深入浅出微前端背景什么是微前端微前端优势微前端解决方案为什么不是TA为什么不是iframe为什么不是WebComponent为什么不是ESMSingleSpaSystemJS使用新建项目并配置编写js、
·2021-08-05 12:59

从零开始写一个微前端框架-沙箱篇

前言自从微前端框架micro-app开源后，很多小伙伴都非常感兴趣，问我是如何实现的，但这并不是几句话可以说明白的。
·2021-08-04 19:18

从零搭建Webpack5-react脚手架的实现步骤(附源码)

开发配置开始编写webpack.prod.js生产配置编写scripts命令配置代码质量管控流程单元测试webpack5近期终于有时间和精力专注于公司技术基础建设了，于是一开始，将公司的Saas系统改造成了微前端模式
·2021-08-02 17:34

一行代码实现微前端

看到标题，大家首先想到的应该是iframe，诚然iframe的确可以做到，但是我们今天要讲的并不是它，而是新推出的一款微前端框架micro-app。
·2021-08-01 21:10

从零搭建Webpack5-react脚手架(附源码)

webpack5近期终于有时间和精力专注于公司技术基础建设了，于是一开始，将公司的Saas系统改造成了微前端模式，解决了历史遗留的一部分问题接着，想着webpack5已经发布这么久了，该在生产环境用起来了
·2021-07-30 11:10

微前端(Micro Frontend ) 落地实施的一些具体例子

前文微前端概述(MicroFrontends)以及相比单体应用，微前端能带来什么好处简单介绍了微前端的概念，本文来看一个具体的应用例子。原文地址想象一个网站，客户可以在其中订购外卖食品。
·2021-07-29 18:04

微前端概述(Micro Frontends) 以及相比单体应用，微前端能带来什么好处

原文地址好的前端开发很难。扩展前端开发，让多个团队可以同时开发一个大型复杂的产品就更难了。在本文中，我们将描述将前端单体分解成许多更小、更易于管理的部分的最新趋势，以及这种架构如何提高处理前端代码的团队的效率和效率。除了讨论各种好处和成本外，我们还将介绍一些可用的实现选项，我们将深入研究演示该技术的完整示例应用程序。近年来，微服务大受欢迎，许多组织使用这种架构风格来避免大型单体后端的局限性。虽然关
·2021-07-29 18:03

百度关于微前端架构EMP的探索：落地生产可用的微前端架构

导读：随着Web前端工程‬日趋复杂，也‬带来了更大的工程理治‬挑战，微前端在‬大型前端工架程‬构解决方案中成已‬为重要思路之一。
·2021-07-27 19:02

解决qiankun微前端加载腾讯地图JSONP跨域问题

qiankun微前端框架加载腾讯地图会报jsonp请求跨域的问题,官网给的解决方案如下图所示：image.png然而并不能解决实际项目遇到的场景，qiankun框架加载腾讯地图api，腾讯地图本身会动态加载一些
small_zeo·2021-07-09 14:12

Qiankun

1、目标针对事业部前端开发业务场景考虑使用一个项目实例，通过微前端的方式去实现业务功能模块的解耦。
秋名山车神lv·2021-07-08 14:50

微前端解决方案

前言随着技术的发展，前端应用承载的内容也日益复杂，基于此而产生的各种问题也应运而生，从MPA（Multi-PageApplication，多页应用）到SPA（Single-PageApplication，单页应用），虽然解决了切换体验的延迟问题，但也带来了首次加载时间长，以及工程爆炸增长后带来的巨石应用（Monolithic）问题；对于MPA来说，其部署简单，各应用之间天然硬隔离，并且具备技术栈无
pony·2021-07-02 00:00

微前端框架整体架构思路

0.前言在Tob项目如火如荼的今天,越来越多的前端项目规模开始急剧扩大,多团队分模块开发迭代是越来越不可以避免,微前端的形式也越来越有必要.1.微前端的核心介绍1.1模块服务管理模块和插件的核心服务.1.2
笛声hk·2021-06-27 10:50

前端架构——从入门到微前端 读书笔记

前端架构——从入门到微前端读书笔记最近，前端圈中出现一个一个热词”微前端“，作为一个前端菜鸟，也来赶赶集。所以，我读了黄蜂达老师写的《前端架构——从入门到微前端》一书。
一毛钱的代码·2021-06-27 02:36

umi3 + qiankun 搭建微前端

本文介绍qiankun的主应用和微应用都使用umi3搭建。umi3+qiankun开发篇umi3+qiankun部署篇umi3+qiankun组件篇umi3+qiankun工具篇1.主应用创建主应用，安装依赖包$mkdirumi-main$cdumi-main$yarncreate@umijs/umi-app$yarn$yarnadd@umijs/plugin-qiankun-D修改启动端口号：根
dkvirus·2021-06-26 22:16
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他