微前端qiankunvite

微前端及Vue + qiankun 实现案例 - 简书

微前端架构微前端特征一、什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently
·2021-05-31 14:00

论微前端在react项目中的应用 - 简书

本篇文章的大部分内容将用于解释如何通过js在运行时集成多个微应用。在这个例子中使用的是React，你也可以使用其他的框架来实现容器我们先从开始,它的package.json内容如下{"name":"@micro-frontends-demo/container","description":"Entrypointandcontainerforamicrofrontendsdemo","script
·2021-05-30 15:00

vue3+quasar+qiankun

image.png上图描述了qiankun微前端的运行过程,父子应用之间可以独立运行.没有子应用,不影响父应用的运行.没有父应用,子应用也是可以独立运行.qiankun官网描述步骤非常详细:https:
小麻烦爱学习·2021-05-13 17:10

个推技术学院：个推前端微服务化：突破传统SPA瓶颈

于是“微前端”这一概念应运而生。“微前端”出自2016年的ThoughtWorks技术雷达，指将项目拆分成一个个可独立运行、独立开发、独立部署的前端微应用，这些微应用可以并行开发、共享组件。
个推大数据·2021-05-05 05:19

umijs qiankun 初体验

背景：一些大的项目，需要一个前端中台，承载各项目组开发的应用，本篇文章是在工作实践后所写，网上找了好多例子也少，记录下来后面供自己预览qiankun是一个基于single-spa的微前端实现库umi插件
w晚风·2021-04-26 11:41

微前端

微前端关键问题1子应用如何定义和使用？2如何动态加载？3如何隔离？
斗伽·2021-04-25 11:45

webpack 5 模块联邦实现微前端疑难问题解决

webpack5模块联邦实现微前端疑难问题解决说明webpack5新增ModuleFederation（模块联邦）功能，他可以帮助将多个独立的构建组成一个应用程序，不同的构建可以独立的开发与部署。
mjzhang1993·2021-04-19 18:33

万字长文阐述前端技术浪潮与应用

前端技术浪潮与应用一、前端基建01.前端可视化02.前端跨端跨栈03.微前端04.前端稳定性/质量保障体系05.总结二、前端行业新资讯①前端新方向-Gartner发布2020年新兴技术趋势图②前端新方向
执鸢者520·2021-04-14 19:00

vue项目'微前端'qiankun.js的实战攻略

vue项目'微前端'qiankun.js的实战攻略本篇介绍    关于微前端的大概念大家应该听过太多了,这里我就大白话阐述一下,比如我们新建三个vue工程a、b、c,a负责导航模块,b负责列表页面,c负责详情页面
·2021-04-07 05:21

vue项目'微前端'qiankun.js的实战攻略

vue项目'微前端'qiankun.js的实战攻略本篇介绍    关于微前端的大概念大家应该听过太多了,这里我就大白话阐述一下,比如我们新建三个vue工程a、b、c,a负责导航模块,b负责列表页面,c负责详情页面
·2021-04-07 05:49

React-umi+qiankun配置与部署同台、多台Nginx

【前言】由于生产项目需要微前端统一登录加管理，并且可能会部署在一台nginx也可能多台nginx。
木诚鑫·2021-04-02 15:14

2021-03-27 好文章链接

/zhuanlan.zhihu.com/p/50851312vue源码https://zhuanlan.zhihu.com/p/79833863bloghttps://book.penblog.cn/微前端
斗伽·2021-04-02 14:13

微前端入门

最近在学习一些微前端的知识，转载一片个人觉得比较好的。
·2021-04-01 22:38

差点被SystemJs惊掉了下巴，解密模块加载黑魔法

背景最近一直在做一个技术改进：微前端中子应用采用umd方式分包构建，取代现有的systemJs方式构建，解决子应用稍微复杂一点后构建资源过大造成应用加载缓慢的问题。
·2021-04-01 17:04

基于 qiankun 的微前端应用实践

本文作者：张延卿业务背景云音乐广告Dsp（需求方平台）平台分为合约平台（Vue框架）和竞价平台（React框架），因历史原因框架选型未能统一，最近来了新需求，需要同时在两个平台增加一样的模块，因为都是Dsp平台，后期这样的需求可能会很多，所以考虑到组件复用以及降低维护成本，在想怎么统一技术栈，把React系统塞到Vue项目中进行呈现。系统是传统的左右布局，左侧侧边栏展示菜单栏，头部导航展示基础信息
·2021-03-31 15:38

SystemJS笔记

为之后使用微前端方案（single-spa、qiankun）做铺垫。SystemJS是基于标准的模块加
jiansheng·2021-03-29 17:24

微前端之案例——以antpro为主，react、vue、angular为子应用

微前端之案例——以antpro为主，react、vue、angular为子应用【注】按照案例来，一定可以成功（每一步都写清楚了）1.主要技术：qiankun、react(umi框架)+antd、vue+
木诚鑫·2021-03-26 09:02

大型 Web 应用插件化架构探索

在这个背景下微前端应用而生，微前端在阿里内部已经有许多成熟的实践，这里不再赘述。本文以微前端为引子(蹭热度)，探讨一些另类的Web应用所面临的类似问题。
·2021-03-19 11:26

webpack module federation 在老旧项目的使用

恰好此时，网上微前端的声音越来越响，与之相关的webpack5modulefederation也逐渐被推广出来。能否利用webpack5的这个新特点，来解决我的困境呢？
·2021-03-18 18:15

微前端

一、我的看法1、中台，简单理解就是，把公用部分独立出来，谁想用就拿去用。图片来自：https://insights.thoughtworks.cn/what-is-zhongtai/2、同时引出一个概念“微服务”。微服务，就是独立的一个服务，跟前端的组件不太一样，这个服务是能自己跑起来，不依赖其他服务，是独立的。谁想用就调微服务提供的API即可。图片来自：https://www.zhihu.com
·2021-03-17 15:38

大型 Web 应用插件化架构探索

在这个背景下微前端应用而生，微前端在阿里内部已经有许多成熟的实践，这里不再赘述。本文以微前端为引子(蹭热度)，探讨一些另类的Web应用所面临的类似问题。
·2021-03-17 15:33

大型 Web 应用插件化架构探索

在这个背景下微前端应用而生，微前端在阿里内部已经有许多成熟的实践，这里不再赘述。本文以微前端为引子(蹭热度)，探讨一些另类的Web应用所面临的类似问题。
·2021-03-17 03:51

个人收藏

AntDesignofVue中文文档Lodash中文文档高德地图JSAPI文档揭秘vue——vue-cli3全面配置iview框架v2MidwayServerless，新一代云端一体研发框架Javascript面向对象编程微前端
唯吾听烟雨·2021-03-12 18:31

记录用qiankun微前端改造 路由hash模式

很多子模块不能一次完成升级，所以是新老应用并行的情况，我就想到了用微前端改造。整体架构架构图.jpg说明我选择的是qiankun这个轮子。
我只是个前端啊·2021-03-12 15:51

前端提高用户体验不完全指南(CSS篇)

所谓提高用户体验，就是给用户在使用过程中带来方便，比如提高加载时速度，亮眼的色彩搭配，添加动画效果等，那么作为一个卑微前端，可以为提高用户体验奉献些什么呢？
GHUIJS·2021-03-10 15:30

探索微前端的场景极限

本文主要介绍总结了一些基于qiankun的微前端应用场景与实践基础场景与路由绑定的方式渲染微应用通常情况下，我们接触的最多的微前端的实践，是以URL/路由为维度来划分我们的微应用，以OneX平台（蚂蚁金融云基于微前端架构打造的统一接入平台
·2021-03-09 22:59

几种微前端方案探究

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

使用脚本一键打包并上传docker镜像的实现代码

笔者搞了一年多微前端项目，一个团队管理十个微应用，换成docker镜像部署后，发布操作一下从原来的脚本直连服务器的1分钟变成了几十分钟，尤其上传每个应用到各自的阿里云仓库。
·2021-03-09 21:11

微前端的几种实现方案

iframe与微前端概念中提到的独立开发、独立维护、相互隔离非常的吻合。qiankun技术圆桌中一篇《关于微前端WhyNotIframe的思考
Moon_f3e1·2021-03-04 09:45

使用脚本一键打包并上传docker镜像

笔者搞了一年多微前端项目，一个团队管理十个微应用，换成docker镜像部署后，发布操作一下从原来的脚本直连服务器的1分钟变成了几十分钟，尤其上传每个应用到各自的阿里云仓库。
·2021-02-24 18:04

使用各种姿势舒服的部署微前端项目（上：打包与上传）

微前端作为解决巨石应用模块化和降低技术框架变动风险的神器，我觉得是当下前端发展的一大方向，可以在未来5-10年内保持生命力。
春深是蔚蓝·2021-02-24 16:02

我们如何构建微前端

我们如何构建微前端构建微前端，加快和扩大我们的网站开发进程。请在bit.dev查看我们的微前端的运行情况。在比特，我们为超过10万名使用组件的开发者构建工具。
·2021-02-23 20:11

如何接地气地接入微前端?

简介：微前端带来明显好处的同时，也面临着痛点。对于已有站点，如何在老的技术栈基础上接入一个微前端？需要哪些通用功能？如何解决插件机制？本文分享一种微前端的接入方案和实现细则。
·2021-02-23 15:57

如何接地气地接入微前端?

简介：微前端带来明显好处的同时，也面临着痛点。对于已有站点，如何在老的技术栈基础上接入一个微前端？需要哪些通用功能？如何解决插件机制？本文分享一种微前端的接入方案和实现细则。
·2021-02-22 17:48

微前端框架qiankun之原理与实战

目录一、微前端概述1.基本原理2.微前端的主要优势3.当前微前端方案的一些缺点二、qiankun与single-spa实现原理1.single-spa实现原理(1).路由问题(2).应用入口(3).应用加载
夕山雨·2021-02-22 01:54

30分钟快速掌握微前端qiankun的所有核心技术（一）

一、引言微前端是什么？
·2021-02-09 21:42

30分钟快速掌握微前端qiankun的所有核心技术（一）

一、引言微前端是什么？
·2021-02-09 21:27

qiankun微前端实践

前言在介绍具体的接入方案和文档之前，先简单介绍一下，什么是微前端，以及为什么我们的前端工程要做微前端化的改造？什么是微前端？
·2021-02-06 23:41

qiankun微前端实践

前言在介绍具体的接入方案和文档之前，先简单介绍一下，什么是微前端，以及为什么我们的前端工程要做微前端化的改造？什么是微前端？
·2021-02-06 23:54

EMP微前端分享内容回顾（下）

第三种就是我们说的EMP微前端方
·2021-02-02 02:42

带你入门前端工程（十一）：微前端

什么是微服务？先看看维基百科的定义：微服务（英语：Microservices）是一种软件架构风格，它是以专注于单一责任与功能的小型功能区块(SmallBuildingBlocks)为基础，利用模块化的方式组合出复杂的大型应用程序，各功能区块使用与语言无关(Language-Independent/Languageagnostic）的API集相互通信。换句话说，就是将一个大型、复杂的应用分解成几个服
·2021-01-28 10:16

带你入门前端工程（十一）：微前端

什么是微服务？先看看维基百科的定义：微服务（英语：Microservices）是一种软件架构风格，它是以专注于单一责任与功能的小型功能区块(SmallBuildingBlocks)为基础，利用模块化的方式组合出复杂的大型应用程序，各功能区块使用与语言无关(Language-Independent/Languageagnostic）的API集相互通信。换句话说，就是将一个大型、复杂的应用分解成几个服
·2021-01-28 10:50

使用各种姿势舒服的部署微前端项目

微前端作为解决巨石应用和降低技术框架变动风险的神器，我觉得是当下前端发展的一大方向，可以在未来5-10年内保持生命力。
·2021-01-25 20:03

使用各种姿势舒服的部署微前端项目

微前端作为解决巨石应用和降低技术框架变动风险的神器，我觉得是当下前端发展的一大方向，可以在未来5-10年内保持生命力。
·2021-01-25 20:06

带你入门前端工程（十一）：微前端

什么是微服务？先看看维基百科的定义：微服务（英语：Microservices）是一种软件架构风格，它是以专注于单一责任与功能的小型功能区块(SmallBuildingBlocks)为基础，利用模块化的方式组合出复杂的大型应用程序，各功能区块使用与语言无关(Language-Independent/Languageagnostic）的API集相互通信。换句话说，就是将一个大型、复杂的应用分解成几个服
谭光志·2021-01-23 10:47

qiankun 微前端应用实践与部署（二）

下面是两种方案的简要描述。传统部署方式通过配置nginx端口到目录的转发。具体可查看上一篇文章特点需要对外开放子应用对应的端口，将编译好的应用文件放到对应的配置目录。docker部署方式首先构建主应用与子应用的docker镜像，通过dockerrun或者docker-compose的方式启动容器。通过配置nginx转发规则，匹配访问路径子应用容器端口。假设服务器ip是192.168.2.192，主
·2021-01-23 02:34

qiankun 微前端应用实践与部署（四）

但是，在微前端模式下，子应用打包部署后，往往会出现子应用css文件里面引入资源路径加载失败的问题，下面就让我们来探究一下。
·2021-01-23 02:04

qiankun 微前端应用实践与部署（三）

微前端架构下，主应用有自己的路由模块，同时主应用支持以微前端的方式嵌入业务模块（子应用），如何实现呢？
·2021-01-23 02:03

qiankun 微前端应用实践与部署

微前端应用分为主应用与子应用，部署方式是分别编译好主应用与子应用，将主应用与子应用部署到nginx配置好的目录即可。
·2021-01-23 02:03

微前端架构实现(项目引入，消息总线，构建部署，监听服务)

简介为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，出现了微服务架构（Microservices）：微服务是面向服务架构（SOA）的一种变体，把应用程序设计成一系列松耦合的细粒度服务，并通过轻量级的通信协议组织起来具体地，将应用构建成一组小型服务。这些服务都能够独立部署、独立扩展，每个服务都具有稳固的模块边界，甚至允许使用不同的编程语言来编写不同服务，也可以由不同的团队来管理然而，越来越重
伪前端架构师·2021-01-21 16:02
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他