前端架构微前端qiankun

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

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

ios runtime详解

移动开发Web前端架构设计编程语言互联网数据库系统运维云计算研发管理综合netfoucs.com核心网络iOS_运行时runtime最终效果图:打开XCode帮助文档,搜索Objective-CRuntime
yujie_pei·2022-10-19 13:38

qiankun子应用图片资源加载404 解决方案

方案一：配置webpackurl-loader小文件转为base64大文件配置publicPath为子应用地址缺点：打包前需要区分不同环境，配置publicPath方案二：资源引用地址根据环境env写死主应用为window绑定环境变量，window._env子应用根据window._env,设置引用地址方案三：子应用地址加'/xxx'前缀，主应用nginx将'/xxx'代理到子应用地址
·2022-10-16 21:45

微前端、single-spa初探

微前端微前端，前端这次词就不用多做解释了，这个概念的重点在于这个“微”字，从字面意义上看，微是小的意思，小是相对于大的一个用于比较的形容词，所以通常是在项目庞大的情况下，才会考虑将它变小，去考虑将它拆分成若干个小项目
·2022-10-14 12:09

2022年Webpack 5初学者完整指南

将Webpack与JS、CSS、NPM、模块联合和微前端一起使用课程英文名：Webpack5in2022TheCompleteGuideForBeginners此视频教程共2.5小时，中英双语字幕，画质清晰无水印
IT教程精选·2022-10-05 18:36

Qiankun原理详解JS沙箱是如何做隔离

目录前言复习一下沙箱SanpshotSandboxLegacySandboxProxySandbox隔离原理XXXisundefined总结前言相信大家也知道qiankun有SnapshotSandbox
·2022-10-01 05:34

Vue 和 React 大厂面试通关指南.pdf

前百度/360前端架构师大圣老师给出了一个解决
落落落落克·2022-09-29 15:01

面试官：谈谈虚拟dom在Vue和React中的应用

前百度/360前端架构师大圣老师给出了一个解决
ITMuch.com·2022-09-29 15:56

开源技术公开课丨Taier工作流的介绍

一、直播介绍之前的内容，我们为大家分享了Taier基本介绍、控制台、Web前端架构、数据开发介绍以及Taier任务调度介绍，本期我们为大家分享Taier工作流的介绍。
·2022-09-28 12:29

浅析专网通信领域的前端架构设计

前端|浅析专网通信领域的前端架构设计.png前言随着时代的发展，网络通信已经成为人们日常生活中不可或缺的一部分。
维李设论·2022-09-28 00:08

微前端架构

一、前端(架构)发展史最初，前端是没有架构的，因为功能简单的代码没有架构可言。通过操作DOM就能完成的工作，不需要复杂的设计模式和代码管理机制，也就不需要架构来支撑起应用。前端开发的发展历史分为以下几个阶段：●古典时期。由后端渲染出前端HTML，用Table布局，用CSS进行简单的辅助。●动效时期。前端开始编写一些简单的JavaScript脚本来做动画效果，如轮播广告。●Ajax异步通信时期。20
拾荒李·2022-09-22 10:58

生产可用：是时候来一个微前端架构了！

微前端的场景域在选择一个微前端方案之前，常常需要思考这样一个问题，我们为什么需要微前端。通常对微前端的诉求有两个方面，一是工程上的价值，二是产品上的价值。
阿里云开发者·2022-09-21 17:07

前端架构之脚手架原理分析（一）

脚手架是什么呢脚手架的本质就是一个操作系统的客户端它通过命令行执行当我们开发的时候现在很多人几乎都是依赖于框架只需要敲敲命令就会把基础的体系给搭建出来了但是你们有没有想过当我们敲命令的时候为什么就会走一系列的流程呢我们就以vue为例vuecreatedemo当我们输入的时候为什么就会被执行呢先思考一下在往下面看上面的命令是由3个部分组成的主命令:vuecommand:createcommand的p
沫熙瑾年·2022-09-21 15:36

前端架构之脚手架原理分析及开发流程（二）

