微前端qiankunvite

《前端架构：从入门到微前端》读书笔记

概述这几天我读了前端架构：从入门到微前端，感觉收获挺大的，把读书笔记发出来，供以后开发时参考，相信对其他人也有用。我的书单读书笔记1.对于只使用后端API的前端来看，后端看上去像只做CRUD。
馒头加梨子·2020-05-28 09:00

微前端在企业级应用中的实践(上)

官方网站：devui.designNg组件库：ng-devui（欢迎Star）引言还记得19年redux的作者DanAbramov那篇关于微前端的Twitter吗，当时引起了前端届广泛的争论，很多人说微前端是伪命题
DevUI团队·2020-05-27 23:17

基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇

写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇万字长文+图文并茂+全面解析微前端框架qiankun源码-qiankun
晒兜斯·2020-05-27 23:09

微前端框架是怎么导入加载子应用的 【3000字精读】

写在开头：微前端似乎是最近一个很火的话题，我们也即将使用在生产环境中，接下来会更新一系列微前端源码分析、手写微前端文章废话不多说，直接参考目前的微前端框架注册子应用模块代码下面代码，我指定的entry,
Peter谭金杰·2020-05-27 23:39

记一次系统演变过程

笔者在刚刚做公司内部系统的时候也只是做做简单的各个模块系统，现在大多数公司都是使用的微前端的系统架构，以达到各个业务依赖性没有那么大，同样也不会因为项目的逐渐扩大，导致项目越来越大，首先加载慢，再其次就是难以维护
Aaron·2020-05-27 17:02

基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇

写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇万字长文+图文并茂+全面解析微前端框架qiankun源码-qiankun
晒兜斯·2020-05-27 17:53

深度：从零编写一个微前端框架

写在开头：手写框架体系文章，缺手写vue和微前端框架文章，今日补上微前端框架，觉得写得不错，记得点个关注+在看，转发更好对源码有兴趣的，可以看我之前的系列手写源码文章微前端框架是怎么导入加载子应用的【3000
Peter谭金杰·2020-05-27 17:15

未来魔法校的微前端实践

一、背景魔法校是tob起家，众所周知tob业务很容易做成巨石应用，近两年来魔法校飞速发展，我们的某个主要的前端项目遇到了瓶颈，那就是项目太大了。为了减少耦合度加快打包速度，我们选择将一些功能提出来新建项目，然后通过iframe的方式引入到主项目中去。虽然项目体积大的问题得到了解决，但用户体验却随之下降。因为每次用户切换到iframe的tab时不管优化的再好总要有一瞬间的白屏，整个系统使用起来没有连
好未来技术团队·2020-05-27 17:54

实践基于qiankun的微前端demo - 应用间的通讯

通讯过程-图片来自https://copyfuture.com/blogs-details/202005081811485997t11iknpwvmgnnc修改主应用，提供通讯修改main.js，增加通讯所需代码//通讯constactions=initGlobalState({mt:'init'//初始化state，里面内容您随意})//在项目中任何需要监听的地方进行监听，在这里监听是为了方便a
木头就是我呀·2020-05-19 21:37

实践基于qiankun的微前端demo - 主应用下发参数

修改主应用，提供参数修改主应用main.js的registerMicroApps，增加参数如下//注册子应用registerMicroApps([{name:'one',entry:'//localhost:6661',container:'#micro-view',activeRule:'/one',//---------------->增加props参数props:{msg:{data:{mt
木头就是我呀·2020-05-19 21:35

实践基于qiankun的微前端demo - 前言

❤️微前端是近两年前端社区非常热的一个话题，年前我偶然看到公众号推送的文章之后，对微前端产生了很浓的兴趣，最近在工作之余，搜罗了一些关于微前端的知识，进行了一点点实践，这里记录一下。
木头就是我呀·2020-05-19 21:24

这可能是你们都在找的：React 纯原生纯hook多标签微前端

