首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

基于微前端qiankun缓存方案实践

​ 作者:vivo 互联网前端团队- Tang Xiao 本文梳理了基于阿里开源微前端框架qiankun,实现多及子应用缓存方案,同时还类比了多个不同方案之间区别及优劣势,为使用微前端进行多开发同学...前端可以通过多种方式实现多,常见方案有两种: 通过CSS样式display:none来控制页面的显示隐藏模块内容; 将模块序列化缓存,通过缓存内容进行渲染(与vuekeep-alive原理类似...那么相对于传统单页面应用,通过微前端qiankun进行改造后前端应用,在多签上实现会有什么不同呢?...(打开多个详情页页)以及动态删除缓存实例等功能。...二、方案选择通过在Github issues及掘金等平台一系列资料查找和对比后,关于如何在qiankun框架下实现多,在不修改qiankun源码前提下,主要有两种实现思路。

2.2K31

Android实现图片滚动和控件功能实现代码

首先题外话,今天早上起床时候,手滑一下把我手机甩了出去,结果陪伴我两年半摩托罗拉里程碑一代就这么安息了,于是我今天决定怒更一记,纪念我死去爱机。...leftMargin值,从而显示和隐藏左侧布局 xMove = event.getRawX(); int distanceX = (int) (xMove - xDown) - (currentItemIndex...之后在onLayout里又动态加入了View,有几个图片控件就会加入几个,然后根据currentItemIndex来决定高亮显示哪一个。...首先是程序打开时候,界面显示如下: ? 然后手指在图片上滑动,我们可以看到图片滚动效果: ? 不停翻页,也会跟着一起改变,下图中我们可以看到高亮显示点是变换: ?...源码下载,请点击这里 以上就是这篇文章全部内容了,希望本文内容对大家学习或者工作具有一定参考学习价值,如果有疑问大家可以留言交流,谢谢大家对ZaLou.Cn支持。

1.8K10

何在6-8小时之内读完300书?

想像着自己准备给这本书写书评,与作者进行辩论,自己观点是什么?作者在书中是不是已经反驳你了? 4. 主动阅读 带着问题去读,做些标记。 5. 了解作者 知道作者身份和背景有助于书理解。...读三遍 第一遍:略读,用5-10%时间,标记几个主要你认为重要标题、段落或句子。 第二遍:细读,用70-80%时间,重点章节要专注地去读。...沙漏模型,不同位置信息量是不一样,需要重点阅读 按下面这个顺序找找关键信息: 封面、封底、内页 目录 索引:出现得多术语值得关注一下 文献 序言 结论 插图、表格等 每章前、后概要或总结 节标题...特殊格式文字 8....剩下留给潜意识大脑 把上面这些功课做足之后,潜意识大脑会在合适时候来提醒你运用书中知识。 11.

727100

h5面在不同iOS设备上问题总结

在做文章评论功能时,会遇到很多兼容性问题,在不同机型上表现也很不一致,总结了以下这些问题。 1. 日期问题 对于yyyy-mm-dd hh:mm:ss 这种格式在ios系统不识别。...时间格式化时候,在浏览器端处理好好,到了手机端,就变成NAN,或者null,这种情况,是ios系统不能转化这种类型时间。...这种问题,在网上查了很多解决方案,大致是在blur事件中,让页面滚动一下 window.scrollTo(0, scroll); 但是有一个很严重问题:如果页面上有按钮需要操作 ,例如,评论输入框+...3. ios12在微信小程序webview,键盘收回,页面底部会留白 这个问题怀疑是页面的scroll设置了auto导致。 解决方案:滚动一下页面,请参考链接,代码有效。...当然,如果遇到以上这些问题,说明产品设计就很不合理,如果必要的话,还是要更换设计,改成input不需要被键盘顶起设计,这些兼容性解决方案,也不并不能完美的解决所有机型问题。

1.8K20

DeepMind发30长文:我们要给聊天机器人不同「三观」

最近爱丁堡大学和DeepMind研究人员发布了一篇30论文,探索了人类与人工对话智能体之间成功沟通可能是什么样子,以及哪些价值观应该指导不同对话领域互动。...同时,科学家美德,经验数据全面展示,在公开审议(public deliberation)背景下可能就不那么重要了。...再比如,在创意故事领域,交流目标是新颖性和原创性,这些价值观也与之前领域有很大不同。...3、表达(expressive),表示说话人一种心理或次级情感状态,祝贺、感谢和道歉。 当一个对话者说「我现在很生气」就是一个表达性语句。...即使一个人没有意识到支配特定对话实践价值,智能体仍然可以通过在对话中预示这些价值观来帮助人类理解这些行为准则,使交流过程对人类说话者来说更深入且更有成效。

36240

Android实现图片滚动控件,含功能,让你应用像淘宝一样炫起来

这个几乎可以用淘宝来冠名功能,看起来还是挺炫,我们今天就来实现一下。...,来调整左侧布局leftMargin值,从而显示和隐藏左侧布局 xMove = event.getRawX(); int distanceX = (int) (xMove - xDown)...在onLayout方法里,重定义了各个包含图片控件大小,然后为每个包含图片控件都注册了一个touch事件监听器。...之后在onLayout里又动态加入了View,有几个图片控件就会加入几个,然后根据currentItemIndex来决定高亮显示哪一个。...首先是程序打开时候,界面显示如下: 然后手指在图片上滑动,我们可以看到图片滚动效果: 不停翻页,也会跟着一起改变,下图中我们可以看到高亮显示点是变换: 恩,对比一下淘宝客户端效果,我觉得我们模仿还是挺好

13310

送你一款比 Xshell 还好用 SSH 客户端神器

2、自带监控功能,可以很方便地检测远程机器资源使用情况 左侧菜单栏下方,点击“Remote monitoring”,即可看到远程机器资源实时使用情况;再次点击,使用情况将会被隐藏。...3、可以很方便地查看 Session 列表 由于工作中可能会接触不同项目,需要连接不同远程环境。...本地目录和文件 6、字体高亮显示效果炫酷 以 Tomcat 日志文件内容为例,一些关键字会高亮成不同颜色,方便问题查找: 7、 支持快速复制 Session 窗口 在 Session签上右键点击...,选择“Duplicate tab”,即可完成复制 8、可以给不同 Session 设置不同颜色 在 Session签上右键点击,选择“Set tab color”,可以选择自己喜欢颜色...点击 MobaXterm 右上方“回形针”按钮,即可看到所有打开 Session 窗口 10、左侧菜单栏可以很方便地弹出和隐藏 1)点击左侧收缩按钮,即可完成左侧菜单栏隐藏 收缩后效果如下:

2.2K30

比 Xshell 还好用 SSH 客户端神器,MobaXterm 太爱了!

2、自带监控功能,可以很方便地检测远程机器资源使用情况 左侧菜单栏下方,点击“Remote monitoring”,即可看到远程机器资源实时使用情况;再次点击,使用情况将会被隐藏。...3、可以很方便地查看 Session 列表 由于工作中可能会接触不同项目,需要连接不同远程环境。...6、字体高亮显示效果炫酷 以 Tomcat 日志文件内容为例,一些关键字会高亮成不同颜色,方便问题查找: 7、 支持快速复制 Session 窗口 在 Session签上右键点击,选择“Duplicate...tab”,即可完成复制 8、可以给不同 Session 设置不同颜色 在 Session签上右键点击,选择“Set tab color”,可以选择自己喜欢颜色 可以选择基本颜色或者自定义颜色...点击 MobaXterm 右上方“回形针”按钮,即可看到所有打开 Session 窗口 10、左侧菜单栏可以很方便地弹出和隐藏 1)点击左侧收缩按钮,即可完成左侧菜单栏隐藏 收缩后效果如下:

