微前端qiankunvite

爱智JSRE开发需要注意什么？

前端开发首先从爱智前端开发来说一下，首先基于爱智开发的前端技术来说属于微前端一类，仅仅在爱智App主程序中通过iframe来显示我们的应用界面，这里虽然
·2022-03-14 17:38

五行配置文件就搞定整个ci/cd流程，开发项目太爽了

同时前端项目也包括很多单页的h5项目，还有一些基于微前端的中台项目。所以前后端的项目在gitlab仓库里面有200+个不同的仓库。
LOC_Thomas·2022-03-08 15:53

手把手教你写一个简易的微前端框架

最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。
·2022-02-28 10:55

手把手教你写一个简易的微前端框架

最近看了几个微前端框架的源码（single-spa、qiankun、micro-app），感觉收获良多。所以打算造一个迷你版的轮子，来加深自己对所学知识的了解。
·2022-02-27 16:42

如何定位浏览器页面崩溃的问题

问题定位首先，说一下项目技术栈背景，是采用React+Mobx+single-react-spa搭建的一个微前端中后台应用。当初始化加载完页面，点击”删除“触发事件后页面就卡死，
·2022-02-27 10:32

如何定位浏览器页面崩溃的问题

问题定位首先，说一下项目技术栈背景，是采用React+Mobx+single-react-spa搭建的一个微前端中后台应用。当初始化加载完页面，点击”删除“触发事件后页面就卡死，
·2022-02-26 16:13

微前端框架核心技术揭秘

2016年由ThoughtWorks提出了一种类似微服务的概念“微前端”（MicroFrontend），其后该概念在web领域逐渐落地，在前端技术领域出现了繁多的微前端框架。
tisontang·2022-02-22 10:00

微前端框架核心技术揭秘

2016年由ThoughtWorks提出了一种类似微服务的概念“微前端”（MicroFrontend），其后该概念在web领域逐渐落地，在前端技术领域出现了繁多的微前端框架。
否子戈·2022-02-22 10:00

微前端训练营

微前端介绍：微前端解决特定问题，他并不是一个通用的解决方案，与技术栈无关，例如有一个庞大的应用集合，汇集了reactvue等框架结构，在实际开发中影响到了工作效率，这时候可以考虑一下拆分，再聚合一下，提高开发效率
巧克力_404·2022-02-20 07:24

qiankun + Vue实现微前端服务

本文介绍如何使用qiankun+Vue搭建一个前端微服务一、什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently
超人s·2022-02-19 13:03

2022年最新web前端学习资料整理

前言：最近整理下收集的前端学习资料，包含了Vue、React、Electron、服务端渲染、微前端、前端性能优化、前端工程化、前端面试、Js、CSS、Nodejs、网络安全、Http通信、浏览器原理、前端部署运维
谢特boy·2022-02-18 16:18

「微前端实践」使用Vue+qiankun微前端方案重构老项目的本地验证

10月份换了新的工作，参与完一个月的需求迭代后，接到了项目重构的任务。简单来说，需要在短时间内提出方案设想，同时进行本地验证，最终需要拿出一套技术替换方案来。于是，埋头苦干了一个月，总算干了点成绩出来，今天把当时的思考和实践做个简单总结，就当是个复盘吧。一、老项目现状最初接触到的老项目，使用到的前端技术栈主要是（jQuery1.8+layui-v2.5.4+ExtJS4.2.1.883），当时拿到
yinmochunCoder·2022-02-18 14:00

微前端框架 之 single-spa 从入门到精通

当学习成为了习惯，知识也就变成了常识。感谢各位的点赞、收藏和评论。新视频和文章会第一时间在微信公众号发送，欢迎关注：李永宁lyn文章已收录到github仓库liyongning/blog，欢迎Watch和Star。简介从基本使用->部署->框架源码分析->手写框架，带你全方位刨析single-spa框架前序目的会使用single-spa开发项目，然后打包部署上线刨析single-spa的源码原理手
李永宁_lyn·2022-02-18 08:24

《中台架构与实现：基于DDD和微服务》已正式出版啦

从如何利用DDD完成业务中台领域建模、业务领域边界划分和微服务的拆分和设计，到微前端与微服务相结合的单元化设计思想，再到如何采用单元化、产品化和模块化的设计思想，组建分布式架构多项目并行开发团队，完成中台建设等诸多问题在书中都能够找到答案
欧创新·2022-02-18 08:52

