javascript前端微前端

无界微前端作为子应用引入高德或百度地图removeChild报错问题解决

高德或者百度地图的外链script触发了高德地图的回调函数。回调函数里的有document.body.removeChild的逻辑，要删除高德的外链script。但在wujie插件中配不配置jsIgnores，高德地图的回调函数removeChild都无法删除出现以上问题我们可以使用一下方法解决：const{bus，setupApp,preloadApp，destroyApp]=WujieVue;
·2023-02-16 20:36

前端食堂技术周刊第 70 期：Volar 的新开端、React 纪录片、2022 大前端总结

Geekhyt/weekly本期摘要Volar的新开端Chrome110的新功能Lighthouse10Nuxtv3.2.0加速JavaScript生态系统之ESLintCloudflareWorkers和微前端
·2023-02-16 20:53

百度工程师带你了解Module Federation

一贫导读本文介绍了ModuleFederation的概念、应用场景，并结合具体的代码示例帮助大家对ModuleFederation的模块共享，公共依赖加载有个初步的认识，方便后续更深入的学习相关内容，同时也给微前端的探索提供一种新的思路
·2023-02-07 11:37

微前端框架StartCMS， 一个基于微前端架构的极速微应用开发框架，开源框架

一、介绍StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架前端不限技术栈，支持Vue2、Vue3、Vite、React、Rangular...后端不限制语言，支持PHP、Java、Node、Python、Go、C#...二、主要特性大道至简：后端标准CMS分层设计，前端微应用架构，全新开发模式和开发规范给开发更好体验框架独立：分离框架代码与
·2023-02-06 14:46

推荐一个基于微前端架构的极速微应用开发框架StartCMS

StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架前端开发不限技术栈，支持Vue2、Vue3、Vite、React、Rangular...后端开发不限制语言，支持PHP、Java、Node、Python、Go、C#...主要特性大道至简：后端标准CMS分层设计，前端微应用架构，全新开发模式和开发规范给开发更好体验框架独立：分离框架代码与应用
·2023-02-06 11:00

微前端 quankun + vue

micro.jpeg前言微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。
最后只剩躯壳·2023-02-04 07:38

这才是最完美的微前端方案

推荐语：如果想快速落地微前端，小编推荐优先使用EMP微前端方案，具体理由如下分析。近几年微前端话题还挺火的，也看到了业界沉淀了微前端的实现方案，特别是qiankun，一直都是业界关注的点。
吉古力·2023-02-04 00:41

qiankun子应用找不到document

动态添加html元素并添加点击事件，子系统独立运行时点击事件生效，使用微前端框架后，点击事件找不到绑定的方法。
·2023-02-03 09:25

微前端实践初试

——一个基于single-spa的vue2升级至vue3的项目Author柯雨Date2021-01-21一、项目背景随着2020年9月vue3的正式发布，为了在之后的工作之中能够逐步全面的使用vue3替代vue2，之前所开发的系统项目升级的需求也就提上了日程。考虑到第一，vue3的使用是新技术的尝试，第二，vue3的相关生态还在进一步完善之中，因此，我们使用了一个部门内部项目来作为我们的实践对象
我们都是架构师·2023-02-02 22:43

2022 你还不会微前端吗 (下) — 揭秘微前端核心原理

前言在上篇2022你还不会微前端吗(上)—从巨石应用到微应用中已经了解了微前端的由来和基本使用，也提到了一些相关的原理，本篇文章为下篇主要从原理层面进行解析，然后再自己实现一个包含核心部分的微前端框架。
·2023-02-02 14:07

实战微前端，从使用qiankun到自写微前端

我本地写的文档，大部分内容我直截了当的截图了。image.pngimage.pngimage.pngimage.pngimage.pngimage.png我根据报错提示进行了调整：importReactfrom'react';importReactDOMfrom'react-dom/client';import{isInIcestark,setLibraryName}from'@ice/stark
码代码的小公举·2023-02-02 09:21

微前端实战

什么是微前端微前端的概念：构建一个现代Web应用所需要的技术/策略/方法，具备多个团队独立开发、部署的特性微前端的优势独立测试部署，各个模块相互独立，互不影响扩展性高技术兼容更好，各个模块可以使用不同的技术微前端的缺点子应用之间共享资源能力较差需要对旧的代码改造升级才可以使用目前主流的微前端解决方案
池鱼_故渊·2023-02-01 18:05

qinkun微前端打包部署找不到子应用的静态资源

前端微服务微服务打包一些资源（打包后的）找不到的问题主要是因为在乾坤状态下此处的配置会把静态资源地址给替换为在线地址，而乾坤拿到的是根级别域名所以会把后续的二级地址给去掉所在此处需要加上二级的路径（如果打包的时候加上了二级路径的话，如果没有加则不需要修改）首先想到的是打包的时候，vue.config.js中publicPath加上二级路径constpublicPath=process.env.NO
·2023-02-01 15:00

vue+ts的微前端实践

微前端的概念是从后端的微服务中迁移过来的。将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
夜闯寡妇门·2023-02-01 02:35

