Dash 2.18.2版本更新:模式匹配回调性能大提升

news/2024/12/28 5:53:52/文章来源:https://www.cnblogs.com/feffery/p/18528293

本文示例代码已上传至我的Github仓库:https://github.com/CNFeffery/dash-master

Gitee同步仓库地址:https://gitee.com/cnfeffery/dash-master

  大家好我是费老师,今天Dash发布了2.18.2版本更新,虽然只是一次小版本更新,但其中涉及到的一些内容还是非常重要的,今天的文章中我就来为大家做相关介绍。

  终端执行下列命令将Dash升级到最新版本:

pip install dash -U

模式匹配回调函数性能大幅提升

  在先前的版本中,基于ALL模式匹配构建的回调函数,当涉及的组件数量非常多时,在触发回调函数时会存在明显的卡顿。

  举个简单的例子,我们在页面中渲染了1000个开关组件,通过ALL模式匹配回调,实时统计多少开关处于打开状态,在未更新前的2.18.1版本下,可以看到每次操作开关时,都伴随着明显的卡顿:

  而更新到2.18.2之后,那叫一个丝滑🥳:

  示例对应源码如下:

app.py

import dash
from dash import html
import feffery_antd_components as fac
from feffery_dash_utils.style_utils import style
from dash.dependencies import Input, Output, ALLapp = dash.Dash(__name__)app.layout = html.Div([f"Dash版本:{dash.__version__}",html.Div(fac.AntdSpace([fac.AntdSwitch(id={"type": "test-switch", "index": i}, checked=False)for i in range(1000)],wrap=True,),style=style(height=300, overflow="auto", padding=5, border="1px solid #bfbfbf"),),fac.AntdText("已打开开关数量:0", id="test-output"),],style=style(padding=50),
)app.clientside_callback("(checked_list) => `已打开开关数量:${checked_list.filter(Boolean).length}`",Output("test-output", "children"),Input({"type": "test-switch", "index": ALL}, "checked"),prevent_initial_call=True,
)if __name__ == "__main__":app.run(debug=True)

  除此之外,此次版本更新中还为常规回调对应的dash.ctx上下文新增了cookiesheaderspathremoteorigin等属性,完整的更新内容说明请移步https://github.com/plotly/dash/releases/tag/v2.18.2


  以上就是本文的全部内容,对Dash应用开发感兴趣的朋友,欢迎添加微信号CNFeffery,备注“dash学习”加入我们的技术交流群,一起成长一起进步。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/827203.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

华为云:弹性负载均衡健康检查异常

动态负载均衡健康检查异常 健康检查基本配置如下: 其中内网IP和默认业务端口可以在负载均衡服务器→后端服务器组中查看即实际上的监听对象为192.168.0.170:8889。 健康检查异常说明健康检查curl这两个监听未返回200,去网络控制台→访问控制:安全组→default→入方向规则,查…

合规监管新趋势!智能合同审查免费体验,提升法律行业合同管理效率

思通数科 思通数据 思通数科推出的智能合同审查系统为这些痛点提供了解决方案。借助大模型、OCR和信息抽取等先进技术,系统具备高效要素抽取、自动分类、合同比对和合同审查等功能。以下是该系统的主要功能及用户体验案例,展示了在法律行业中的实际应用效果。应用案例:法律行…

UE Slate渲染流程

【USparkle专栏】如果你深怀绝技,爱“搞点研究”,乐于分享也博采众长,我们期待你的加入,让智慧的火花碰撞交织,让知识的传递生生不息!一、前言本文将深入探讨Slate的渲染流程及其相关细节。将详细讲解Slate如何将UI元素渲染到屏幕上,以及它是如何处理各种渲染细节以实现…

【HT-030-Div.1】核桃NOIP组周赛 赛后总结

总结T2爆零了,核桃oj不能缩放 别人题目(100%)我的题目(125%)

PCIe系列专题之二:2.5 Flow Control缓存架构及信用积分

一、故事前传 之前我们讲了对PCIe的一些基础概念作了一个宏观的介绍,了解了PCIe是一种封装分层协议(packet-based layered protocol),主要包括事务层(Transaction layer), 数据链路层(Data link layer)和物理层(Physical layer)。较为详细解释请见之前的文章: 1. PCIe技…

PCIe系列专题之二:2.7 Flow Control的实现过程

一、故事前传 之前我们讲了对PCIe的一些基础概念作了一个宏观的介绍,了解了PCIe是一种封装分层协议(packet-based layered protocol),主要包括事务层(Transaction layer), 数据链路层(Data link layer)和物理层(Physical layer)。较为详细解释请见之前的文章: 1. PCIe技…

cron定时任务报错PAM unable to dlopen(pam_tally2.so): /lib/security/pam_tally2.so

在Ubuntu 22.04中,pam_tally2模块可能已经不再被支持或包含在系统默认的PAM模块中。因此,当系统尝试加载该模块时,无法找到对应的.so文件,需要使用pam_faillock.so来代替 先查找下是否存在pam_faillock.so模块 find /usr -name "pam_*.so"没有 pam_tally2.so ,复…

vue3 如何使用router路由表 创建 Menu 导航菜单

vue3 如何使用router路由表 创建 Menu 导航菜单1. vue3 如何使用router路由表 创建 Menu 导航菜单1.1. 安装 Vue Router1.2. 设置路由1.3. 在主应用中使用路由1.4. 创建导航菜单组件1.5. 在布局中使用导航菜单 1. vue3 如何使用router路由表 创建 Menu 导航菜单 在 Vue 3 中集…

PCIe系列专题之二:2.0 Transaction layer事务层概述

一、故事前传 上回我们对PCIe的一些基础概念作了一个宏观的介绍,了解了PCIe是一种封装分层协议(packet-based layered protocol),主要包括事务层(Transaction layer), 数据链路层(Data link layer)和物理层(Physical layer)。较为详细解释请见之前的文章:PCIe技术概述;…

Linux 中sed命令删除文本中第一个指定符号及其之前的内容

001、[root@PC1 test1]# ls a.txt [root@PC1 test1]# cat a.txt ## 测试数据 fasp.sra.ebi.ac.uk:/vol1/fastq/SRR131/072/SRR13178372/SRR13178372.fastq.gz;fasp.sra.ebi.ac.uk:/vol1/fastq/SRR131/072/SRR13178372/SRR13178372_1.fastq.gz;fasp.sra.ebi.ac.uk:/vol1/fa…

SATA系列专题之六:浅析NCQ原生指令序列

一、故事前传 在之前的文章中, 我们已经针对SATA相关内容进行了较为详细的解析,如果感兴趣的话,请见之前文章:1,浅析SATA Physical Layer物理层OOB信号; 2,SATA Link Layer链路层解析2.0-2.3; 3,SATA Transport Layer传输层解析3.0-3.4; 4,SATA Command Layer命令层解…

SATA系列专题之三:3.3 Transport Layer传输层Flow Control机制解析

一、故事前传 在之前的文章中,已经解析了SATA协议的部分相关内容。较为详细解释请见之前的文章: 1,浅析SATA Physical Layer物理层OOB信号; 2,SATA Link layer链路层解析2.0-2.3; 3,SATA Transport layer链路层解析3.0-3.2;我们这里主要解析Transport layer Flow Contr…