项目地址：https://github.com/X-neuron/antdFront.git项目特点：1、采用webpack、babel、antd等较为原生的配置和函数组件搭建，支持pwa。2、极简Hox数据流。3、支持json路由动态配置。4、页面及按钮级动态权限。5、开发环境支持热重载。6、提炼路由算法，实现多标签页面路由，支持组件、路由状态保存。7、支持国际化(react-intl-univ
50岁的星空·2020-05-18 00:43

基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇

micro-app大家好~本文是基于qiankun的微前端最佳实践系列文章之应用间通信篇，本文将分享在qiankun中如何进行应用间通信。
昵称不用太拉风·2020-05-08 11:12

【前端技术】简单说一下微前端

什么是微前端？搞过后端的应该都知道微服务的概念，实现的框架有HSF，springcloud等，就是把大型的服务分割为几个独立的服务，这样做的好处有：各司其职，可以让不同人/团队各自负责不同的子模块。
@heyun·2020-04-27 20:03

基于Vue实现微前端的示例代码

  前端微服务化一直是前端社区的一个热门话题，早在2018年就有不少开发者提出过各种解决方案。或许是未得精髓，个人认为基于WebComponents的实现脱离整体打包逻辑的，难以工程化。直到遇到了vue-cli3，子模块打包的问题得以迎刃而解。2019年秋，团队内部初步实现前端分布式开发，解决了集中式开发部署的“老大难”问题。个人认为，随着WebAssembly等技术的兴起，“前端后移”越来越明显
软件开发随心记·2020-04-24 08:19

QianKun 2.0 微前端源码解析

此篇文章只简单梳理思路，不会源码逐行分析，看此文章前请熟悉qiankun和single-spa的使用最好暴露出的API,从index.ts文件可以看出下面暴露的APIexport{loadMicroApp,registerMicroApps,start}from'./apis';export{initGlobalState}from'./globalState';export*from'./err
Jason_Zeng·2020-04-21 10:50

无情面试官：Node.js源码里的console.log怎么实现的？

**声明:**最近一直在研究微前端、devops,写这篇文章仅是一个玩笑+简单的源码探究，面试时候不要拿我的文章出来问面试者,不然我怕你会被人身攻击(这个月我会出一篇硬核到头皮发麻的文章)废话不多，直接开始
Peter谭金杰·2020-04-11 16:08

HeadFirst 解析Alibaba 成熟的微前端framework qiankun乾坤源码图文

tech-info/53345.html转发链接：https://github.com/a1029563229/blogs/blob/master/Source-Code/qiankun/1.md本文将针对微前端框架
朱柿子·2020-04-10 18:23

万字长文+图文并茂+全面解析 qiankun 源码 - qiankun 篇

本文将针对微前端框架qiankun的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是微前端。
昵称不用太拉风·2020-04-08 12:15

万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇

本文将针对微前端框架qiankun的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是微前端。
晒兜斯·2020-04-06 19:24

微前端到底是什么？

关注「前端向后」微信公众号，你将收获一系列「用心原创」的高质量技术文章，主题包括但不限于前端、Node.js以及服务端技术本文首发于ayqy.net，原文链接：http://www.ayqy.net/blog/micr...一.简介为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，出现了微服务架构（Microservices）：微服务是面向服务架构（SOA）的一种变体，把应用程序设计成一系列
前端向后·2020-04-06 18:34

前端面试每日 3+1 —— 第135天

[js]请解释下NaN===NaN的结果[软技能]你了解什么是微前端吗？说说你对它的理解《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。
浪子神剑·2020-04-02 01:03

2020年的前端趋势预测：JavaScript将继续盛行

Hernandez认为，一个没有争议的预测是，到2020年，微前端将被越来越多的开发人员和公司接受和使用。那么究竟什么是微前端呢？目前网络上对其普遍的定义是：“微前端是一种类似于微服务的架构，它将
尘世不扰·2020-03-28 18:58

