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

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

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

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

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

bash 复制代码

pip install dash -U

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

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

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

而更新到2.18.2之后，那叫一个丝滑🥳：

示例对应源码如下：

app.py

python 复制代码

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, ALL

app = 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上下文新增了cookies、headers、path、remote、origin等属性，完整的更新内容说明请移步https://github.com/plotly/dash/releases/tag/v2.18.2。

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