准备阶段!!! 因为node版本或者vue-cli版本不同可能造成 1) 主应用抓取不到子应用,报错 “xxx died xxx”2)初始化项目 , 项目的结构不同导致文章阅读比较麻烦. !!!1.例子中node版本是 v14.17.0 , node历史版本下载链接2. powershlell 中输入 vue --version 查看vue-cli的版本 , 本文例子是3.11.0 , vue-c
转载 2024-01-12 06:44:17
708阅读
一、安装乾坤父应用1.以umi创建一个react工程,开启乾坤插件 mkdir myapp && cd myapp yarn add @umijs/plugin-qiankun -D 2. 父工程添加qiankun插件 yarn add @umijs/plugin-qiankun -D 3.修改 .umirc.ts 配置文件 import { defineConfig } from
转载 2024-01-30 23:25:16
365阅读
//基于乾坤2.5的版本 仅针对于部署在根目录下的Vue工程 **注意 : package.json 中 name 为 二级路由名称 在主基座路由中用到,并 自动匹配子应用 进行加载 **一、接入点1、新增文件(由共同组提供) ## 以下两个文件要新增至 src 目录下(1)globalsetting.jsglobalsetting(2)public-pathjs//判断当前环境为乾坤环境 if
转载 2024-06-04 22:26:32
83阅读
文章目录前言:为什么选择qiankun一、乾坤实现原理二、使用步骤1.主程序2.微应用(1). 配置webpack打包输出(2). 抛出生命周期(3). 引入publicPath配置api1 主应用api2 微应用api3 数据交互4 异常捕获 前言:为什么选择qiankun为什么要使用乾坤?与传统的iframe相比优势如何与传统的html条状相比优势如何如何体现乾坤的优势提示:以下是本篇文章正
转载 2024-06-19 10:48:11
440阅读
一、AngularAngular的属性绑定语法为[attr]=porperty,事件绑定语法为(event)=fn。双向绑定的使用存在两种场景:1、在表单中双向绑定使用[(ngModel)]=porperty,但同时得设置name属性。其等价于绑定属性[value]=property + 绑定事件(input)=porperty.value = input.value。2、父子组件通信中,存在@I
1、微前端概论 1.微前端概念 类型<iframe></iframe>一样,只不过微前端是用fetch去请求js并渲染在指定的DOM容器。·  跟技术栈无关,任何前端技术栈都可以接入。·  多个应用结合在一起,可以一起运行,又可以单独运行。·  一个复杂庞大的项目拆成多个微应用,单独开发、单独部署、单独测试,互不影响。·  原理是通
转载 2024-03-08 21:06:34
338阅读
记录qiankun 结合vue3搭建项目环境脚手架选择4.5.12 cli版本过高会导致重写webpack时报错。 主应用和微应用均采用的vue3+ts。(ts会检测类型错误,在文件顶部加如下代码)/* eslint-disable */ // @ts-nocheck主应用下载qiankun 微应用无需下载依赖(npm install qiankun -s),主应用与微应用的路由模式应统一,均为
乾坤来看这篇文章的我就不赘述乾坤是什么了乾坤官网qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。背景介绍需要将几个系统做整合,以一个应用为父应用,其余的应用为子应用 我这里的应用都是react的应用,市面上很多应用都是用vue来打样的 我这里仅仅只是入门,很多功能还没用上,比如父子应用通讯,一些已知的问题也没解决,比如样
ERP实施顾问的职责及经验总结作者;:北京乾元坤和看这篇文章的多半都是做ERP实施顾问的了,那么在转让正题之前先给想做和正在做ERP实施顾问人的八大建议。ERP实施顾问是一种综合技术知识和管理能力的职业,门槛高所以很多人进不来,但是只要能进来,在成长中一般都可以磨练出来,就是说ERP实施顾问的成长需要积累,需要在实践中不断完善和提高。做ERP实施的八大建议以下是对ERP顾问职业所具备的知识和能力结
微前端的核心价值篇(有兴趣看这一篇) 微前端的核心价值NEWS FLASH我认为微前端的核心价值在于 "技术栈无关",这才是它诞生的理由,或者说这才是能说服我采用微前端方案的理由,适合的区域选择适合的项目~微前端dom的github地址:https://github.com/1292150917/micro-repo 实战教程鉴于qiankun文档只有十几行,这里做一个尽量详细
转载 2024-05-08 15:22:37
111阅读
昨天新建了两个项目,上手体验了一下微前端乾坤,感觉很神奇,但官网教程似乎对新手不大友好,上手完以后感觉很简单,但中间过程实在繁琐,各种报错和百度,今天上班摸鱼,记录一下全部过程,方便日后操作。1、乾坤主应用。①使用vue脚手架新建一个vue项目,重点是添加vue-router ②安装乾坤依赖$ yarn add qiankun # 或者 npm i qiankun -S ③在main.js中注册微
转载 2024-02-08 14:50:58
0阅读
Vue.js是一个前端框架,用于构建用户界面的渐进式框架。在Vue中一个核心的概念是,让用户不再操作DOM元素解放了用户的双手,让程序员可以更多的时间去关注业务逻辑,Vue框架能够提高开发的效率。Vue的MVVM设计模式是什么?如果了解前端一定知道MVVM和MVC这两种设计模式,且很有可能对mvp也有一些了解。MVC即model,view,control,jQuery就是采用的这种设计模式。MVV
本文将针对微前端框架 qiankun 的源码进行深入解析,在源码讲解之前,我们先来了解一下什么是 微前端。微前端 是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时,它们也可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Tag、Git Submodu
作者 | 伍杏玲我们在网上购物时,无论多晚找客服咨询,对面均会回复一句“在呢,请问有什么可以帮助您?”,屏幕背后大部分为智能客服机器人。在不同业务场景对话中,如何提高智能机器人对用户意图识别和对话逻辑控制,提高营销转化,是每个智能机器人厂商不断迭代的技能。7 年来专注研发“AI+SaaS”售前在线客服产品的易聊科技,作为较早一批将 AI 技术应用于售前客服领域的企业,打造出在线客服、售前 AI 客
                                       XML数据结构 1.解析:就是按照约定好(假象)的格式提取数据的过程解析 提供数据方(后台):工作就是把数据按照一定的
