前端架构微前端qiankun

关于微前端技术选型与说明

关于微前端技术选型与说明目前各产品均为单个独立产品，但后期若聚合起来成为矩阵，那如果通过单纯的柔和代码，将会打造一个巨石项目，维护成本极高，且后期迭代时会局限在单一框架内，扩展性也会很差，基于以上几点，
Robertbiu·2023-03-11 15:08

微前端 qiankun + vue 从 0 到 1

一、创建项目1、新建一个文件夹（demo）2、创建主项目（master）$vuecreatemaster$cdmaster$vueaddvue-cli-plugin-qiankun--typemaster3
叫兽儿·2023-03-11 13:05

Nginx同一文件夹部署微前端

server{listen8080;server_namelocalhost;location/{roothtml;indexindex.htmlindex.htm;try_files$uri$uri//index.html;}location/app1{roothtml;indexindex.htmlindex.htm;try_files$uri$uri//app1/index.html;}lo
坑的心都碎了·2023-03-11 07:52

成为一名前端架构师需要付出怎样的努力？

白鹿专注问答领域知识提炼，擅长科学、历史、地理以及心理学的研究与剖析。image你绝对不会像以上两位兄弟那么轻松的！如果我说，要拼了命的努力，那一定我是我错药了，但是，如果你没有拼命学习的心态，那就是不用往下看了！先讲一讲自己的个人经历吧。白鹿大学学的是工商管理，但是在学校的时候偶然间接触了计算机培训的相关机构，对计算机产生了很浓厚的兴趣。当时的报班课程有c++、c#、asp.net、Java等主
白鹿知识内参·2023-03-10 11:16

微前端乾坤+Angular9

前言之前写过一篇关于微前端乾坤+Angular8的笔记，现在NG9已经到来，因此做了一次升级，仅以此文记录。
没有注定的结局·2023-03-10 09:29

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

微前端qiankun从搭建到部署的实践一、项目架构后台系统一般都是上下或左右的布局。下图粉红色是基座，只负责头部导航，绿色是挂载的整个子应用，点击头部导航可切换子应用。[图片上传失败...
Robertbiu·2023-03-10 02:37

企业电子招投标采购系统源码之登录页面

信息数智化招采系统服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、Bootst
微服务商城技术分享·2023-03-09 10:33

工程管理系统源码之全面+高效的工程项目管理软件

服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、B
微服务商城技术分享·2023-03-09 10:21

微前端框架qiankun源码剖析之下篇

目录引言四、沙箱隔离4.1JS隔离1.Snapshot沙箱2.Legacy沙箱3.Proxy沙箱4.2CSS隔离1.ShadowDOM2.ScopedCSS五、通信方式六、结语引言承接上文微前端框架qiankun
·2023-02-27 18:46

前端架构——微前端系列(一)

背景最近项目开发中使用了qiankun框架去做微前端，我是属于半懂不懂的状态，大概了解过微前端是什么，可以解决什么问题，但是没有并系统的认识和从0实战过。
邱疯子·2023-02-26 19:16

关于微前端，你想知道的都在这!

更多请关注微前端专题https://codeteenager.github.io/Micro-Frontends/介绍微前端官网：https://micro-frontends.org/问题：如何实现多个应用之间的资源共享
·2023-02-22 14:28

单体架构、面向服务架构、微服务简单了解 【微前端】

微服务属于什么？一种架构风格。软件架构大体经历了：单体架构→面向服务的架构(SOA)→微服务1.单体架构特征：单体架构是一种将所有功能打包在一个容器中运行的设计风格一个实例中继承了一个系统的所有功能通过负载均衡软件/设备实现多实例调用。优点：易开发、易调试、易部署缺点：可靠性差：某个模块bug可能导致会导致整个应用的崩溃。不易协同：协同开发时，版本冲突频繁。升级困难：牵一发而动全身。2.面向服务的
麦田里的POLO桔·2023-02-22 07:24

微前端x重构实践落地总结

在这样的挑战下，我想到了微前端解决方案
写代码的海怪·2023-02-18 14:48

如何设计低代码平台快速构建页面

为什么要做页面可视化搭建系统统一微前端架构各个微应用页面的样式和交互我们公司的供应链saas系统而多个独立部署、技术栈不统一的系统组合而成，这些系统的样式，交互存在差异，通过页面可视化搭建系统生成的页面底层使用同一套组件库
小美人鱼失去的腿·2023-02-18 01:14

前端开发（三）【微前端】single-spa 到底是个什么鬼

image.png前言说起微前端框架，很多人第一反应就是single-spa。但是再问深入一点：它是干嘛的，它有什么用，可能就回答不出来了。一方面没多少人研究和使用微前端。
一杯苦瓜海底椰·2023-02-17 13:18

微前端框架 之 qiankun 从入门到源码分析

简介从single-spa的缺陷讲起->qiankun是如何从框架层面解决single-spa存在的问题->qiankun源码解读，带你全方位刨析qiankun框架。介绍qiankun是
李永宁_lyn·2023-02-17 11:48

字节跳动-北京前端职业机会

平台品牌广告平台等多个平台前端技术工作，负责核心系统的设计和编码2、和后端数据算法PM等多方配合，推动业务发展3、负责前端团队搭建和管理；对团队做技术规划，并且执行落地；对前端团队产出的质量和效率负责岗位要求：1、扎实的技术能力，良好的前端架构能力
HenryAI·2023-02-17 08:24

MVC和MVVM的区别

一、概念MVC,MVP,MVVM是三种常见的前端架构模式(ArchitecturalPattern),它通过分离关注点来改进代码组织方式。
Ronychen’s blog·2023-02-17 02:48

微前端框架StartCMS，如何启动框架，startCMS启动教程

简介StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架前端不限技术栈，支持Vue2、Vue3、Vite、React、Rangular...后端不限制语言，支持PHP、Java、Node、Python、Go、C#...一、本文接续上一篇文章，对StartCMS框架如何启动进行讲解如果您对StartCMS有疑惑，建议先阅读下方文章来了解更多。微
·2023-02-17 02:53

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

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

nuxt作为主应用接入qiankun的实践（附代码）

上半年一直在倒腾qiankun，在使用nuxtjs接入qiankun时遇到了一些坑，记录并分享出来，希望能帮助到大家。
·2023-02-17 02:22

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

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

无界微前端环境下MonacoEditor鼠标错误问题解决办法

在使用wujie微前端框架内的子应用MonacoEditor会出现光标标错误问题。原因是因为：MonacoEditor的document.caretRangeFromPoint在无界中无法兼容。
·2023-02-17 01:51

浅谈OOCSS、SMACSS、BEM三种设计模式与前端架构优化的关系

浅谈OOCSS、SMACSS、BEM三种设计模式与前端架构优化的关系面向对象的OOCSS，是由NicoleSullivan提出的css理论，虽说是理论，实则更像一种程序员约定的规范。.........
weixin_34291004·2023-02-16 21:27

微前端qiankun架构 (基于vue2实现)使用教程

工具使用版本node-->16+@vue/cli-->5+创建文件创建文件夹qiankun-test。
不羁的程序员~·2023-02-16 21:21

无界微前端作为子应用引入高德或百度地图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

前端架构处理Cookie、Session、Token

1.CookieCookie总是保存在客户端中。按在客户端中的存储位置，可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护，保存在内存中，浏览器关闭后就消失了，其存在时间是短暂的。硬盘Cookie保存在硬盘里，有一个过期时间。除非用户手工清理或到了过期时间，硬盘Cookie不会被删除，其存在时间是长期的。1.1Cookie定义和作用HTTPCookie（也叫WebCookie或
ejinxian·2023-02-06 17:32

微前端框架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

2019-08-21

所以首次接触前端架构类的东西，难免有点无从下手。经过几天的奋战，以及参阅国内外大牛们的各种Tutorial之后，终于拨开迷雾，缕了些头绪，自己也试着从传统的方式过渡（重构）出了所谓的架构性的代码。
张机智_0fe3·2023-02-05 23:09

项目实战-UmiJS开发（附带qiankun）

前言Coder是怎么样提高自己的实力？一件事情做坚持一万遍，唯手熟尔。不知道各位有没有体会，总感觉之前的代码写的很low逼，想抽点空来折腾折腾自己还是很有乐趣的。重构还是很有乐趣的。手工狗头镇楼！搭建基础框架一般来说，中小型团队的中台项目都是前端自己主导样式，而样式、布局、路由、权限等等一系列的通用性很强的基础框架，自研比较花时间，投入的回报率不高，最好的方法就是在比较成熟的方案上进行一定的个性化
Cookieboty·2023-02-05 17:03

微前端 quankun + vue

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

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

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

前端面试的总结01

想要我就要得了后来种种失败挫折告诉我，除非你是名校项目经验丰富基础扎实HTML/css/js熟练然而现实是：名校做前端的一个名校对口专业估计就要筛掉大部分人了项目经验丰富大学竞赛项目有几个重视前端架构/
shem06·2023-02-03 23:35

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

Could not find the '@angular-builders/custom-webpack'

问题描述Couldnotfindthe'@angular-builders/custom-webpack:dev-server'builder'snodepackage.angular13qiankun
·2023-02-02 11:17

实战微前端，从使用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

项目选型分析——浅谈MVC、MVP、MVVM架构

首先辨析一下架构模式和设计模式的关系：MVP、MVC、MVVM是三种常见的前端架构模式，通过分离关注点来改进代码组织方式。而设计模式只是为了解决一类问题而总结出的抽象方法。
小阿冷爱学习·2023-02-01 13:24

vue+ts的微前端实践

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

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

主应用mainvuecreatemaincdmain执行yarn安装依赖，并本地启动yarnserve(或者修改为yarndev)cdmainyarnyarnserve(或者修改为yarndev)安装qiankun
木头就是我呀·2023-01-31 10:21

qiankun微应用中antd样式问题解决方案

在子应用与主应用对接过程中，页面可以正常展示，但是ant组件显示异常，弹框、下拉框等需要挂载的组件挂载位置异常，导致页面的功能、布局、样式异常。a-select增加属性：:getPopupContainer="t=>t.parentElement"a-tree-select增加属性：:getPopupContainer="t=>t.parentElement"a-range-picker增加属性：
·2023-01-30 15:13

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

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

3.基于qiankun的微应用示例（Vue及传统应用混合）一 vue子应用

构建vue应用npminstall-gvue-clivueinitwebpack在构建vue应用的有问题可以参考点这里构建vue应用进入index.html修改子引用的id不能与主应用重复childapp3.修改webpack.dev.config.js允许启动的服务跨域设置devServer:{headers:{'Access-Control-Allow-Origin':'*'},其他配置...
小白菜的白菜·2023-01-29 14:34

微前端之 entry 加载工具

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