Created by Wang, Jerry, last modified on May 21, 2016

今天在看UI5 render的機制，發現在clear老的dom node的時候，是一個一個remove

Dom的操作相對非Dom的JS執行，簡直就是蚊子和飛機的速度

不明白為什么不使用batch的API JQuery empty 將所以得子節點全部清除，還需要要個別要保留的情況？

[圖片]

在具體的Renderer產生出html的時候，然后使用的是dom操作

生成html的工作完全可以用模板技術動態生成，例如handlerbar.js.

后續我會做一個TextRenderer的handlerbar版本，做一個benchmark
[圖片]

Handlebar example:

[圖片]

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的UI5界面绘制的机制，以及老旧dom节点的清除机制的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。