微前端

内容引用自《前端架构：从入门到微前端》第9章。微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为把多个小型前端应用聚合为一的应用。
咖啡机（K.F.J）·2020-03-26 19:00

从2016年11月期技术雷达看前端的未来

新一期的技术雷达有点出乎意料，使用new标签的框架、工具、技术、语言等等超过了一半——Vue.js、ES2017上榜，Three.js凭着VR的火又上榜了，还有熟悉的Electron，以及微前端的概念。
ThoughtWorks·2020-03-22 09:12

《.netCore + Vue框架搭建之旅》前端篇：微前端架构设计(2)

前言上篇《.netCore+Vue框架搭建之旅》前端篇：微前端架构设计》讲了一下设计的核心思想，这篇主要说一下远程加载模块（动态加载js、css）。
卷毛不太卷·2020-03-19 09:00

微前端(基础篇)

下面我们从几个方面来看一下微前端到底是什么？
一只菜鸟攻城狮啊·2020-03-18 00:00

《.netCore + Vue框架搭建之旅》前端篇：微前端架构设计

心之所向，勇往直前！记录开发过程中的那些小事，给自己加点经验值。前言项目使用了Vuecli3.0+作为基础架构，这个版本和2.0的有一些不同。具体参考：1.《vuecli3.0快速搭建项目详解》2.《vue-cli2.0与vue-cli3.0》环境依赖演示思路：先加载顶部一级菜单，当用户点击时触发请求，加载模块。等待模块加载完成后，加载二级菜单。这时候所有组件已经注册完成，用户点击菜单，根据固定好
卷毛不太卷·2020-03-04 15:00

Vue + qiankun 快速实现前端微服务

本文介绍Vue项目如何实现前端微服务一、前言什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently
码徒·2020-03-01 04:13

微前端在美团外卖的实践

背景微前端是一种利用微件拆分来达到工程拆分治理的方案，可以解决工程膨胀、开发维护困难等问题。
美团技术团队·2020-02-28 16:31

从最新的《技术雷达》看前端的未来

ThoughtWorks技术雷达有点出乎意料，使用new标签的框架、工具、技术、语言等等超过了一半——Vue.js、ES2017上榜，Three.js凭着VR的火又上榜了，还有熟悉的Electron，以及微前端的概念
phodal·2020-02-14 01:27

基于vue-typescript-admin-element的微前端中后台应用

本项目是对于vue-typescript-admin-element中后台框架的改造，利用微前端框架qiankun，将原本完整的单页应用进行独立子应用的分割。
PlusLi·2020-02-10 01:23

BigPipe和微前端

微前端也是一个很早被提出的技术，但是最近几年才开始比较流行。而目前微前端能够解决的最大的问题恐怕就是遗留系统改造。
lucifer·2020-02-03 14:42

Angular 表单验证类库 ngx-validator 1.0 正式发布

背景介绍之前写了一篇《如何优雅的使用Angular表单验证》，结尾处介绍了统一验证反馈的类库ngx-validator，由于这段时间一直在新模块做微前端以及相关业务组件库，工具等开发，一直拖到现在，目前正式版
Worktile·2020-02-02 13:25

使用 Angular 打造微前端架构的 ToB 企业级应用

这篇文章其实已经准备了11个月了，因为虽然我们年初就开始使用Angular的微前端架构，但是产品一直没有正式发布，无法通过生产环境实践验证可行性，11月16日我们的产品正式灰度发布，所以是时候分享一下我们在使用
Worktile·2020-02-02 08:39

qiankun + vue + element 微前端实践

qiankun+vue+element的微前端架构项目，主项目与子应用均使用vue。支持三大前端框架可根据自己需求调整。
蔚蓝·2020-01-10 21:16

最简微前端解决方案之（MPA + 路由分发）

