前端架构微前端qiankun

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

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

使用vite搭个中后台系统的脚手架

搭个中后台系统的脚手架仓库地址https://github.com/percy507/v...搭建脚手架目的学习vite、recoil等新技术封装项目中常用的较复杂的组件学习一定的前端架构能力构建命令npm
·2021-08-15 14:39

微前端(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

Vue.js 被选作维基百科的前端框架

由于此项目的长期性和广泛性，维基媒体基金会表示他们为此成立了专门的前端架构工作小组，
·2021-08-03 12:03

从零搭建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搭建。
dkvirus·2021-06-26 22:16

基于react+antd+rxjs的大型admin系统的微前端方案

将多个可独立交付的应用组合成一个更大的应用。简而言之，微型前端就是将大而恐怖的东西切成更小，更易于管理的部分，然后明确地表明它们之间的依赖关系。我们的团队以及我们的发布流程都应该能够彼此独立地运行和发展，而无需过多的协调。这是架构方案：1应用容器，承载子应用2子应用，统一的应用接口3react版本一致，antd的版本一致最好，基于react的hook，配合rxjs做响应式。image.png其中有
pccold·2021-06-26 12:58

解剖Babel —— 向前端架构师迈出一小步

解剖Babel——向前端架构师迈出一小步当聊到Babel的作用，很多人第一反应是：用来实现APIpolyfill。事实上，Babel作为前端工程化的基石，作用远不止这些。
·2021-06-26 11:34

前端学习路线（1）

文法词法语法语义运行时类型执行过程......追本溯源了解知识的来源，历史背景、所经历的变迁，关注技术提出发展的背景wiki前端架构图前端知识：基础部分JavaScript语言（模块一）CSS和HTML
WanggW·2021-06-26 01:53

微前端简介

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

web前端面试宝典-基础篇(一)

CSS部分JavaScript部分数据结构部分（算法）框架之Angular.js框架之Vue.js框架之React.js移动端HTTPWEB安全WEB渗透之KaliLinux前端性能设计模式正则表达式前端架构设计一
虚竹梦姑·2021-06-24 20:23

webpack实战之（手把手教你从0开始搭建一个vue项目）

前言我们前面从前端架构：前端框架系列之（装饰器Decorator）前端框架系列之（vue-class-component）前端框架系列之(vue-property-decorator)前端框架系列之（mvc
vv_小虫虫·2021-06-24 04:47

JavaScript 沙盒模式

微前端已经成为前端领域比较火爆的话题，在技术方面，微前端有一个始终绕不过去的话题就是前端沙箱什么是沙箱Sandboxie(又叫沙箱、沙盘)即是一个虚拟系统程序，允许你在沙盘环境中运行浏览器或其他程序，因此运行所产生的变化可以随后删除
·2021-06-23 12:00

JavaScript 沙盒模式

微前端已经成为前端领域比较火爆的话题，在技术方面，微前端有一个始终绕不过去的话题就是前端沙箱什么是沙箱Sandboxie(又叫沙箱、沙盘)即是一个虚拟系统程序，允许你在沙盘环境中运行浏览器或其他程序，因此运行所产生的变化可以随后删除
·2021-06-23 12:41

第36期 最易理解的手写promise & React和Vue都在用的FLIP思想实战 & 前端瀑布流布局如何应用动态规划和贪心算法

前端架构101：在谈论它们之前我们需要达成的共识在这个系列里面，我会谈到前端架构的进化；它们解决了什么样的问题以及又是如何面临新的无法解决的问题的；最后这些架构背后
前端收藏家·2021-06-21 19:06

基于 qiankun 的微前端最佳实践（图文并茂） - 从 0 到 1 篇

micro-app写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇万字长文+图文并茂+全面解析微前端框架qiankun
昵称不用太拉风·2021-06-20 22:38

single-spa-react搭建微前端应用

概述上一篇《微前端原理篇》讲到了微前端架构设计大致有三种，Monorepo、NPM包以及SystemJS动态加载模块，本文会逐一实现。如果对这三种设计不清楚的同学请翻阅上一篇文章。
·2021-06-20 19:06

single-spa-react搭建微前端应用

概述上一篇《微前端原理篇》讲到了微前端架构设计大致有三种，Monorepo、NPM包以及SystemJS动态加载模块，本文会逐一实现。如果对这三种设计不清楚的同学请翻阅上一篇文章。
·2021-06-20 19:58

微前端调研文档

学习背景随着管理后台项目功能模块逐渐增多，直接带来的影响有以下几点：各功能模块共享同一个package.json配置，若包版本进行升级，需所有模块全量回归测试，造成时间成本的数量级增加主应用项目的编译、构建和打包时间都会随着项目体积的增加而增加，降低开发效率希望可以和主应用最大化解耦和沙箱隔离，并且做到独立开发、独立部署，将业务和主应用解耦，便于开发维护脱离技术栈的限制，三大框架可以组合应用，但还
cs0710·2021-06-20 17:40

每日优鲜供应链前端团队微前端改造（转）

原文链接：https://juejin.im/post/5d7f702ce51d4561f777e258一、需求以及成果我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发层
NealXue·2021-06-18 22:03

【微前端】10分钟学会乾坤大挪移

前言今天刚刚学习了一个微前端框架——乾坤，正着热乎劲，写一篇入门博客。这篇文章不会讨论太多的原理和实现，只是一个入门写HelloWorld的教程。
严海翔·2021-06-14 17:11

微前端qiankun和ant-design-pro的实践经历

四月份启动了一个ERP项目，基础架构设计采用了微前端（qiankun）+ant-design-pro，开始一时爽，后面火葬场，这里记录一下这次实践的过程。
内孤·2021-06-13 08:32

single-spa 微前端部署

什么是微前端微前端指的是在于浏览器中得微服务。微前端是用户界面中的一部分，可以分割为多个react、Vue、Angular等框架来渲染组合。没有微前端可由不同的开发团队只管里选择不同框架。
小小_绿·2021-06-12 08:36

webpack5模块联邦源码探究

前端|Webpack5模块联邦源码探究.png前言虽然webpack5已经发布了一段时间了，但一直都没有研究过，最近正好在做微前端相关的调研，恰好看到了webpack5的模块联邦与微前端的相关方案，便想着探究下模块联邦的相关源码
维李设论·2021-06-12 02:45

@ice/stark 随记

之前研究过相应的沙箱实现，现在走一遍整个微前端方案@ice/stark的启动流程。版本：2.0.2需求效果确认再看实际代码之前，我们先简单确认下需求：主应用的路由改变时，内容节点能渲染对应的微前端。
Gary嘉骏·2021-06-11 06:57

2017年终回顾：挣扎与想念

多亏前公司新项目的开发，有幸参与其中担任前端架构开发。记得刚开始的时候对框架的一窍不通。而且项目周期比较赶，整天开会和工作量都快把我压垮了。
小茗·2021-06-10 16:37

qiankun接入子应用（creact-react-app）

主应用就不用说了，只要搭建完毕就可以接入其它多个各式各样的子应用项目，我这里主要介绍的是子应用脚手架如何接入主应用我这里是直接用的react官方推荐的脚手架，在这个基础上进行修改。一，子项目搭建安装react脚手架npxreact-create-appreact-demo输入命令暴露脚手架隐藏的配置文件npmruneject不出意外的情况下，应该是可以看到我们的目录出现了好几个目录，那就代表暴露成
w晚风·2021-06-09 01:09

React实现局部HTML打印实践遇到的一些问题

window.print()可以调起浏览器自带的打印页面的功能，它会把当前文档的body生成一个PDF进行打印，最新在业务开发中就使用了它来实现了一个局部页面打印的功能，虽然看起来很简单，但还是遇到了一些问题，例如：1.微前端场景下的样式丢失
内孤·2021-06-08 04:54

js的with

但最近在看阿里巴巴的飞冰项目中的微前端的实现时，在其中沙箱用了with去阻断沙箱内对window全局变量的访问和修改。
Gary嘉骏·2021-06-07 18:58

微前端里的沙箱

阿里的飞冰项目里的微前端中出现沙箱概念。这是为了隔离子应用对全局变量window的影响。我们先思考下有哪些影响：子应用共用了同一个全局变量，并可能进行修改。
Gary嘉骏·2021-06-07 18:39

Kotlin 更新了Roadmap，未来会有哪些新变化?

为了配合新的编译器前端架构，现有的JVM、JS等编译器后端也需要重新实现。新的J
fundroid_方卓·2021-06-07 15:38

微前端qiankun从搭建到部署的实践 - SegmentFault 思否

最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码：https://github.com/fengxianqi/qiankun-example。
·2021-06-07 14:00

基于qiankun框架的微前端实战使用_DJYanggggg的博客-CSDN博客_qiankun框架使用教程

Vue的，整合的话要么重构，统一技术栈，不过这是不现实的，成本高，时间长，要么使用iframe，但是iframe也有很多缺点，通信不方便，刷新页面会导致路由丢失，这都是很不好的体验，于是我想起了最近很火的微前端概念
·2021-06-07 14:00

前端微服务化进阶4 - 跨框架共享组件(微件化)

个人博客:https://alili.tech/在微前端中,我们可以根据自己的业务需求,让子模块使用不同框架技术栈.虽然到了这一步已经很美好了,那这就是微前端的终点吗?
Hello丶Alili·2021-06-07 11:54

qiankun 踩坑指南

鉴于前一段时间公司内部项目用到了微前端框架qiankun，总理了一些常见的坑：指定yarn模块下载源yarnconfigsetregistryhttps://registry.npm.taobao.org
神刀·2021-06-06 13:58

webpack cli 脚手架封装

项目的背景去年做的项目了，最近来整理下，先描述下项目背景，在微前端乾坤的项目考虑到了许多额外的场景，计划用微前端把后台打造成平台化的性质，承载着不同的项目系统，即有老版本后台（php项目），又有新版本后台
程序员劝退师_ty·2021-06-04 19:50
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他