[發(fā)明專利]頁面渲染的方法和裝置

有效

• 申請?zhí)枺?/td>: 201611054075.3
• 申請日: 2016-11-25
• 公開（公告）號: CN106598574B
• 公開（公告）日: 2020-02-18
• 發(fā)明（設(shè)計(jì)）人: 游順航;胡浩;林超;胡豪俊;黃吉生;羅偉幫;彭海天;彭宇洋;程哲;桂旭宇;黃燦輝;林慶杰
• 申請（專利權(quán)）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F9/448
• 分類號: G06F9/448
• 代理公司: 廣州華進(jìn)聯(lián)合專利商標(biāo)代理有限公司 44224
• 代理人: 何平;鄧云鵬

本發(fā)明涉及一種頁面渲染的方法和裝置，包括：獲取更新后的當(dāng)前節(jié)點(diǎn)樹，查找所述當(dāng)前節(jié)點(diǎn)樹中的當(dāng)前集合子樹，獲取所述當(dāng)前集合子樹對應(yīng)的標(biāo)識(shí)；判斷所述標(biāo)識(shí)是否與原始節(jié)點(diǎn)樹的原始集合子樹的標(biāo)識(shí)相同，如果相同，則保留所述原始集合子樹在當(dāng)前頁面對應(yīng)的原始視圖節(jié)點(diǎn)；如果不相同，則生成所述當(dāng)前集合子樹對應(yīng)的更新視圖節(jié)點(diǎn)；根據(jù)所述原始視圖節(jié)點(diǎn)和更新視圖節(jié)點(diǎn)渲染生成更新后的頁面，能提高頁面更新顯示的效率。

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及一種頁面渲染的方法和裝置。

背景技術(shù)

隨著計(jì)算機(jī)技術(shù)的發(fā)展，用戶可以在終端上安裝各種應(yīng)用程序，在應(yīng)用程序內(nèi)部展示頁面或通過瀏覽器展示頁面，從而瀏覽頁面獲取感興趣的內(nèi)容。

計(jì)算機(jī)通過渲染實(shí)現(xiàn)頁面的顯示，渲染是指將程序代碼根據(jù)樣式規(guī)則顯示在瀏覽器窗口或應(yīng)用程序內(nèi)部窗口中的過程。在頁面更新時(shí)，往往需要將更新后的程序代碼重新轉(zhuǎn)化為更新后的頁面視圖數(shù)據(jù)，再根據(jù)更新后的頁面視圖數(shù)據(jù)顯示頁面，將程序代碼轉(zhuǎn)化為頁面視圖數(shù)據(jù)需要耗費(fèi)大量時(shí)間，導(dǎo)致頁面的更新顯示效率低。

發(fā)明內(nèi)容

基于此，有必要針對上述技術(shù)問題，提供一種頁面渲染的方法和裝置，提高頁面更新顯示的效率。

一種頁面渲染的方法，所述方法包括：

獲取更新后的當(dāng)前節(jié)點(diǎn)樹，查找所述當(dāng)前節(jié)點(diǎn)樹中的當(dāng)前集合子樹，獲取所述當(dāng)前集合子樹對應(yīng)的標(biāo)識(shí)；

判斷所述標(biāo)識(shí)是否與原始節(jié)點(diǎn)樹的原始集合子樹的標(biāo)識(shí)相同，如果相同，則保留所述原始集合子樹在當(dāng)前頁面對應(yīng)的原始視圖節(jié)點(diǎn)；

如果不相同，則生成所述當(dāng)前集合子樹對應(yīng)的更新視圖節(jié)點(diǎn)；

根據(jù)所述原始視圖節(jié)點(diǎn)和更新視圖節(jié)點(diǎn)渲染生成更新后的頁面。

一種頁面渲染的裝置，所述裝置包括：

獲取模塊，用于獲取更新后的當(dāng)前節(jié)點(diǎn)樹，查找所述當(dāng)前節(jié)點(diǎn)樹中的當(dāng)前集合子樹，獲取所述當(dāng)前集合子樹對應(yīng)的標(biāo)識(shí)；

判斷模塊，用于判斷所述標(biāo)識(shí)是否與原始節(jié)點(diǎn)樹的原始集合子樹的標(biāo)識(shí)相同，如果相同，則進(jìn)入保留模塊，否則進(jìn)入生成模塊；

保留模塊，用于保留所述原始集合子樹在當(dāng)前頁面對應(yīng)的原始視圖節(jié)點(diǎn)；

生成模塊，用于生成所述當(dāng)前集合子樹對應(yīng)的更新視圖節(jié)點(diǎn)；

渲染模塊，用于根據(jù)所述原始視圖節(jié)點(diǎn)和更新視圖節(jié)點(diǎn)渲染生成更新后的頁面。

上述頁面渲染的方法和裝置，通過獲取更新后的當(dāng)前節(jié)點(diǎn)樹，查找當(dāng)前節(jié)點(diǎn)樹中的當(dāng)前集合子樹，獲取當(dāng)前集合子樹對應(yīng)的標(biāo)識(shí)，判斷標(biāo)識(shí)是否與原始節(jié)點(diǎn)樹的原始集合子樹的標(biāo)識(shí)相同，如果相同，則保留原始集合子樹在當(dāng)前頁面對應(yīng)的原始視圖節(jié)點(diǎn)，如果不相同，則生成當(dāng)前集合子樹對應(yīng)的更新視圖節(jié)點(diǎn)，根據(jù)原始視圖節(jié)點(diǎn)和更新視圖節(jié)點(diǎn)渲染生成更新后的頁面，通過比較當(dāng)前節(jié)點(diǎn)樹中當(dāng)前集合子樹對應(yīng)的標(biāo)識(shí)與原始節(jié)點(diǎn)樹的原始集合子樹的標(biāo)識(shí)，識(shí)別頁面中不需要進(jìn)行變更的視圖節(jié)點(diǎn)保留不需要重新繪制，只需要增量生成更新視圖節(jié)點(diǎn)進(jìn)行增量渲染，不需要生成整個(gè)當(dāng)前節(jié)點(diǎn)樹對應(yīng)的視圖節(jié)點(diǎn)，節(jié)省了頁面渲染時(shí)間，可提高頁面更新的效率。

附圖說明

圖1為一個(gè)實(shí)施例中頁面渲染的方法的應(yīng)用環(huán)境圖；

圖2為一個(gè)實(shí)施例中圖1中終端的內(nèi)部結(jié)構(gòu)圖；

圖3為一個(gè)實(shí)施例中頁面渲染的方法的流程圖；

圖4為一個(gè)實(shí)施例中子樹與視圖節(jié)點(diǎn)的對應(yīng)關(guān)系示意圖；

圖5為一個(gè)實(shí)施例中生成當(dāng)前節(jié)點(diǎn)樹的流程圖；

圖6為另一個(gè)實(shí)施例中生成當(dāng)前節(jié)點(diǎn)樹的流程圖；