single-spa实现通信|前端需求背景在single-spa大的环境下,每一个子App都是一个独立的个体。独立意味着我们会有如下的几个需求:
每个应用程序拥有着自己的状态和变量,同时没有应用程序知道另一个应用程序或他们的数据模型的内部状态。总之,每个应用程序被视为黑盒,并且可以由不同的团队进行维护;
每个应用程序必须能够有一个复杂的状态;
当你的应用程序之间导航,状态不容有失(因为组件会挂载/卸载)。
解决思路事件系统为了满足这些要求,我已经决定了使用「事件系统」,其中每个应用程序可以选 ...
进入阅读
webpack学习笔记webpack的英文文档和中文文档都非常完善!
输出(output)output.library
进入阅读
乾坤学习|qiankun singleSPA乾坤是阿里出品的一款基于single-spa搭建的框架,git地址是:https://github.com/umijs/qiankun
乾是天,坤是地,乾坤就是全宇宙
进入阅读
微信小程序插件开发|微信小程序插件小程序插件以目录结构为主简单介绍,注意,doc miniprogram plugin 名称均不可更改。
doc该目录下存放的是小程序插件必备的说明文档“README.md”以及文档所需的图片,注意该目录下的README.md在微信小程序开发工具中需要单独提交。
miniprogram小程序插件开发的主体。
小程序插件必须依赖一个主体(小程序),因此在开发过程中会需要一个小程序,这个目录下的小程序就是模拟之后调用者的小程序。
不必担心提交的时候携带上这个目录会影响 ...
进入阅读
Single-Spa学习触摸single-spa之道什么是single-spa?
single-spa是一个在前端应用程序中汇集多个javascript微内容的框架。 使用single-spa构建您的前端可带来许多好处,例如:
在同一页面上使用多个框架而无需刷新页面(React,AngularJS,Angular,Ember或您正在使用的任何内容)
独立部署微内容。
使用新框架编写代码,而无需重写现有应用程序
延迟加载代码,用于改善初始加载时间。
诞生概述single-spa ...
进入阅读
划词标注编辑器开发之旅|JavaScript前端代码规范
使用字面语法来创建对象。
12345// badconst item = new Object();// goodconst item = {};
在对象声明的时候将简写的属性进行分组。
为什么? 这样更容易的判断哪些属性使用的简写。
12345678910111213141516171819202122const anakinSkywalker = 'Anakin Skywalker';cons ...
进入阅读
Http请求的深入了解|Http,前端content-disposition: attachment;就可以直接下载了
进入阅读
React-Fiber学习笔记|React介绍React Fiber 是 React 核心算法的持续重新实现。这是React团队两年多研究的成果。
React Fiber 的目标是提高其适合动画、布局和手势等区域的能力。其主功能是增量渲染:能够将渲染工作拆分为块并将其分散到多个帧上。
其他关键功能包括:
当新更新进来时,可以暂停、中止或重用工作;
能够为不同类型的更新分配优先级;
和新的并发基元。
关于这篇文档Fiber引入了几个新颖的概念,单靠查看代码是很难解决的。这也是一项正在进行中的工作。Fi ...
进入阅读
GMTC大会记|前端大会急速秒卡0.3s完成渲染闪开优化Data PreFetch
容器选择不用native,成本太高WeexH5 优化PWA方向SSR方向
重新理解页面渲染数据模板最快的是从内存中直接取出模板并且渲染;
NSR预渲染Native Server Render
移动端要求微服务化造轮子首屏pureJSX + 非首屏Preact
pureJsx是一个没有Virtualdom的,但是最小组件还保留的React实现;只有1KB;
Bilibili网页最佳打开时间 不应超过2秒 ...
进入阅读
React虚拟DOM 深入学习|React为什么我需要(React-virtual-dom)?产品的功能源自需求,react 作为一个成功的UI库也是如此。
假象我们有这种需求:
我需要自己撸一个轮子,能够在数据改变的时候,及时相应在页面上面,怎么做?
一个工作两年左右的工程师就会思考:
state改变监听
拥有一个JSX模板
state改变被监听+模板变化 = 生成一个DOM展示;
state又变了;
state改变被监听+模板变化 = 生成一个新的DOM展示;
问题存在吗?
问题很大:
第 ...
进入阅读