目录    一、微前端概述         1. 基本原理         2. 微前端的主要优势         3. 当前微前端方案的一些缺点  
受访者 | 邵宗文,腾讯云图数据库产品经理记者| 夕颜AI 技术生态论」 人物访谈栏目是 发起的百万人学 AI 倡议下的重要组成部分。通过对 AI 生态顶级大咖、创业者、行业 KOL 的访谈,反映其对于行业的思考、未来趋势判断、技术实践,以及成长经历。本文为 「AI 技术生态论」系列访谈第三十四期。百万人学 AI 你也有份!今日起,点击阅读原文报名「2020 AI开发者万人大会」,使用优惠码“AI
前言,框架简单而言就是创建的一个简单的html+js项目,然后利用爬虫读取对应地址的文件,再挂载到自己html指定的dom结点上展示,因为获取不同的文件挂载到dom元素,故qiankun本身写的js和css可以影响到挂载的文件,也就是像bootstrap、mount、unmount等等生命周期在微应用没有下载qiankun框架也能使用的原理,但需要被爬虫读取的文件是允许该地址跨域访问,而且在原先的
一、安装Nginx:1 : wget下载:mkdir -p /usr/local/software/ cd /usr/local/software/ wget http://nginx.org/download/nginx-1.6.2.tar.gz2 : 解压文件, 进行安装:tar -zxvf /usr/local/software/nginx-1.6.2.tar.gz -C ../3 : 下载
一,ping  它是用来检查网络是否通畅或者网络连接速度的命令。作为一个生活在网络上的管理员或者黑客来说,ping命令是第一个必须掌握的dos命令,它所利用的原理是这样的:网络上的机器都有唯一确定的ip地址,我们给目标ip地址发送一个数据包,对方就要返回一个同样大小的数据包,根据返回的数据包我们可以确定目标主机的存在,可以初步判断目标主机的操作系统等。下面就来看看它的一些常用的操作。先看看帮助吧,
  • 1
  • 2
  • 3
  • 4
  • 5