上一节说到脚手架的本质是操作系统的终端因为当我们执行的时候最终执行的是vue.js然后由node进行解析并当成可执行程序所以脚手架本质是客户端因为node的本质就是客户端那脚手架执行的过程又是如何呢一张图来剖析在来看下脚手架的开发流程假设以vscode-text为例1.建立vcsode-text文件夹2.初始化npminit-y3.在package.json同级下建立bin/index.js4.在
沫熙瑾年·2022-09-21 15:36

前端跨域问题解决办法, Nginx配置为例

前端微服务Tips：可以将多个系统融合成一个系统，无技术壁垒，可以像iframe一样实现功能组合●qiankun（阿里支持）●micro-app（京东支持）●wujie（腾讯支持）本人推荐使用微服务会导致跨域问题
·2022-09-19 10:46

初探 微前端 的世界

本文首发于微信公众号：大迁世界,我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看GitHubhttps://github.com/qq449245884/xiaozhi，包含一线大厂面试完整考点、资料以及我的系列文章。前言最近笔者在工作上一直听到后端工程师们在谈论Microservices(微服务)的架构设计，听到的当下立马去查询才知道原来Micr
·2022-09-16 08:20

阿里9年，我总结的前端架构演进3大阶段及团队管理心法（收藏）

技术人生就是在不断地修行，每个人都有每个人的功课，每个人也有每个人的精彩。你也许刚上路，又或许踽踽独行了很久，听听别人的故事没准也能帮助自己的成长。在阿里修行的9年，他学会了这些。web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）少年励志，初入技术圈我生在一个文化气息浓厚的家庭，这让我从小就对艺术有了一种懵懂的向往。第一次接触到计算机时，我就明白自己会在这个领域玩下去；第一次接触到互联
程序员的生活1·2022-09-16 07:48

Vue qiankun微前端实现详解

目录引言What：微前端是什么Why：为什么选择微前端微前端能做到什么为什么不使用iFrameHow：微前端实践在主应用中注册微应用在子应用导出相应的生命周期钩子结尾引言前端时间有个契机，让我们团队开始进行微前端的相关实践
·2022-09-14 18:01

qiankun 样式隔离