2.4K11

vue3面中,同时展示和隐藏相同组件,后展示组件事件监听不生效?

场景:在实际开发中,遇到了这样一种场景,vue3面,两个相同组件,在满足某条件下 v-if 展示第一个组件,满足另一个条件下, v-if 隐藏第一个组件,同时展示第二个组件,比如反馈组件,会通过 window.addEventListener...来监听自定义反馈弹窗展示和隐藏事件。...结果:两个相同组件一个卸载,一个挂载,第一个组监听反馈弹窗展示和隐藏事件都可以生效,后展示组件事件监听都不生效........、卸载时机,发现  同时卸载组件,onBeforeUnmount 执行时机会晚于 同时挂载组件  setup 时机,从而导致第二次挂载组件新监听事件被第一次组件事件卸载一次性remove...,onBeforeMount 既有在挂载组件 setup 之前情况,也有之后情况,卸载组件 onUnmounted 既有在挂载组件 onMounted 之前,也有可能在挂载组件 onMounted

21610

比 Xshell 还好用 SSH 客户端神器

2、自带监控功能,可以很方便地检测远程机器资源使用情况 左侧菜单栏下方,点击“Remote monitoring”,即可看到远程机器资源实时使用情况;再次点击,使用情况将会被隐藏。...3、可以很方便地查看 Session 列表 由于工作中可能会接触不同项目,需要连接不同远程环境。...6、字体高亮显示效果炫酷 以 Tomcat 日志文件内容为例,一些关键字会高亮成不同颜色,方便问题查找: 7、 支持快速复制 Session 窗口 在 Session签上右键点击,选择“Duplicate...tab”,即可完成复制 8、可以给不同 Session 设置不同颜色 在 Session签上右键点击,选择“Set tab color”,可以选择自己喜欢颜色 可以选择基本颜色或者自定义颜色...点击 MobaXterm 右上方“回形针”按钮,即可看到所有打开 Session 窗口 10、左侧菜单栏可以很方便地弹出和隐藏 1)点击左侧收缩按钮,即可完成左侧菜单栏隐藏 收缩后效果如下:

1.6K30