实践基于qiankun的微前端demo - 主项目

开始创建主应用创建vue主应用mainvuecreatemaincdmain执行yarn安装依赖，并本地启动yarnserve(或者修改为yarndev)cdmainyarnyarnserve(或者修改为yarndev)安装qiankun依赖yarnaddqiankun进入src/main.jsimportVuefrom'vue'importAppfrom'./App.vue'Vue.config
木头就是我呀·2023-01-31 10:21

基于qiankun 微应用--应用间通信

在微前端架构中，我们应该按业务划分出对应的子应用，而不是通过功能模块划分子应用。
Augenstern___·2023-01-30 14:22

微前端之 entry 加载工具

什么是entry微应用、微模块的入口systemjsSystemJS是一个基于标准的模块加载器。工作环境：在不支持原生模块的浏览器环境中，提供以System.register的模块格式的模块加载代码single-spa通过systemjs实现微模块、特点：支持动态导入、cssjsjsonwasm模块类型、兼容IE11支持文件:js、css、json、wsm支持模块规范:system、umd、amd
coolheadedY·2023-01-29 11:41

微前端理念

什么是微前端？微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
Thomas赵骐·2023-01-29 01:35

前端发展与思考

FlutterWebMobileNodecli相关BFF+TS相关公共组件、npm包工程化cli工具发布一体化Node相关后端NodeGoDart/FlutterJava可视化svgcanvas前端的部署静态化Serverless微前端大前端的方向
1kesou·2023-01-28 12:46

聊聊微前端的原理和实践

本文首发于vivo互联网技术微信公众号链接：https://mp.weixin.qq.com/s/2qH9qMNpU_LuLEBTsDUKzA作者：TanXin本文对微前端的概念和场景进行科普，介绍一些主流的微前端的实现库及其用法
vivo互联网技术·2023-01-27 01:35

微前端

微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。
HTAO濤·2023-01-26 06:45

微前端qiankun框架接入实战

引入微前端，将代码根据业务逻辑
Ygria·2023-01-26 03:01

为什么 qiankun 不能和 vite 一起使用？

qiankun简介qiankun是蚂蚁金服开源的完善的微前端解决方案，经受过大量的线上系统的考验及打磨，是国内使用率较高的微前端框架之一，它具有不限制技术栈、完备的样式隔离、js沙箱与资源预加载等特点，
·2023-01-17 16:31

JavaScript前端：与PDF.js结合，实现网页PDF内容批量下载

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档JavaScript前端：与PDF.js结合，实现网页PDF内容批量下载前言一、PDF.js是什么？
懂事的观众GPT·2023-01-11 07:20

为iframe正名，你可能并不需要微前端

前言最近几年微前端很火，火到有时候项目里面用到了iframe还要偷偷摸摸地藏起来生怕被别人知道了，因为担心被人质疑：你为什么不用微前端方案？
·2023-01-05 16:44

微前端乾坤的实现以及注意事项

微前端乾坤微前端乾坤主应用子应用主应用配置子应用配置问题微前端乾坤qiankun是一个基于single-spa的微前端实现库，拥有的特点：JS沙箱，样式隔离，元素隔离，数据通信，预加载，HTMLEntry
WFF的赵本山·2022-12-30 00:53

如何定位内存溢出导致页面崩溃问题

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

vite+vue3+ts项目搭建之集成qiankun让其成为子应用模板(vite+vue3+ts+qiankun项目)

