Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 基于提供的数组,可以使用哪些方法或模式来呈现UI组件?_Javascript_Node.js_Design Patterns_Socket.io - Fatal编程技术网

Javascript 基于提供的数组,可以使用哪些方法或模式来呈现UI组件?

Javascript 基于提供的数组,可以使用哪些方法或模式来呈现UI组件?,javascript,node.js,design-patterns,socket.io,Javascript,Node.js,Design Patterns,Socket.io,我目前正在使用node.js,希望找到一种更简洁的方法,根据通过事件返回给客户端的数组呈现列表 在我的示例应用程序中,节点服务器发出一个“details changed”事件,该事件传递一个简单数组。在UI端,我使用该事件并为每个数组元素呈现一个列表项 目前,我正在删除所有列表项并基于返回的数组重新创建它们。但是,我想知道是否有一种更有效的方法或模式,可以保留现有项目,只删除创建的新项目和丢失的项目。使用ReactJS根据服务器端的数据更改处理UI更新。这将是高效、整洁地操作DOM更新的最佳方法

我目前正在使用node.js,希望找到一种更简洁的方法,根据通过事件返回给客户端的数组呈现列表

在我的示例应用程序中,节点服务器发出一个“details changed”事件,该事件传递一个简单数组。在UI端,我使用该事件并为每个数组元素呈现一个列表项


目前,我正在删除所有列表项并基于返回的数组重新创建它们。但是,我想知道是否有一种更有效的方法或模式,可以保留现有项目,只删除创建的新项目和丢失的项目。

使用ReactJS根据服务器端的数据更改处理UI更新。这将是高效、整洁地操作DOM更新的最佳方法。

当然,您可以编写代码来找出更改的内容,并且只更新更改的项。但是,在没有看到您的代码和UI的情况下,我们无法以任何方式提供帮助。您可以只从服务器发送更改的信息,也可以从数据中找出实际更改的内容,并且只修改更改的项目。或者,您可以决定每次重新创建所有项目是最简单也是最快的。这一切都取决于你。