《吐血整理》保姆级系列教程-玩转Fiddler抓包教程(5)-Fiddler监控面板详解

签上部是一个规则编辑器,可以进行编辑当前用户选择匹配规则、保存编辑、删除此匹配规则等操作。...Save 按钮是保存对此匹配规则修改,Remove 按钮是删除此匹配规则。 中间是一个列表,显示当前创建匹配规则,左侧是匹配条件,右侧是响应结果。...if URL contains:与①相反,隐藏url中包含输入字符串请求 ③、Flag requests with headers:标记请求头中有指定内容请求,用头标记请求, 标记带有特定header...Timeline :显示 session 请求到响应时间表,横向为时间轴,纵向为 session 列表,鼠标移到 timeline 签上,在底部会显示四个数据:session 编号和 URL、session...请求条不同颜色对应着不同类型响应,根据响应头 MIME Type 来归类。浅绿色表示图片类型响应;深绿色是 JavaScript;紫色是 CSS;其它都是蓝色。

1.3K20

【ABAP】如何动态调整SMARTFORMS窗口位置?(附案例演示)

本文笔者将带领大家一起来学习一下如何在SMARTFORMS中通过增加ABAP代码来实现这个功能。...、TEMPLATE 等都是存放在特定内表中,如下图所示: 内表 作用 %HEADER 存放smartforms属性信息 %REFTAB 存放信息还不太清楚 %DOCSTRUC 存放窗口详细信息...中有三处地方可以进行代码编写,它们分别是全局定义中初始化和格式化程序以及程序行控件 代码位置 作用 初始化 用于数据全局初始化,在打印输出前进行调用 格式化程序 用于子例程FORM编写...,需要在打印输出前进行调用,因此只能在初始化中进行ABAP代码编写 首先我们在初始化中输入断点BREAK-POINT,打印预览执行DEBUG跳转到断点位置,观察下图我们可以发现初始化中ABAP...观察下图可以发现:PERFORM %GLOBAL_INIT语句在打印数据流FUNCTION MODULE之前,那么我们对于%DOCSTRUC内表更新操作便可以写在初始化中。

41250

python为Django项目上每个应用程序创建不同自定义404面(最佳答案)

有没有一种方法可以为Django项目中每个应用程序创建多个自定义错误模板,我意思是,在我项目中,我有3个应用程序,每个应用程序将显示3种不同custom 404错误....有两种方法可以实现自定义错误页面。 方法一:创建特定命名模板文件 这是一种非常简单方式。在项目模板文件夹templates 中创建命名为404.html 模板文件即可。...方法二:设置句柄 如果需要更个性化错误页面,不需要拘泥于特定模板文件名,可以重新设置句柄,具体是在urls.py 中设置: # urls.py def page_not_found(request...handler404 = defaults.page_not_found handler500 = defaults.server_error 总结 到此这篇关于python为Django项目上每个应用程序创建不同自定义...404面(最佳答案)文章就介绍到这了,更多相关python django自定义404面内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn!

1.8K30

Java虚拟机详解(八)------虚拟机监控和分析工具(2)——可视化

显示是整个虚拟机主要运行数据概览,包括“堆使用情况”、“线程”、“类”、“CPU占用率”等四项信息曲线图,这些曲线图是后面“内存”、“线程”、“类”信息汇总,下面会分别介绍这几个。...2、内存监控   这个相当于上一篇博客介绍jstat命令,不过这里是可视化。用于监视虚拟机内存一些变化趋势。   监视区域如下: ?...3、线程监控   这个相当于上篇博客介绍可视化jstat 命令。遇到线程停顿时候可以使用这个进行监控分析。 ?   ...另外,此页面左下角还有一个检测死锁按钮,出现线程死锁后,点击此按钮,便会出现一个新死锁。   ...比如比较常用插件 Visual GC(用来查看GC日志) ?   安装完成之后,我们便可以在签上看到这个新增插件。 ?

98920

查看GPU使用率用nvidia-smi dmon,任务管理器性能里显示不一定准

A10双显卡Server2022机器,我用Octane Bench压时候,任务管理器性能GPU使用率上去一丢丢,但是nvidia-smi.exe命令显示使用率却是99%左右。...然后用heavy load压时候,任务管理器性能GPU使用率能到99%左右,但是 nvidia-smi.exe命令显示使用率却很低,才百分之几。...比较奇怪是,同样压测软件、压测办法,我在T4卡Server2019上没遇到A10卡这种命令行和任务管理器性能百分比不一致情况,也可以说是系统、显卡驱动、硬件之间兼容性问题。...由于命令行和图形界面不匹配,任务管理器性能显卡占用百分比可靠性比较差,建议用命令行nvidia-smi dmon来识别使用率和功耗,这是准确可靠办法。...2070Super,之前我测试过十几个版本显卡驱动,456.98是2080Ti、2070Super可以尝试最新版本,另,456.98是456.71hotfix版(这点在NVIDIA官网有说明),比

54610
领券