前言以下操作，是续接之前第四步——即：vite+vue3+ts+pinia+element-plus项目已完成搭建好，可以直接业务开发了主应用技术栈：vue2+webpack+js集成qiankun(微前端
wocwin·2022-12-25 17:03

从Vue重构到React的微应用实践总结

在这样的挑战下，我想到了微前端解决方案
前端开发博客·2022-12-25 06:57

Vue 微前端搭建 qiankun

主应用1、安装qiankunnpmiqiankun-S2、项目中src文件夹下新建qiankun文件夹以及qiankun.js文件import{registerMicroApps,addGlobalUncaughtErrorHandler,start}from'qiankun';/***在主应用中注册微应用*/registerMicroApps([{name:'zsyftxglpt-mh',//微
Cherry丶小丸子·2022-12-21 10:17

H5开屏从龟速到闪电，企微是如何做到的

企微前端开发工程师陈智仁将分享可用可扩展的HybirdH5秒开方案。
·2022-12-19 11:22

JavaScript前端实用的工具函数封装

这篇文章主要为大家介绍了JavaScript前端实用的一些工具函数的封装，有需要的朋友可以借鉴参考下，希望能够有所帮助!
码云笔记·2022-12-15 16:00

还没理解微前端？手把手教你实现一个迷你版

大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群最近看了几个微前端框架的源码（single-spa[1]、qiankun[2]、micro-app[3]），感觉收获良多
傲娇的koala·2022-12-14 15:02

vue - qiankun微前端

微前端什么是微前端微前端架构具备以下几个核心价值：项目实践主应用什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently
Zachos·2022-12-07 06:56

微前端qiankun从搭建到部署的实践总结

主要有两条路：iframe方案qiankun微前端方案两种方案都能满足我们的需求且是可行的。
影夜随风·2022-12-04 19:07

极简微前端框架-京东MicroApp开源了

前言MicroApp是一款基于类WebComponent进行渲染的微前端框架，不同于目前流行的开源框架，它从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。
cangdu123·2022-12-01 17:04

2022 你还不会微前端吗 (上) — 从巨石应用到微应用

前言微前端系列分为上/下两篇，本文为上篇主要还是了解微前端的由来、概念、作用等，以及基于已有的微前端框架进行实践，并了解微前端的核心功能所在，而在下篇2022你还不会微前端吗(下)—揭秘微前端核心原理中主要就是通过自定义实现一个微前端框架来加深理解
·2022-11-30 23:13

JavaScript前端常用的构造数据的方式

一、JavaScript常用的构造数据的方式1、JavaScript返回{name:xxx，value:xxx}的数组//data传入的数据//二维数组:['SRR123456','60.51','20.12','8']//....//['SRR123457','60.51','20.12','8']vardataResult=function(data){//定义一个空数组letlist=[];
熊凯瑞·2022-11-30 00:28

微前端（qiankun）实践，内含超多代码示例

如果说，2021年了你还不了解「微前端」，请自觉搬好板凳前排听讲，小编特地邀请了我们LigaAI团队的前端负责人，带你轻松玩转微前端。什么是微前端？
LigaAI·2022-11-26 18:55

微前端——single-spa源码学习

前言本来是想直接去学习下qiankun的源码，但是qiankun是基于single-spa做的二次封装，通过解决了single-spa的一些弊端和不足来帮助大家能更简单、无痛的构建一个生产可用微前端架构系统
DrinkWater Sun·2022-11-23 14:37

qiankun 源码解析

微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。
Bennt·2022-11-23 14:21

微前端架构之使用manifest.json优化子应用加载

一、前言qiankun提供的entry方式有url方式也有对象方式。当entry是url方式时，其会使用import-html-entry库对url进行fetch，然后使用正则获取到html中的script标签和style标签，当entry为对象时，直接传入：scripts数组和styles数组，其不就不调用import-html-entry中的fetch和正则获取对应的js和css了，故此会加快
叶小七的真命天子·2022-11-23 14:48

webpack插件篇-根据环境替换cdn链接中的react版本

1、需求背景：微前端架构中，子应用开发我们采用了基座下发的方式，子应用开发时，拉取sim环境基座，保证子应用代码环境的统一性，方便调试与问题发现。
叶小七的真命天子·2022-11-22 14:55

Qiankun Sentry 监控异常上报无法自动区分项目解决

由于我们的项目采用的是基于qiankun的微前端架构，在应用使用过程中，常常会出现发
·2022-11-21 18:41

2022 你还不会微前端吗 (下) — 揭秘微前端核心原理

前言在上篇2022你还不会微前端吗(上)—从巨石应用到微应用中已经了解了微前端的由来和基本使用，也提到了一些相关的原理，本篇文章为下篇主要从原理层面进行解析，然后再自己实现一个包含核心部分的微前端框架。
·2022-11-16 23:46

关于微前端，你理解到究极奥义了么？

hel-micro，模块联邦sdk化，免构建、热更新、工具链无关的微模块方案，欢迎关注与了解微前端的起源在微前端这个概念出现之前，我们或多或少都能够联想到另一个词性上有些相似的概念微服务，它从出现后便一直都很火热
·2022-11-09 14:09

2022 你还不会微前端吗 (上) — 从巨石应用到微应用

前言微前端系列分为上/下两篇，本文为上篇主要还是了解微前端的由来、概念、作用等，以及基于已有的微前端框架进行实践，并了解微前端的核心功能所在，而在下篇2022你还不会微前端吗(下)—揭秘微前端核心原理中主要就是通过自定义实现一个微前端框架来加深理解
·2022-11-09 14:07

微前端架构ModuleFederationPlugin源码解析

目录序言背景MF基本介绍应用场景微前端架构服务化的library和componentsModuleFederationPlugin源码解析入口源码ExposesRemotesShared小结总结序言本文是
·2022-11-08 10:34

常见的前端面经试题整理。持续更新中....

、浅克隆浅克隆：深克隆采用json.parse()和json.stringify()实现深克隆使用ES6的Array.from(arr)实现数组深克隆使用ES6的扩展运算符...暴力循环进行赋值5.对微前端
veggie_a_h·2022-11-01 11:35

理解微前端 - 从部署一套自己的前端开发环境(脚手架)开始

很久以前的前端，没有太多工具化工程化思想，一堆代码塞进去完事儿。如今前端已经很卷，卷到了一个开发环境都够你折腾一宿。那么我们抛开类似nextjs、create-react-app这类的工具或框架，我们该如何从零部署一个属于自己的开发环境呢？这篇文章将讲述如何配置一个基础的脚手架，支持React、TypeScrit和单元测试等必要的功能。在这个基础上，也能够很方便去个性化脚手架，让它支持比如Elec
没位道·2022-10-26 15:07
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他