WebPack 组件预加载方案和对前端中台化的思考

前言随着微前端和中台化的概念和实践越来越多,对于组件的复用能力要求也越来越多.与此同时仅仅利用npm包或者代码模版的生成页面代码来做到复用性,可能在微前端的架构下也会导致不必要的无效加载和代码体积过大.
笛声hk·2022-02-14 20:08

vite构建项目并支持微前端

目录基础配置支持微前端构建其他说明1.老旧浏览器的支持2.关于TypeScript的说明3.对接CDN4.构建出错4.1找不到包4.2请求超时4.3导入模块出错小结得益于esbuild的超高性能，vite
·2022-02-14 13:40

乾坤-qiankun 微前端 从0-1开始使用

首先先描述下使用场景公司业务逐渐的多了起来对应业务的后台也就越来越多，有公司的ERP系统，有商家后台系统，有老版APP后台管理系统和新版APP管理系统，解释下这个新老APP后台管理。老版本是混合式开发由后端同学维护，但是遇到复杂的交互场景及大量的前端校验时后端同学写起来很吃力，所以有了新版后台管理系统，逐渐的新需求会在新版来做，原有的后台功能由老版本维护，所以新老后台联动性十分强，运营人员往往需要
前端劝退师_ty·2022-02-14 10:07

微前端与Web Components

微前端是thoughtworks在2016年提出的Micro Frontendsextendingthemicroserviceideatofrontenddevelopment一文阐述了整个思想，该文也被翻译成为中文版本
brandonxiang·2022-02-09 14:28

微前端说明以及使用

1、微前端概论1.微前端概念类型一样，只不过微前端是用fetch去请求js并渲染在指定的DOM容器。·跟技术栈无关，任何前端技术栈都可以接入。·多个应用结合在一起，可以一起运行，又可以单独运行。
Dawnzhang·2022-02-08 17:00

微前端简单了解

什么是微前端呢？目前网络上对其普遍的定义是：“微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。”
荒剑离·2022-02-07 01:21

初步认识微前端（single-spa 和 qiankun）

初步认识微前端微前端是什么现在的前端应用，功能、交互日益复杂，若只由一个团队负责，随着时间的推进，会越来越庞大，愈发难以维护。微前端这个名词，第一次提出是在2016年底。
彭加李·2022-02-06 21:00

HTML Entry 源码分析

但如果你了解微前端的话，可能就会有一些了解。致读者本着不浪费大家时间的原则，特此说明，如果你能读懂HTMLEntry是什么？？部分，则可继续往下阅读，如果看不懂建议阅读完推荐
·2022-02-05 18:01

HTML Entry 源码分析

但如果你了解微前端的话，可能就会有一些了解。致读者本着不浪费大家时间的原则，特此说明，如果你能读懂HTMLEntry是什么？？部分，则可继续往下阅读，如果看不懂建议阅读完推荐
李永宁·2022-02-05 18:00

朋友，在准备大厂面试吗，内部技术了解一下，Android框架体系架构的知识

本文讨论了微前端在字节跳动的应用情况，内容主要分析了微前端具体落地
m0_65320833·2022-02-04 21:19

微前端框架 之 qiankun 从入门到源码分析

介绍qiankun是基于single-spa做了二次封装的微前端框架，通过解决了single-spa的一些弊端和不足，来帮助大家实现更简单、无痛的构建一个生产可用的微前端架构系统。
·2022-02-04 15:18

微前端框架 之 qiankun 从入门到源码分析

介绍qiankun是基于single-spa做了二次封装的微前端框架，通过解决了single-spa的一些弊端和不足，来帮助大家实现更简单、无痛的构建一个生产可用的微前端架构系统。
李永宁·2022-02-04 11:00

初探 MicroApp，一个极致简洁的微前端框架

在微前端的领域里，相信大家都听说过阿里的qiankun。
写代码的海怪·2022-01-28 13:56

微前端 qiankun

首先，官网祭天保佑~微前端特性：子应用可自主选择技术栈各应用单独部署、互不依赖然后，开始整。
buffonme·2022-01-28 09:56

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

理解微前端技术原理

我最早是在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

前端公共模块替换

该项目几年前的老项目了，技术栈在逐步的演进，初始是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
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他