avatar
文章
2122
标签
34
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超micro-app 返回首页
搜索
首頁
目录
标签
友鏈
关于

micro-app

发表于2022-08-20|更新于2026-02-24
|浏览量:

浅水是喧哗的,深水是沉默的。——雪莱

分享一个微前端框架micro-app

官方文档:https://micro-zoe.github.io/micro-app/

仓库地址:https://github.com/micro-zoe/micro-app

image-20220820121720361

在线体验地址:https://zeroing.jd.com/micro-app/demo/react16

image-20220820121920028

前端
上一篇
webpack
细砂般数不尽的星,有颗向我眨眼睛。——芥川龙之介《侏儒的话》 摘自芥川龙之介的《侏儒的话》。 首先是官方文档:https://webpack.docschina.org/ 本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。 接下来我们跟着快速上手一下,将一个普通的html文件使用webpack改造 https://webpack.docschina.org/guides/getting-started 创建目录,安装依赖 1234mkdir webpack-democd webpack-demonpm init -ynpm install webpack webpack-cli --save-dev 新建index.html 1234567891011<!DOCTYPE html><html&...
下一篇
Lambda序列化支持debugger
这世界是如此喧哗,让沉默的人显得有点傻。——李宗盛 也是写了好几天,成果如图 代码仓库:https://gitee.com/VampireAchao/stream-query
相关推荐
2022-03-07
dvajs
我喜欢我的懦弱,痛苦和难堪也喜欢。喜欢夏天的光照,风的气息,蝉的鸣叫,喜欢这些,喜欢得不得了。——《寻羊冒险记》 dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量级的应用框架。 官网文档:https://dvajs.com/ 简单快速入门后,有一个课堂实战 这个实战就是用dvajs 写一个列表,包含删除按钮,点删除按钮后延迟 1 秒执行删除。 当然,我也完成了这个简单的Demo: https://gitee.com/VampireAchao/simple-dva.git 并顺手练习了一下并行、竞争等概念 还是很有意思的
2022-04-22
css实现鼠标划入显示拖动条
古之立大事者,不惟有超世之才,亦必有坚忍不拔之志。——苏轼 代码如下: 1234567891011121314151617181920212223242526272829<!DOCTYPE html><html> <head> <style> .ruben-container{ height: calc(100vh - 70vh); width: calc(100vw - 70vw); overflow-y: auto; } .ruben-container::-webkit-scrollbar { width: 4px; } .ruben-container::-webkit-scrollbar-thumb{ ...
2023-05-26
json-server
错误同真理的关系,就像睡梦中同清醒的关系一样。一个人从促物中醒来,就会以新的力量走向其真理。——歌德 在前端与后端开发的时候,偶尔会有在后端接口没有开发完毕时进行一些接口的mock,这里有一款开源框架做了类似的事情,让你可以“不到30秒得到一个零编码的假REST API” https://github.com/typicode/json-server 我们只需要安装: 1npm install -g json-server 然后配置数据格式:db.json 123456789{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", &...
2023-09-21
js1k
兼听则明,偏信则暗。——魏徽 昨天分享了 aem1k 今天是js1k https://js1k.com/ 其中有很多有趣的代码 https://js1k.com/2019-x/ 例如这个吃豆人: https://js1k.com/2019-x/demo/4122 代码: https://js1k.com/2019-x/details/4122 效果:
2022-06-16
react在ts中提示ref问题
不要太在乎一些人,越在乎,越卑微。——周国平 首先按照官方文档的demo写好代码,却报错如下: 安装插件Error Lens后: 如何解决? 前往Text的ref源码,可以看到是需要一个叫LegacyRef的类型 我们进LegacyRef,看到其就是Ref或string的类型 因此这里我们定义为Ref类型即可 这里出现了新的问题,不能将MutableRefObject<Text | null |undefined>分配给Ref<Text> 我们进入useRef源码,看到其包含几个重载 分别查看MuteableRefObject和RefObject 可以看到RefObject是Ref中容许的其中一种类型 所以应该使用上面一种重载 在原有代码React.useRef()中传入null 报错解决 同理,trRef一样 注意此处Ref<TextRef>内的泛型使用的是konva/lib/shapes/Text包下的Text,改名为TextRef 除了在定义变量左侧申明类型,在方法右侧也可以申明泛型,让编辑器自动推测
2025-05-15
wangeditor自定义菜单
时间是衡量事业的标准。 —— 培根 代码如下: 12345678910111213141516171819202122232425262728293031323334import { DomEditor, IButtonMenu, IDomEditor, ISelectMenu } from '@wangeditor/editor'export class MentionMenu implements IButtonMenu { constructor() { this.title = '设置标签' // this.iconSvg = '<svg >...</svg>' this.tag = 'button' } title: string iconSvg?: string | undefined hotkey?: string | undefined alwaysEnable?: boolea...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2122
标签
34
分类
0
Follow Me
公告
This is my Blog
最新文章
unsloth2026-03-20
OpenViking2026-03-19
browser2026-03-18
GitNexus2026-03-17
project-nomad2026-03-16
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中