前端架构微前端qiankun

JS利用 React.lazy 优化页面初次渲染

目录一、需求背景二、代码分析三、技术实现1.路由懒加载2.Prefetch预获取一、需求背景主站采用qiankun微前端方式嵌入新项目，qiankun会阻塞子应用资源加载，这导致应用白屏时间增加，希望在子应用端进行优化以减少白屏时间
·2022-07-26 09:04

JS递归遍历查询是否有权限示例详解

目录前言需求分析设计思路代码声明查找模板如下js版本ts版本后记前言最近参与了一个基于qiankun构建的微前端大型项目，涉及到十几个子应用，基于基座独立开发了一个完善的权限中心模块。
·2022-07-25 12:05

微前端之 qiankun 入门、上手、实战（构建大型 web 应用）

目录前言正文一、介绍微前端qiankun二、快速上手☛主应用①安装qiankun②在主应用中注册微应用☛微应用①导出相应的生命周期钩子②配置微应用的打包工具三、项目实战☛主应用①安装qiankun②注册微应用并启动
前端不释卷leo·2022-07-22 10:43

除了 Qiankun， 这些微前端框架或许更适合你「建议收藏」

前言大家好，我是易师傅，上篇文章给大家主要讲解到了《微前端的入门》，这篇文章给大家收集归纳了微前端常用的框架，以及他们优缺点；如果你正在做微前端，但是苦于不知使用哪一个微前端框架而苦恼时，我相信这篇文章能够给到你答案
易师傅·2022-07-19 09:00

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

前言随着时代的发展，网络通信已经成为人们日常生活中不可或缺的一部分。在5G时代背景下，传统的网络通信已经不能满足工业侧及企业强应用通信的需求，出于安全性、稳定性的要求，专有网络通信逐步成为通信市场的一支重要力量。作为通信运营商，我们更是应该在专网通信领域展现出自身的通信优势。除了通信技术的发展之外，对应于CT通信技术的发展需求，作为IT侧的Web前端开发也需要顺应时代发展构建出符合业务及产业模式的
·2022-07-18 23:51

【Redux】简解及工作流程分析

2015年，Redux出现，将Flux与函数式编程结合一起，很短时间内就成为了最热门的前端架构React与Redux的区别就相当于Java和JavaScript的区别，完全是两种不同的东西，只不过名字比较像
一颗不甘坠落的流星·2022-07-18 09:54

【源码】微前端qiankun源码阅读(2)：加载子应用与沙箱隔离

前言在上一篇文章了解了qiankun的整体运行。下面继续看：1.qiankun如何根据entry字段去加载子应用的资源。2.qiankun提供的沙箱隔离。
ceido·2022-07-16 16:48

【源码】微前端qiankun源码阅读(1)：Demo与single-spa流程

前言老早就听说微前端了，觉得很高大上的样子。看了一些文章感觉一知半解，还是得自己搭建一下Demo，学习一下它到底是运作的。微前端方案有很多，目前较为流行的方案的是自研框架。
ceido·2022-07-16 16:43

【源码】微前端qiankun源码阅读(3)：预加载、缓存和通信

前言【微前端】qiankun源码阅读(1)：Demo与single-spa流程【微前端】qiankun源码阅读(2)：加载子应用与沙箱隔离正文（1）预加载通过前面的两篇可以大概了解qiankun的运行，
ceido·2022-07-16 16:41

使用Node.js驱动Redis,实现一个消息队列！

写在开头最近的Devops和微前端已经写得差不多，开始复习下后端相关知识，之前想写的这篇文章，终于落地如果你想加入前端交流群，可以文末联系我加入正式开始电脑环境推荐Mac|Linux安装redis,并且启动
Peter 谭·2022-07-16 14:49

这几个人脸识别解决方案你用过没？

是的，我也调研了不少解决方案，但是人家是要收费的呀（而且费用不低）或者甲方不买单～“卑微前端开发”❞1.第三方解决方案现有的云服务商解决方案：旷世-人脸识别face++[1]腾讯云神图-人脸识别[2]阿里云
树酱·2022-07-15 20:04

开源大数据调度系统Taier技术公开课——Taier数据开发介绍

