一、复习一下1、选型的考虑因素首先把需要考虑的因素列一下,为了和上篇文章不同,其实还有一点因素也十分重要:易上手:因为时间周期较短,需要选择一款上手难度不高,封装较好的框架,这样才可以在前期的准备工作花费较少的时间,为后面写自己的业务逻辑腾出时间易扩展:虽然与第一点可能存在一些矛盾,但是却也是十分重要的,因为不可能存在一款完全适合我们需求的开源产品,所以,定制化开发是一定要的,并且也要做好后期修改
MicroApp是一款基于类WebComponent进行渲染的微前端框架,不同于目前流行的开源框架,它从组件化的思维实现微前端,旨在降低上手难度、提升工作效率。它是目前市面上接入微前端成本最低的框架,并且提供了JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系统、数据通信等一系列完善的功能。
原创
2021-07-28 15:48:27
1491阅读
点赞
前言 MicroApp是一款基于类WebComponent进行渲染的微前端框架,不同于目前流行的开源框架,它从组件化的思维实现微前端,旨在降低上手难度、提升工作效率。它是目前市面上接入微前端成本最低的框架,并且提供了JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系统、数据通信等一系列完善的 ...
转载
2021-07-28 14:53:00
373阅读
MicroApp是由京东前端团队推出的一款微前端框架,它从组件化的思维,基于类WebComponent进行微前端的渲染,旨在降低上手难度、提升工作效率。MicroApp无关技术栈,也不和业务绑定,可以用于任何前端框架。
原创
2023-10-16 11:54:03
160阅读
本文是由最近做的一个项目有感而发,因为之前做了一些技术栈的统一,为了用ant Design的pro-table,PC统一使用react,但是我们有一些老的项目是vue的,本次新页面较多,老页面的改动较少,除此之外老项目想换菜单,因此我们想借助本次机会用react开发,经过了几番思考,发现本次很适合用微前端来完成本次需求,最终决定用react搭建一个基座(主应用),将原来的vue项目接入到基座,这样我们不仅实现了新页面react开发,而且老项目也能和新项目融合一起。
原创
2023-09-21 11:17:59
250阅读
百度爱学it学无止境MicroApp:一种高效的微前端框架技术解析随着Web应用复杂性的不断增加,传统的单体应用架构已难以满足快速迭代和高效维护的需求。MicroApp作为一种新兴的微前端框架,通过组件化的方式,将大型应用拆分为多个小型、独立且可复用的组件,从而提升了开发效率、可维护性和可扩展性。本文将深入探讨MicroApp的技术原理、使用方式以及其在实际项目中的应用。一、MicroApp技术原
原创
2024-07-10 16:47:06
140阅读
爱学it学无止境微前端架构:重塑现代Web开发的模块化与高效性随着Web应用的规模日益庞大和复杂,传统的单体前端架构逐渐暴露出代码冗余、开发效率低下、部署风险高等问题。为了解决这些挑战,微前端(Micro-Frontends)架构应运而生,为大型Web项目的前端开发提供了新的思路和解决方案。本文将深入探讨微前端架构的定义、优势、关键技术以及应用场景,以期为开发者提供全面的理解和指导。微前端架构概述
原创
2024-07-23 16:32:44
70阅读
爱学it学无止境在前端处理大量数据时,可以采用以下几种方式来提高处理速度和性能:数据分页:将数据分成多个页面,并按需加载。只加载当前页面的数据,而不是一次性加载全部数据。这可以减少初始加载时间和内存占用,并提高用户体验。虚拟滚动:对于需要展示大量列表或表格数据的情况,可以使用虚拟滚动技术。虚拟滚动只渲染可见区域的数据,而不是全部数据,从而减少渲染时间和内存占用。数据分片:将大数据集分成多个小块来处
原创
2024-07-24 17:49:03
76阅读
看到标题,大家首先想到的应该是iframe,诚然iframe的确可以做到,但是我们今天要讲的并不是它,而是新推出的一款微前端框架microapp(https://github.com/microzoe/microapp)。至于为什么不用iframe,可以参考WhyNotIframe(https://www.yuque.com/kuitos/gky7yw/gesexv)。microapp是什么mic
原创
2021-08-01 19:39:22
492阅读
1. 官方文档地址: https://open-doc.dingtalk.com/microapp/serverapi3/mrugr3?spm=a311a.9588098.0.0 2. sdk下载地址(实在找不到,还是我向客户小姐姐提问才找到的) https://open-doc.dingtalk.com/microapp/faquestions/vzbp02 3. 其他。其实这个文档上面
目录微前端是什么?背景核心价值目前微前端的几种解决方案iframe阿里乾坤 qiankun (阿里 14.2k)microApp (京东 4k)无界:(腾讯 2k)小结microApp基础示例1. 基座应用1. 依赖版本2. main.js引入3. router/index.js路由设置4. 各页面的内容4.1 Layout.vue页面4.2 my-page.vue页面4.3 parent1.v
转载
2024-03-04 10:09:20
145阅读
# coding: utf-8import jsonimport requestsdef dingding_robot(data): # 机器人的webhooK 获取地址参考:https://open-doc.dingtalk.com/microapp/serverapi2/qf2nxq webhook = "https://oapi.dingtalk.com/robot...
转载
2021-09-07 15:08:39
1399阅读
前言最近公司框架升级,微前端选择了京东的MicroApp ,因为后续会参与开发。提前来学习一波。官网MicroApp官网关于微前端的好处,前面两篇文章和官网都说了,这里就不提了。准备参考参考官方示例micro-app-demo基于vite和vue3创建一个主应用和一个子应用1、 创建一个app文件,在app文件夹里创建一个main-apps文件夹放主应用,创建一个child-apps 放子应用2、
django钉钉登录钉钉部分请参考如下链接https://open-doc.dingtalk.com/microapp/serverapi2/kymkv6django部分login页面url是登录请求处理页面appid是钉钉id<divid="login_container"></div><scriptsrc="http://g.alicdn.com/dingding
原创
2018-10-18 17:58:20
7349阅读
点赞
一、字节小程序一键搬家,一键从微信小程序搬家到字节小程序 官网介绍: https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument/development-assistance/one-k...
原创
2021-11-23 16:59:22
616阅读
抖音小程序开发工具标准名称是:字节小程序开发工具适用于头条系所有App,如今日头条、抖音、西瓜视频等。下载地址https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument
原创
2022-02-16 10:49:08
749阅读
目录1. 解决方案对比2. MicroApp 解决方案示例 2.1 微应用注册 2.2 微应用获取 token 信息 2.3 微应用允许跨域访问设置 2.4 微应用获取cookie &nbs
转载
2024-10-10 13:15:16
48阅读
从single-spa到qiankun,各种微前端架构解决方案层出不穷。那一夜,我在翻阅github时,留意到一个新的微前端框架,京东零售开源的`MicroApp`,号称无需像上面提到那两个框架
原创
2022-04-26 14:23:11
49阅读
钉钉导航栏标题是用钉钉内封装好的方法,提供的API里有修改title的方法,所以引入dingtalk-jsapi去修改。参考路径:https://open-doc.dingtalk.com/microapp/dev/welcome-to-lark方法:需要修改标题的页面中使用钉钉的方法就可以了步骤:
转载
2021-08-27 15:57:57
2185阅读
StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速微应用开发框架
前端不限技术栈,支持Vue2、Vue3、Vite、React、Rangular...
后端不限制语言,支持PHP、Java、Node、Python、Go、C#...
始终秉承 开源 开放 自由的理念
永久免费 不限商用
Simplestart!
原创
2023-02-06 18:32:25
158阅读