如果用strictStyleIsolation:true，会用shadowDom的方式进行隔离。以及加上实验性的样式隔离特性experimentalStyleIsolation:true后，后续可能出现dialog等挂载到全局中时，某些同名样式(特别是同框架的情况下，样式名经常冲突)样式冲突。而且会导致以下问题。例如如果子应用用react18进行开发，挂载到id为root的dom上。(vue3的子
TouchMe丶·2022-09-14 16:41

微前端实现方案之iframe

微前端是最近几年火起来的概念，iframe是早期实现微前端的理想方案，而现在有了其它的方案，比如qianduan框架，single-spa，以及webpack5带来的联邦模块方案。
_littleTank_·2022-09-11 19:29

registermodule 微前端_微前端实践

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

微前端qiankun框架的底层实现原理

qiankun框架的底层原理现在我们手写一个简易的qiankun框架，实现基础的父应用中切换路径跳转子应用、沙箱隔离等qiankun框架的功能。
veggie_a_h·2022-09-07 20:58

微前端（Micro-Frontends）qiankun框架原理与实现

文章目录微前端（Micro-Frontends）qiankun框架原理与实现1.qiankun简介2.qiankun核心设计理念3.为什么不用iframe4.qiankun的特性5.实现原理（1）应用加载
qq_39670012·2022-09-07 20:16

浅谈微前端

之前公司开发一个系统，由多个不同功能的小项目组合成一个比较大的系统，当时考虑直接一个应用开发，但是发现小的项目可以在其他系统中使用，于是想到使用微前端进行项目开发，将不同功能的小项目进行独立开发，然后通过门户进行系统合并
知所云·2022-09-07 20:46

微前端的初探索

微前端的初探索一、什么是微前端二、微前端的特点三、微前端的工作原理四、微前端的路由分发五、微前端的应用隔离六、微前端的通信七、微前端的选择一、什么是微前端微前端是将Web应用由单一的应用转变为多个小型前端应用聚合为一的一种手段
蛞蝓不孤寡·2022-09-07 20:40

微前端究竟是什么？微前端核心技术揭秘！

导语|微前端是将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段。本文从微前端的基础理论出发，对其核心技术进行阐述，最后结合项目进行简单的应用实践。
腾讯云开发者·2022-09-07 20:01

对比多种微前端方案

转自团队掘金原文：https://juejin.cn/post/6898268972178178061一、写在前面在之前的文章中，我们已经深入剖析了微前端究竟是什么，可以带来什么收益，现在让我们复习一下微前端的概念
吉古力·2022-09-07 20:27

微前端原理解析

前言微前端将web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用，每个前端应用还可以独立运行、独立开发、独立部署。
carfied-feifei·2022-09-07 20:55

微前端——qiankun（乾坤）实例

一、什么是微前端微前端就是将不同的功能按照不同的未读拆分成多个子应用，通过主应用来加载这些子应用，微前端的核心在于拆，拆完后再合二、为什么使用微前端不同团队间开发一个应用技术栈不同希望每个团队都可以独立开发
菜鸟咸鱼一锅端·2022-09-02 19:30

基于微前端qiankun的多页签缓存方案实践

1.1单页面应用实现多页签1.2使用qiankun进行微前端改造后，多页签缓存有什么不同二、方案选择2.1方案一：多个子应用同时存在2.2方案二：同一时间仅加载一个子应用，同时保存其他应用的状态2.3最终选择三
·2022-08-30 17:59

qiankun 找不到入口问题彻底解决

有一阵子没写文章了，今天来更一期关于qiankun找不到生命周期的问题。
·2022-08-30 16:54

彻底解决 qiankun 找不到入口的问题

有一阵子没写文章了，今天来更一期关于qiankun找不到生命周期的问题。
写代码的海怪·2022-08-30 11:20

全面敏捷模式下的微前端方案——设计篇

本文只涉及到module-federation微前端方案的设计层面分享，关于具体实现，可以参考写的简单例子；所有的设计图自取，如果对你有一些启发，请点个star背景团队从瀑布流模式转变为敏捷模式，将整个项目团队划分为多个小组并行开发
·2022-08-25 19:19

前端架构-分层而治，铁打的MV流水的C

为什么在web前端很少有人会提到分层架构，例如经典`MVC架构`，这是因为浏览器诞生之初就只是作为一个后端数据的GUI渲染器。也就是说整体来看，web1.0时代的整个web前端工程就是一个View层，而`Model`和`Controller`就是指后端，所以根本无需在web前端工程中去提什么MVC。
hiisea·2022-08-24 16:00

微前端之 js隔离 样式隔离 元素隔离问题详解

目录WebComponent介绍js隔离问题解决方法一用Proxy代理方法二用快照样式隔离问题方法一样式增加不同前缀方法二ShadawDom元素隔离WebComponent介绍微前端框架中，js隔离、样式隔离
·2022-08-23 18:48

微前端之Web组件自定义元素示例详解

目录我们知道的Web组件使用名称规范组件传参数并可以写模板包括js和cssShadowDom影子节点类中的构造函数和钩子函数getter/setter属性和属性反射扩展原生HTML我们知道的第一：我们熟知的HTML标签有a,p,div,section,ul,li,h2,article,head,body,strong,video,audio等等第二：我们知道，a标签是链接，p标签是段落，div是块
·2022-08-23 16:40

超大体量项目，微前端落地方案，看完后悔来找我

介绍先介绍一下我们的项目背景，该项目是从18年开始启动的中间搁置了很久导致项目架构比较落后并且后期继续业务开发的时候也没有持续对架构进行优化迭代而是直接进行了业务开发，导致后面有很多的问题比如启动慢、代码耦合性强、项目体量巨大导致开发效率降低之类的问题问题描述目前项目体量达到了400个路由打包完的包大小为60MB左右首次启动时间为3分钟左右热更新时间为10s左右过程经过一段时间对项目架构的优化迭代
·2022-08-22 12:42

精读《对前端架构的理解 - 分层与抽象》

可能一些同学会认为前端比较简单而不需要架构，或者因为前端交互细节杂而乱难以统一抽象，所以没办法进行架构设计。这个理解是片面的，虽然一些前端项目是没有仔细考虑架构就堆起来的，但这不代表不需要架构设计。任何业务程序都可以通过代码堆砌的方式实现功能，但背后的可维护性、可拓展性自然也就千差万别了。为什么前端项目也要考虑架构设计？有如下几点原因：从必要性看，前后端应用都跑在计算机上，计算机从硬件到操作系统，
·2022-08-22 09:33

微前端架构的几种技术选型

简介：微前端架构的几种技术选型背景随着SPA大规模的应用，紧接着就带来一个新问题：一个规模化应用需要拆分。一方面功能快速增加导致打包时间成比例上升，而紧急发布时要求是越短越好，这是矛盾的。
·2022-08-19 18:25

JS微前端MicroApp基础使用

子应用3.1Webpack+Vue子应用3.2Webpack+React子应用4.应用路由配置说明4.1主应用路由4.2子应用路由1.介绍MicroApp是“京东零售”团队在2021年7月正式发布的一个微前端框架
·2022-08-15 17:41

水滴低代码搭建——6倍提效，新品首发素材审核系统实践之路

在技术选型的过程中，新品团队了解到水滴低代码平台具备可视化搭建CMS的能力，内置了丰富能力，能够高效、快速地搭建CMS，例如表单表格、权限管控、微前端等。
·2022-08-15 16:59

浅析MVC、MVP、MVVM 框架实现

为了将业务和视图的实现代码分离，目前比较流行三种前端架构：MVC（Model-View-Controller）MVP（Model-View-Presenter）MVVM（Model-View-ViewModel
守住Android最后的光·2022-08-13 08:58

程序员该如何构建面向未来的前端架构！

【CSDN编者按】本文深入探讨基于组件的前端架构是如何随着复杂度的增加而变得臃肿甚至难以维护，以及如何规避这种情况。
CSDN资讯·2022-08-11 09:30

前端架构-分层而治，铁打的MV流水的C

为什么在web前端很少有人会提到分层架构，例如经典MVC架构，这是因为浏览器诞生之初就只是作为一个后端数据的GUI渲染器。也就是说整体来看，web1.0时代的整个web前端工程就是一个View层，而Model和Controller就是指后端，所以根本无需在web前端工程中去提什么MVC。然而web生态发展到今天，浏览器越来越强大，赋能越来越多，甚至不亚于一个小型操作系统，这时候的Web前端早已不是
·2022-08-03 13:28

基于微前端qiankun的多页签缓存方案实践

本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，提供一些参考。
vivo互联网技术·2022-08-02 09:00

基于微前端qiankun的多页签缓存方案实践

作者：vivo互联网前端团队-TangXiao本文梳理了基于阿里开源微前端框架qiankun，实现多页签及子应用缓存的方案，同时还类比了多个不同方案之间的区别及优劣势，为使用微前端进行多页签开发的同学，
·2022-08-02 08:53

2022/07/29 入职健海JustFE团队，我学到了高效开发（年中总结）

主要成就：运动库（qiankun子应用，嵌入于其他管理台）运动组件（演示
Xaivor·2022-07-31 11:14

qiankun - 微前端应用搭建

qiankun是一个基于single-spa的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。
ZionHH·2022-07-29 19:31

微前端解决方案-qiankun实战及部署

image.png在线demo：wzs.bengdada.com/单独访问在线子应用：subapp/micro-reactsubapp/micro-vue2subapp/micro-vue3一.导读1.什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化
e只咸鱼·2022-07-26 21:16

webpack项目中使用vite加速的兼容模式详解

vite到现在生态也起来了，就有了把项目改造成vite的想法，但是项目后面可能要依赖qiankun改造成微前端项目，现在qiankun对vite还没有好的解决方法，我就想采取一个折中的办法，保留w
·2022-07-26 16:29
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他