一键直达直播间一、直播介绍之前的内容，我们为大家分享了Taier入门及控制台，以及Taier的Web前端架构介绍，本期我们为大家分享Taier数据开发介绍。
·2022-07-11 19:32

JS前端架构pnpm构建Monorepo方式管理demo

目录写在前面什么是Monorepo？什么是pnpm？搞一个Monorepo的demo玩玩安装依赖packageA中引用packageB写在最后写在前面Monorepo这个词你应该不止一次听说了，像Vue3、Vite、ElementPlus等优秀开源项目都是使用Monorepo的方式管理项目，且这里说到的这几个项目都是采用pnpm作为包管理工具。这篇文章就使用pnpm构建一个简单的Monorepo方
·2022-07-09 13:34

qiankun项目中子框架在window中挂载事件本地生效，但是运行在主应用下不生效解决办法

项目中使用了qiankun微前端框架，但是有个问题，子项目本地单独运行的时候，window上挂载的事件，是可以触发的window.test()可以直接触发test事件，但是在主应用下运行的时候却不能够触发
·2022-07-07 19:58

js前端架构Git commit提交规范

目录Gitcommit规范为什么要写好GitCommit?如何写好GitCommit利用插件（commitizen）Githooks客户端Hooks服务端Hooks项目使用GitHuskylink-stagedGitcommit规范在工作中避免不了多人协作，协作避免不了有一个规范的流程，让大家有效的去合作；让项目有条不紊的进行。自然使用git规范进行把控也是项目中必不可少的技术了。为什么要写好Gi
·2022-07-05 13:57

记一次qiankun落地遇到的问题

微前端系列之：一、记一次微前端技术选型二、清晰简单易懂的qiankun主流程分析三、记一次qiankun落地遇到的问题本文是系列之三。项目背景app下架需要把所有页面都迁移到企业微信h5，作为主应用。
·2022-07-03 21:33

清晰简单易懂的qiankun主流程分析

微前端系列之：一、记一次微前端技术选型二、清晰简单易懂的qiankun主流程分析三、记一次落地qiankun本文是系列之二。综述qiankun是在single-spa基础上进行二次开发的。
·2022-07-03 17:28

【微前端】single-spa 到底是个什么鬼

一个需求让我们从一个最小的需求开始说起。有一天产品经理突然说：我们要做一个A页面，我看到隔壁组已经做过这个A页面了，你把它放到我们项目里吧，应该不是很难吧？明天上线吧。此时，产品经理想的是：应该就填一个URL就好吧？再不行，复制粘贴也很快吧。而程序员想的却是：又要看屎山了。又要重构了。又要联调了。测试数据有没有啊？等一下，联调的后端是谁啊？估计这是做大项目时经常遇到的需求了：搬运一个现有的页面。我
懂会悟·2022-07-03 16:31

记一次微前端技术选型

所以要求微前端框架提供隔离样式的功能、以及通讯功能。只给了一个月来接入主应用和子应用。
·2022-07-03 11:47

Elux-从"微前端"到“微模块”

微前端够用吗？从产品的角度某个大型应用包含A,B,C,D,E,F,G等若干功能，原来一直是整体打包出售...随着用户需求的多样化，有的用户仅需要
·2022-06-24 17:57

react 文件 md5_字节跳动面试题 | 大文件上传和断点续传的几点思考

本期作者盛鑫晶(大圣)开课吧Web专家讲师/前百度和360前端架构师，8年前端开发经验，精通Vue/React、源码架构、小程序、移动端和Nodejs整个前端技术栈，对前端萌新如何快速进阶有丰富的经验，
易易小燕·2022-06-24 12:19

qianKun + VUE 实现微前端架构 (基于vue2实现)

创建两个项目作为实现demo，一个为主应用，一个为子应用主应用安装qiankun:yarnaddqiankun或者npmiqiankun-S使用qiankun：在utils内创建微应用文件夹microApp
Rising_life·2022-06-21 13:23

基于开源大数据调度系统Taier的Web前端架构选型及技术实践

原文链接：基于开源大数据调度系统Taier的Web前端架构选型及技术实践课件获取：关注公众号“数栈研习社”，后台私信“Taier”获得直播课件视频回放：点击这里Taier开源项目地址：github丨gitee
·2022-06-20 18:30

