前端架构微前端qiankun

qiankun-微前端--vue2

项目结构主应用技术：vue2子应用技术：vue2项目目录这里是特意将主子项目分开来的，方便管理主应用安装qiankunnpminstallqiankun重新定义一个启动端口，防止和其它子应用共用同一个端口（vue.config.js）定义子应用在主应用中的出口，下面这两个地方都需要进行定义（main.js和模板组件）注意：我这里定义的子应用的挂载节点是在HomeView.vue这个页面上，放在这里
阿Q--小黑·2023-08-12 00:02

从零搭建qiankun

在说qiankun之前先了解下Single-spa,Single-spa是一个将多个单页面应用聚合为一个整体应用的JavaScript微前端框架。
Wombat-·2023-08-11 23:36

前端微服务qiankun使用基础及应用传参

一，主应用入口文件importVuefrom'vue'importappfrom'./App.vue'importrouterfrom'./router/index.js'//引入状态管理机importactionsfrom'./action.js'//引入乾坤中需要的模块注册应用，设置默认应用import{registerMicroApps,start,setDefaultMountApp}fr
[email protected]·2023-08-11 18:19

zustand：基于 Flux 模型实现的小型、快速和可扩展的状态管理

效果图微前端为什么你需要zustand-pub？
@Dai·2023-08-11 08:07

阿里 qiankun 微前端框架实践

微前端可以说是这个问题的满分答案。
小丶侯·2023-08-11 04:06

搭建qiankun Demo

so，今天开始尝试阿里qiankun，并搭建一个demo。
山上有桃子·2023-08-07 15:43

微前端实践一

微前端起源微前端的概念最早由thoughtworks在2016年提出。其核心思路是借鉴后端微服务架构理念，将一个单体的庞大的前端应用拆分为多个简单独立的前端工程。每个前端工程可以独立开发、测试、部署。
yolkpie·2023-08-07 06:09

微前端中的 CSS

CSSinMicroFrontends原文作者：FlorianRappl原文地址：https://dev.to/florianrappl/css-in-micro-frontends-4jai我被问得最多的问题之一是如何在微前端中处理
奇舞周刊·2023-08-07 04:38

qiankun单个微应用集成的demo

qiankun单个微应用集成的demo这里改造的主应用和微应用都是Vue的项目，但是qiankun本身不限制技术栈，不同子应用可以是不同的技术栈，并且为了简单，方便大家搭建，这里的主微应用全部都是利用Vue-cli
彩云Coding·2023-08-07 00:50

笔记：无界微前端入门

无界微前端框架笔记wujie(无界)是腾讯在2022年7月推出的微前端框架，下面是腾讯前端团队的原话无界微前端方案基于webcomponent容器+iframe沙箱，能够完善的解决适配成本、样式隔离、运行性能
易风有点疯·2023-08-05 17:23

微前端框架 之 qiankun

文章目录一、介绍1.1qiankun的优点/特点二、源码解读2.1框架目录结构2.2有料的package.json2.3示例项目中的主应用2.4启动示例项目三、示例项目3.1主应用3.1.1webpack.config.js3.1.2
fmk1023·2023-08-03 13:25

pnpm安装依赖，webpack版本过高，api找不到问题

