摘要: 前言 自从微前端框架micro-app开源后,很多小伙伴都非常感兴趣,问我是如何实现的,但这并不是几句话可以说明白的。为了讲清楚其中的原理,我会从零开始实现一个简易的微前端框架,它的核心功能包括:渲染、JS沙箱、样式隔离、数据通信。由于内容太多,会根据功能分成四篇文章进行讲解,这是系列文章的最终篇: 阅读全文
posted @ 2021-08-06 15:11 cangdu 阅读(821) 评论(0) 推荐(2) 编辑
摘要: 前言 自从微前端框架micro-app开源后,很多小伙伴都非常感兴趣,问我是如何实现的,但这并不是几句话可以说明白的。为了讲清楚其中的原理,我会从零开始实现一个简易的微前端框架,它的核心功能包括:渲染、JS沙箱、样式隔离、数据通信。由于内容太多,会根据功能分成四篇文章进行讲解,这是系列文章的第三篇: 阅读全文
posted @ 2021-08-05 17:39 cangdu 阅读(1499) 评论(1) 推荐(2) 编辑
摘要: 前言 自从微前端框架micro-app开源后,很多小伙伴都非常感兴趣,问我是如何实现的,但这并不是几句话可以说明白的。为了讲清楚其中的原理,我会从零开始实现一个简易的微前端框架,它的核心功能包括:渲染、JS沙箱、样式隔离、数据通信。由于内容太多,会根据功能分成四篇文章进行讲解,这是系列文章的第二篇: 阅读全文
posted @ 2021-08-04 16:39 cangdu 阅读(897) 评论(0) 推荐(1) 编辑
摘要: 前言 自从微前端框架micro-app开源后,很多小伙伴都非常感兴趣,问我是如何实现的,但这并不是几句话可以说明白的。为了讲清楚其中的原理,我会从零开始实现一个简易的微前端框架,它的核心功能包括:渲染、JS沙箱、样式隔离、数据通信。由于内容太多,会根据功能分成四篇文章进行讲解,这是系列文章的第一篇: 阅读全文
posted @ 2021-08-03 16:21 cangdu 阅读(919) 评论(1) 推荐(0) 编辑
摘要: 看到标题,大家首先想到的应该是iframe,诚然iframe的确可以做到,但是我们今天要讲的并不是它,而是新推出的一款微前端框架micro-app。至于为什么不用iframe,可以参考Why Not Iframe。 micro-app是什么 micro-app是一款基于类WebComponent进行 阅读全文
posted @ 2021-08-01 19:31 cangdu 阅读(516) 评论(0) 推荐(0) 编辑
摘要: 前言 MicroApp是一款基于类WebComponent进行渲染的微前端框架,不同于目前流行的开源框架,它从组件化的思维实现微前端,旨在降低上手难度、提升工作效率。它是目前市面上接入微前端成本最低的框架,并且提供了JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系统、数据通信等一系列完善的 阅读全文
posted @ 2021-07-28 14:53 cangdu 阅读(7906) 评论(1) 推荐(5) 编辑
摘要: 前言 最近研究各大网站的font-family字体设置,发现每个网站的默认值都不相同,甚至一些大网站也犯了很明显的错误,说明字体还是有很大学问的,值的我们好好研究。 不同的操作系统、不同浏览器下内嵌的默认字体是不同的,错误的字体设置会导致页面在不同环境渲染的混乱,选择一套合适的字体是打造优秀网页的第 阅读全文
posted @ 2020-11-26 14:28 cangdu 阅读(3327) 评论(0) 推荐(1) 编辑
摘要: 前言 这个项目是利用工作之余写的一个模仿微信app的单页面应用,整个项目包含27个页面,涉及实时群聊,机器人聊天,同学录,朋友圈等等,后续页面还是开发中。写这个项目主要目的是练习和熟悉vue和vuex的配合使用,利用socket.io实现实时聊天。 技术栈 vue2+vue-router+webpa 阅读全文
posted @ 2017-06-19 10:55 cangdu 阅读(3707) 评论(10) 推荐(16) 编辑