微前端qiankun沙箱实现源码解读

目录前言LegacySandbox单实例沙箱ProxySandbox多实例沙箱SapshotSandbox快照沙箱结束语前言上篇我们介绍了微前端实现沙箱的几种方式，没看过的可以下看下JS沙箱这篇内容，扫盲一下
·2022-06-16 16:55

ant-design-pro使用qiankun微服务配置动态主题色的问题

使用微服务后,遇到一个问题,主应用和子应用的主题色不一致.希望可以通过主应用的颜色动态变换子应用的主题色ant-design-pro可以通过config.ts配置全局主题色所有最优的方法是可以通过改变主题色,来动态配置.官方最新版本的https://github.com/ant-design/ant-design-pro/releases/tag/v5.2.0已经支持了,通过设置之前的版本不支持直
·2022-06-16 16:54

详解ant-design-pro使用qiankun微服务

优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun
·2022-06-16 16:53

微前端qiankun改造日渐庞大的项目教程

项目背景很多小伙伴在工作中都碰到过和我一样的场景，手上的某个项目越来越大，眼看着每次build时间越来越长，吐了。在杭州某独角兽我碰到了这样的一个项目，他叫运营后台，听名字就知道，他的主要用户是运营人员。问题就是随着公司业务的越来越多，这个运营后台承担的已经不是某一块业务了，而是所有业务的运营操作的中后台都在这上面。你可以这样理解，这个系统的每个一级菜单都是一块独立的业务，相互之间没有任何瓜葛；按
·2022-06-16 16:51

Vue+antd前端篇——架构的认知

前言最近工作变动，加上私事太多，给大家奉上迟来的第二篇，对前端架构的初步了解，我也是在学习的过长中，文中有不对的内容欢迎大神指正批评！架构初体验前端架构是什么，包括什么？
假若～·2022-06-15 14:41

Vue.js环境搭建、安装Vue-cli脚手架、Visual studio code

2.6创建项目dm2.7启动项目dm2.8安装开发工具VisualStudioCode任务3前端架构设计3.1分层架构&模块化3.2分离方式3.3UI框架3.4构建工具
web18224617243·2022-06-13 12:00

面向微前端，谈谈 JavaScript 隔离沙箱机制的古往今来

前言随着微前端的不断发展、被更多的团队采用，越来越多开始对沙箱这个概念有所了解。
Joe Jiang·2022-06-11 08:00

前端和后端的英文_前端开发与架构师

(给前端大学加星标，提升前端技能.)作者：吕小鸣https://juejin.im/post/5d7990a16fb9a06ad16f9d55前端架构师,听起来就是个很高大上的职位，在大多数程序员的眼中
weixin_39553423·2022-06-08 19:26

微前端（qiankun）主应用共享React组件

前言最近需要重构一个老项目，定的方案用微前端去改造。主应用是老的项目，微应用是新的项目，由于重构时间比较紧张，子应用还需要使用父应用的一些组件。过程中遇到一些问题，记录一下。
快乐的开发者·2022-06-08 16:00

微前端-qiankun

微前端提供通过不同技术栈、能够以单独发布的方式将多个子应用构建成一个主应用的技术方案。所以结构分为主框架，和任意多个子应用。
Mr无愧于心·2022-06-01 00:40

字节跳动的微组件和代码共享实践

微前端的工程方案在前端er心中像一道曙光不断的被提起，被实践，多年至今终于有了比较好的指引。它在解决大型应用之间复杂的依赖关系，或是解决我们技术栈的迁移历史负担，都在一定程
傲娇的koala·2022-05-29 16:48

低代码开源， 一键设计稿生成代码，帮您解决生产痛点

虽然你已经写了无数遍，但是效率和三年前的你差别不大项目死亡线越来越近，而你还得出页面/组件，无法专注于业务逻辑你已经费尽心力抽象了很多组件，但还是发现很多页面内容没办法用组件来表达，然后又开始写页面CTO/前端架构在试了所有的工程化
·2022-05-26 18:14

基于qiankun的微服务落地实践

