[發明專利]一種數據驅動的頁面更新方法和裝置

有效

• 申請號: 201710552477.4
• 申請日: 2017-07-07
• 公開（公告）號: CN107463372B
• 公開（公告）日: 2020-10-13
• 發明（設計）人: 董紅光;董永清
• 申請（專利權）人: 北京小米移動軟件有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京英創嘉友知識產權代理事務所(普通合伙) 11447
• 代理人: 曾堯

本公開是關于一種數據驅動的頁面更新方法和裝置。該方法包括：從頁面對應的各個變量中選出本次更新中的受關注變量；基于本次更新生成新的受關注文檔對象模型dom節點，所述受關注dom節點是所述頁面對應的dom樹中與所述受關注變量綁定的dom節點；比較新的所述受關注dom節點和本次更新前的所述受關注dom節點；在新的所述受關注dom節點和本次更新前的所述受關注dom節點不相同的情況下，觸發針對所述受關注dom節點的渲染。應用本公開，生成與受關注變量綁定的dom節點而非生成整個dom樹，并比較更新前后的該dom節點來確定是否觸發頁面渲染，從而有利于減少需使用的處理資源，尤其適用于頁面局部更新的情況。

技術領域

本公開涉及前端開發領域，尤其涉及一種數據驅動的頁面更新方法和裝置。

背景技術

文檔對象模型(Document Object Model，簡稱dom)，是W3C組織推薦的處理可擴展標志語言的標準編程接口。一個頁面可以對應于一個dom樹，其是一種抽象語法樹(Abstract Syntax Tree，簡稱AST)，是頁面源代碼的抽象語法結構的樹狀表現形式。dom樹的每個節點可稱為dom節點。

相關技術中，當新收到頁面更新數據時，通常先重新生成該頁面對應的dom樹，然后對重新生成的dom樹和更新前的dom樹進行比較，如果二者不同，則觸發渲染。

在一些情況下，上述技術方案難以令人滿意。

發明內容

發明人經研究發現，在很多情況下，每次頁面更新可能只需更新頁面的一小部分，而根據相關技術，此時需重新生成整個dom樹，并對更新前后的整個dom樹進行比較來確定是否觸發頁面更新，這種方案未能高效使用處理資源。

為克服相關技術中存在的問題，本公開提供一種有利于提高處理資源使用效率的頁面更新方法。本公開還提出了相應的裝置。

根據本公開實施例的第一方面，提供一種提供了一種數據驅動的頁面更新方法，所述方法包括：從頁面對應的各個變量中選出本次更新中的受關注變量；基于本次更新生成新的受關注文檔對象模型dom節點，所述受關注dom節點是所述頁面對應的dom樹中與所述受關注變量綁定的dom節點；比較新的所述受關注dom節點和本次更新前的所述受關注dom節點；在新的所述受關注dom節點和本次更新前的所述受關注dom節點不相同的情況下，觸發針對所述受關注dom節點的渲染。

在一種可能的實現方式中，所述從頁面對應的各個變量中選出本次更新中的受關注變量，包括：接收在本次更新中收到的所述變量；比較收到的所述變量在本次更新前后是否相同；確定在本次更新前后不相同的所述變量為所述受關注變量。

在一種可能的實現方式中，所述方法還包括：建立所述頁面對應的所述dom樹中的各個dom節點和所述頁面對應的所述各個變量間的綁定關系。

在該的實現方式的一個示例中，建立所述頁面對應的所述dom樹中的各個dom節點和所述頁面對應的所述各個變量間的綁定關系，包括：針對每個dom節點，將所述dom節點的變量綁定至所述dom節點。

根據本公開實施例的第二方面，提供一種數據驅動的頁面更新裝置，所述裝置包括：受關注變量選擇模塊，被配置為從頁面對應的各個變量中選出本次更新中的受關注變量；受關注dom節點生成模塊，被配置為基于本次更新生成新的受關注文檔對象模型dom節點，所述受關注dom節點是所述頁面對應的dom樹中與所述受關注變量綁定的dom節點；dom節點比較模塊，被配置為比較新的所述受關注dom節點和本次更新前的所述受關注dom節點；渲染觸發模塊，被配置為在新的所述受關注dom節點和本次更新前的所述受關注dom節點不相同的情況下，觸發針對所述受關注dom節點的渲染。