Cannotreadpropertiesofundefined(reading'tapAsync')ExternalModuleFactoryPlugin.js:59ExternalModuleFactoryPlugin.apply[qiankun
xxsjan·2023-08-03 02:02

qiankun使用文档

基于vue的主应用+vue微应用+react微应用一、qiankun主应用（vue）1.安装qiankun$yarnaddqiankun#或者npmiqiankun-S2.注册微应用并启动（参考官方文档
枫沂·2023-08-02 10:11

微前端

微前端是目前比较热门的一种技术架构，挺多读者私底下问我其中的原理。
6f2f71ece809·2023-08-02 00:02

基于Vue的前端架构，我做了这15点

1.分解需求技术栈考虑到后续招人和现有人员的技术栈，选择Vue作为框架。公司主要业务是GIS和BIM，通常开发一些中大型的系统，所以vue-router和vuex都是必不可少的。放弃了ElementUI选择了AntDesignVue（最近Element好像复活了，麻蛋）。工具库选择lodash。建立脚手架搭建NPM私服。使用Node环境开发CLI工具，参考我自己写过的一篇-【搭建自己的脚手架—“优
猿天下·2023-08-01 11:16

什么是微前端

前端微服务化，将单片式Web应用分解为多个微前端的策略。什么是微前端架构？微型前端架构是一种将Web应用程序开发为小型前端应用程序的方法。该应用程序没有编写大型的整体式前端应用程
kyo_f89f·2023-07-31 21:05

web前端开发工程师的具体职责范本（合集）

web前端开发工程师的具体职责范本1职责：1.负责web前端架构的搭建，核心业务功能开发和核心代码编写。2.配合产品经理，实现产品UI和交互方面的需求，持续界面优化，提升用户体验。
matlab@com·2023-07-31 14:39

前端构建工具&&前端模块化工具&&前端架构工具&&前端类库

前端自动化构建工具webpack是一个打包模块化的ｊｓ的工具，在webpack里一切文件都是模块，通过loader转换文件，通过Plugin注入钩子，最后输出由多个模块组成的文件．详见官网，最近特别流行！gulp基于流的自动化构建工具，管理任务，执行任务，监听文件，读写文件;1.gulp.task注册一个任务2.gulp.run执行任务3.gulp.watch监听文件变化4.gulp.src读取文
gaoxuerong·2023-07-30 18:24

初见微前端

基座1.安装npmi@micro-zoe/micro-app@alpha--save2.引入加start根目录下importmicroAppfrom'@micro-zoe/micro-app'microApp.start()3.配置路由（包括重定向俩）{path:'/myPage',name:'myPage',redirect:'/myPage/Login'},{path:'/myPage/*',
懿小诺·2023-07-30 10:33

微前端nuxt3.0方便请求api可封装一个使用哈希算法出key值的http，http封装

http.tsimport{hash}from'ohash'importtype{FetchOptions}from'ohmyfetch'interfacehttpOptions{source?:string}/****获取接口前缀*/我这里为不同站点的接口做了区分，主站点为api，demo站点为demoapifunctionGetPrefixUrl(source?:string){const{p
zhongli_·2023-07-28 06:33

webpack联邦模块介绍及在dumi中使用问题整理

二、如何在dumi中使用及问题整理1.如何在dumi中使用(这个配置是好使的)2.相关问题整理2.1问题12.2问题2总结前言联邦模块（ModuleFederation）是指一种用于构建微前端架构的技术
A-wliang·2023-07-28 02:19

微前端简介

微前端概念详解什么是微前端？微前端（Micro-Frontend），是将微服务（Micro-Services）理念应用于前端技术后的相关实践，使得一个前端项目能够经由多个团队独立开发以及独立部署。
状元岐·2023-07-28 02:22

基于云原生的大数据产品前端实践 | 第七期图文直播文字回放

本次直播由智领云Web开发经理陈磊为大家分享了《基于云原生的大数据产品前端实践》主题内容，其中主要内容包括：BDOS前端架构演进，前端工程体系建设，数据可视化实践，前端能力中台化探索等。
LinkTime_Cloud·2023-07-27 12:09

qiankun 与vue-router4 不兼容导致路由显示 undefined 问题

在路由前置守卫中监听to及from的变化，发现router.push跳转路由时，会发现打印出两次以上的to、form对象，只有第一次打印的from对象是正确的，而后两次都是由于qiankun与vue-router
王——小喵·2023-07-26 20:58

vue3+vite项目如何作为微应用接入qiankun主应用

pnpminstallvite-plugin-qiankun//vite.config.js importqiankunfrom"vite-plugin-qiankun"exportdefault({mode
王——小喵·2023-07-26 20:28

无星的微前端之旅（三）——qiankun改造

微前端改造这里以Vue3为例子，主应用和子应用均使用vue3路由的话，建议主应用和子应用使用相同模式，即均为history或者均为hash以下先使用为history模式讲解，最后会写如何使用hash模式
无星灬·2023-07-26 19:38

前端架构师岗位的工作职责（合集）

前端架构师岗位的工作职责1职责：1.制定前端的标准和规范，并推广和应用，提高团队的开发效率;2.前端架构的框架或核心模块的设计与实现;3.在前端架构、设计与开发上对团队进行足够的指导;4.在日常的系统设计与优化上与服务端团队紧密合作
matlab@com·2023-07-26 15:40

前端架构师的具体职责范围

前端架构师的具体职责范围1职责：1、前端技术选型、架构搭建、制定前端开发规范，并编制相关文档2、负责搭建前端框架、通用组件方案制定、性能优化相关工作;3、维护和升级本地开发环境，提高开发效率，提升开发质量
matlab@com·2023-07-26 15:40

前端开发的工作职责精选【10篇】（合集）

Javascript负责产品的前端开发和页面制作;2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案;3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构
matlab@com·2023-07-26 15:40

rabowl——umi-qiankun微服务框架企业实践(7)

rabowl的gitsubmodule版本子应用的多git库也可以使用gitsubmodule来进行管理。添加子应用在主应用目录下执行命令gitsubmoduleadd-bfeature/xxx/xxxx--nameapp1http://xxxxx.git(子应用git地址)packages/app1添加子应用后在主应用目录下会自动生成一个.gitmodules文件。里面会自动添加一条记录[sub
Rasir·2023-07-26 10:22

基于lerna和single-spa,sysyem.js搭建vue的微前端框架

为什么要用微前端目前随着前端的不断发展，企业工程项目体积越来越大，页面越来越多，项目变得十分臃肿，维护起来也十分困难，有时我们仅仅更改项目简单样式，都需要整个项目重新打包上线，给开发人员造成了不小的麻烦
mongofeng·2023-07-25 18:35

从Jquery到React，从Iframe到微前端，我们经历了什么

--58安居客北京前端团队《巧寓sass系统》开发纪实前言如标题所讲，本文将要记录的是我在真实的项目开发过程中，如何将一个2017年代码的JQ项目一步步迁移升级为react+微前端技术架构的。
喜剧之王爱创作·2023-07-25 15:52

pnpm 与monorepo架构

其他文件跟这变化上图所示：安装某依赖，外面带符号的文件夹只是一个软链接，链接到.pnpm的文件夹下面.pnpm内的依赖又通过硬链接的方式从本地store拉取，查看：pnpmstorepath；场景monoropo架构与微前端外面一个主应用里面可以有多个
_Rookie._·2023-07-25 12:49

Webpack5核心原理与应用实践（基础用法）一

主要有：搭建完善的JavaScript、CSS开发环境；搭建微前端、NPM包、桌面应用等。
天将降大任于我·2023-07-25 11:06

web前端进阶之路；web前端不能只做普通程序员；web前端应该向前端架构师前进

原文出处：https://imweb.io/topic/577941b9f525c4613e8b4015有人说产品开发过程中web前端没有结论，只有随需求不停的修改，但是项目必须要有阶段性的结论，作为一个前端开发，如何避免为了某一个需求而陷入反复更改的困境呢？不要把责任全部推到产品不断的需求更改或者设计不停的视觉调整上，你其实可以做得更好。在不断的追求新技术，打磨技术精益求精之时，拓宽自己的知识面
小战老师web前端学者·2023-07-25 02:07

微前端——Single-SPA（二）

single简单用法1、新建一个html2、新建一个single-spa-config.js//single-spa-config.jsimport*assingleSpafrom'single-spa';//加载react项目的入口js文件(模块加载)constloadingFunction=()=>import('./react/app.js');//当url前缀为/react的时候.返回tr
Y_d4ea·2023-07-24 19:26

2022年了你必须要学会搭建微前端项目及部署方式

一、微前端简介微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
程序员poetry·2023-07-24 17:31

vue项目qiankun框架主应用和子应用用nginx部署

主应用打包工具是vite子应用打包工具是vuecli主应用和子应用部署在一个服务器端口下注意点主应用的vite.prod.config.ts配置文件的base字段，这个字段和nginx部署的文件结构有关，base表示打包后的主应用文件放到服务器的哪个文件夹中，默认是base:"/",默认将主应用文件放在服务器的根目录中在main.ts中注册子应用时的配置对象entry字段是nginx服务器中子应用
深一海·2023-07-24 02:06

qiankun框架vue3主应用和子应用生产环境打包部署nginx

首先下载nginx,进行最小化配置用vscode打开nginx.conf文件在http模块的server模块里进行配置listen字段监听端口号http的默认端口号是80(nginx的端口号可以随便写)server_name字段是ip地址lochhost就是127.0.0.1lacation字段是在浏览器的地址栏http协议+ip地址+端口号后面的url在location字段里进行配置跨域的代码l
深一海·2023-07-24 02:35

Spring Cloud+Uniapp+企业工程管理系统源码之提高工程项目管理软件的效率

服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、B
微服务 spring cloud·2023-07-23 12:21

JavaScript读源码系列--微前端之import-html-entry

最近网络上对于微前端讨论的愈加激烈，qiankun就是一款由蚂蚁金服推出的比较成熟的微前端框架，基于single-spa进行二次开发，用于将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用
照物华·2023-07-23 10:46

微前端——乾坤

背景在使用Angular项目过程中，发现如下问题：随着需求越来越多，模块越来越多，打包的时间越来越长，有的时候甚至会出现内存溢出的问题。虽然通过修改打包时的内存能暂时解决问题，但治标不治本，问题始终没有解决。许多模块相对稳定，很多迭代不会修改相关功能，因此希望在打包的时候不去打包这些模块在项目实际过程中对用户有功能权限配置，希望未配置相关功能的用户不需要加载相关模块开发过程中，因为一些需求要升级技
没有注定的结局·2023-07-23 09:50

Umi微前端水印踩坑以及解决方案

最近公司需要在管理后台加一个水印方案~项目用的umi方案,以为就是改一个配置的问题,后来发现坑点还蛮多~希望此稳定能帮助到用umi的你们.一.先来说说心路历程坑点1umi的水印适配只能在layout中进行配置,也就是路由配置中layout为false的页面无法配置水印,比如说登录页~坑点2就算只对layout配置也会有问题,如下是配置与效果可以看到头部区域,菜单区域以及空白区域适配不到.坑点3既然
鱼泡泡~·2023-07-22 11:30

两个umijs/max项目使用微前端简单示例

本人使用umijs/max搭建项目（内置了qiankun插件）主应用.umirc.ts中defineConfigqiankun:{master:{apps:[{name:'app1',entry:'//
KAGHQ·2023-07-21 20:27

前端微服务化解决方案8 - 二次构建

二次构建进一步优化我们的微前端性能在微前端这种形势的架构,每个模块都会输出固定的文件,比如之前说的:项目配置文件Store.js文件main.js渲染入口文件这三个,是微前端架构中每个模块必要的三个文件
Hello丶Alili·2023-07-21 15:43

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

信息数智化招采系统服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、Bootstrap、H5、CSS3涉及技术
微服务 spring cloud·2023-07-21 06:10

java版 工程管理系统源码之Spring Cloud 工程项目各模块及其功能点清单

服务框架：SpringCloud、SpringBoot2、Mybatis、OAuth2、Security前端架构：VUE、Uniapp、Layui、B
微服务 spring cloud·2023-07-21 06:09

qiankun：react18主应用 + 微应用 react18 + vue3

一：主应用搭建react项目npxcreate-react-appreact-qiankun-main安装Antdnpminstallantd–save在index.js中引入import{ConfigProvider
weixin_43503080·2023-07-21 05:44

微前端（micro-app）使用手册

转载请注明出处，点击此处查看更多精彩内容micro-app使用手册micro-app是借鉴了WebComponent的思想，通过CustomElement结合自定义的ShadowDom，将微前端封装成一个类
StoneHui_·2023-07-19 14:10

【无标题】

转载请注明出处，点击此处查看更多精彩内容wujie使用手册wujie是一个基于WebComponent容器+iframe沙箱的微前端方案。
StoneHui_·2023-07-19 14:10
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他