前言  近些年,前端发展火热,百家争鸣,各种技术层出不穷,如今的前端已经不再像以前一样就是简单的写页面、调样式、处理DOM等，现在的前端工作内容越来越复杂，技术点也越来越丰富。  当前，基于Vue、React、Angular的单页应用开发模式已经成为业界主流,基本上成为近几年前端项目必备技术,其前端生态也逐渐完善,我们可以利用这些技术与生态快速构建一个新的应用,这也大大缩短了项目的研发周期.  但
·2022-05-26 11:57

微应用：乾坤（qiankun2.0）搭建Vue应用

微页面配置文档官方文档：https://qiankun.umijs.org/参考Demo：https://github.com/wl-ui/wl-mfe注：所有文件的相关代码在文档末尾附件提供，将文件类型有
小酥锅·2022-05-25 17:21

vue纯前端设计动态路由+页面架构

前言好久没有更新博客了，今天就写一下vue脚手架+antd如何架构一个后台管理系统页面，本来是想弄微前端的但是想想还是算了，不过你熟了的话，可以使用微前端进行架构，基于主体布局不变嵌入微前端。
An_s·2022-05-24 18:22

手把手教你定制一套适合团队的微前端体系

编者按：大家在使用目前市面上的微前端解决方案时，可能会有些顾虑。比如遇到框架自身的问题和坑点，影响了业务进度怎么办？
·2022-05-20 10:10

爱番番微前端框架落地实践

导读：”微前端”这个词现在对前端同学来说已经比较熟悉了，各种方案也已经落地开花，比较主流如single-spa、乾坤，后来的也有webpack模块联邦。
百度Geek说·2022-05-19 19:34

爱番番微前端框架落地实践

导读：”微前端”这个词现在对前端同学来说已经比较熟悉了，各种方案也已经落地开花，比较主流如single-spa、乾坤，后来的也有webpack模块联邦。
·2022-05-17 14:36

大咖说*图书分享-Node布道师狼叔｜三卷书详解Node.js

嘉宾简介桑世龙（狼叔），菜鸟前端架构师、Node.js技术布道者、Node全栈公众号运营者、《狼书》作者。曾就职于多家知名IT企业，从事前端开发、后端开发、数据分析等工作，是一名全栈技术实践者。
·2022-05-17 09:13

vue3项目架构整理

我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复杂度。下面我将从16个方向，逐渐带领大家搭建一套属于你自
旭日东升、·2022-05-16 14:23

如何使用webpack5的模块联邦特性落地微前端

微前端现有的落地方案可以分为三类，自组织模式、基座模式以及模块加载模式。
前端学习栈·2022-05-12 12:26

微前端microApp

微前端microApp实践微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行
·2022-05-11 14:00

Umi + qiankun 实现动态加载子应用路由

前言  最近在做项目重构的事情，原来的一个Vue项目有几十个菜单，项目大的令人发指，所以准备重构，使用了umi+qiankun的方式，子应用使用了vue和react两个类型的框架。
·2022-05-10 15:46

Satum 官网正式发布了

经过大半年时间的打磨，面向多实例集成的微内核化的微前端框架satumjs终于推到了0.1.x(生产可用)，Satum官网正式发布了！！！
·2022-04-27 12:16

微前端相关

子应用中的element-UI的icon在主应用中访问子应用组件的时候不能加载处理问题在子应用的Vue.config.js文件中加入：config.module.rule("fonts").test(/.(ttf|otf|eot|woff|woff2)$/).use("url-loader").loader("url-loader").tap(options=>{options={//limit:
·2022-04-26 11:48

17个可以实现微前端的方案

一、微前端方案思路在前端技术领域已有如下几种成熟的实现微前端的思想：基于接口协议：子应用按照协议导出几个接口，主应用在运行过程中调用子应用导出的这几个接口基于沙箱隔离：主应用创建一个隔离环境，让子应用基本不用考虑自己是在什么环境下运营
·2022-04-25 10:24

360公司前端面经

360前端面经360一面：4:45-5:30自我介绍+项目介绍问了一大堆微前端问题前端场景题：请求一个url+参数，参数变化前端向服务器端请求资源并返回资源再渲染列表的过程。
veggie_a_h·2022-04-24 15:58
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他