为什么要做微前端架构开发一个SPA应用都会面临一个问题，随着功能越来越多，项目主js文件体积越来越大，影响初始加载速度，用户体验越来越差。
孙小渃·2020-01-09 17:17

前端微服务方案（未完，待续...）

通过组合多个独立应用、组件来构建一个单体应用iFrame，使用iFrame及自定义消息传递机制使用纯WebComponent构建应用结合WebComponent和ShadowDOM来隔离应用一、Nginx路由分发1.微前端应用目录
安静de沉淀·2020-01-07 01:28

微前端的技术拆分方式

通过HTTP服务器的反向代理功能，将请求路由到对应的应用上路由分发式微前端，即通过路由将不同的业务分发到不同的独立前端应用上，每当用户从A应用转换到B应用的时候，往往需要刷新一下页面、重新加载资源文件2
大吕泽·2020-01-03 09:44

关于 2020 年的前端趋势预测

微前端——微服务的扩展这可能是近年来前端中的最新问题。今年，它确实获得了不少关注。Hernandez认为，一个没有争议的预测是，到2020年，微前端将被越来越多的开发人员和公司接受和使用。
啊aens·2019-12-30 19:42

关于 2020 年的前端趋势预测

微前端——微服务的扩展这可能是近年来前端中的最新问题。今年，它确实获得了不少关注。Hernandez认为，一个没有争议的预测是，到2020年，微前端将被越来越多的开发人员和公司接受和使用。
es1xune·2019-12-30 11:04

周报 @ 2019.12.08

首发枫上雾棋的日志前端动态1、微前端的核心价值本文来自对阿里云微前端线下沙龙的整理，观点是微前端的核心价值在于"技术栈无关"，这才是它诞生的理由，或者说这才是能说服大家采用微前端方案的理由。
枫上雾棋·2019-12-30 02:08

关于 2020 年的前端趋势预测

微前端——微服务的扩展这可能是近年来前端中的最新问题。今年，它确实获得了不少关注。Hernandez认为，一个没有争议的预测是，到2020年，微前端将被越来越多的开发人员和公司接受和使用。
itwriter·2019-12-29 11:00

年度文章集合 | 最全微前端集合【建议收藏】

欢迎小伙伴们推荐微前端优秀的学习资源——awesome-micro-frontends微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用
semlinker·2019-12-25 22:34

每日前端签到（第127天）

[js]请解释下NaN===NaN的结果[软技能]你了解什么是微前端吗？说说你对它的理解题目一：浏览器缓存可分为强缓存和协商缓存。
拿着号码牌徘徊·2019-12-25 07:05

微前端学习

概念首先我们要明确一个问题，微前端到底是什么。微前端源自于微服务，而微服务的概念出现是为了处理庞大的后端结构的臃肿问题。
无聊_069a·2019-12-17 23:55

微前端实践

在前端开发日新月异、前端工程化蓬勃发展的今天，我想给大家介绍下另一种尝试——微前端。微前端是什么那什么是微前端？微前端主要是借鉴后端微服务的概念。简单地说，就是将一个巨无霸（Monolith
kiliwalk·2019-12-15 19:14

「微前端」- 将微服务理念扩展到前端开发（实践篇）

本篇为微前端的实战篇，共计约5k字，预计阅读时间10mins。
ThoughtWorks·2019-12-08 08:14

通过ajax加载js沙箱机制

前言在做微前端的时候,有时候会遇到不同版本的问题。但是加载的js又不能污染全局,只能在对应的scope中生存。
黑曼巴yk·2019-11-30 09:56

好几步优化超大单页应用启动速度，3分钟=>30秒

有个趋势叫“微前端”，就你了，搞着去吧。小和尚：...小和尚很努力的查找资料，查看书籍，准备demo，请教大佬。日子一天天的过去，眼瞅事情要黄了...小和尚收拾收拾东
HuaRongSAO·2019-11-27 19:58
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他