Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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
Angularjs 加载大量对象的网站-远程代理?_Angularjs_Html_Design Patterns_Highcharts_Proxy - Fatal编程技术网

Angularjs 加载大量对象的网站-远程代理?

Angularjs 加载大量对象的网站-远程代理?,angularjs,html,design-patterns,highcharts,proxy,Angularjs,Html,Design Patterns,Highcharts,Proxy,我有一个使用html5、bootstrap和angular构建的网站。 加载时,要求用户填写大量搜索信息,按下“go”键时,我从数据库中获取大量数据,对于用户要求的每个“操作”,我使用高位图表创建一个表和一个图表 问题在于,当用户要求显示大量“操作”时,加载数据并使用户能够执行任何操作(包括向下滚动)大约需要30秒以上的时间 有什么办法可以改进这一点吗 我想到的一种方法是使用代理设计模式使一些图表和表格成为虚拟的,直到用户向下滚动查看它们、JS和high图表 很重要的一点是,当使用chrome调

我有一个使用html5、bootstrap和angular构建的网站。 加载时,要求用户填写大量搜索信息,按下“go”键时,我从数据库中获取大量数据,对于用户要求的每个“操作”,我使用高位图表创建一个表和一个图表

问题在于,当用户要求显示大量“操作”时,加载数据并使用户能够执行任何操作(包括向下滚动)大约需要30秒以上的时间

有什么办法可以改进这一点吗

我想到的一种方法是使用代理设计模式使一些图表和表格成为虚拟的,直到用户向下滚动查看它们、JS和high图表

很重要的一点是,当使用chrome调试器检查网络时,几乎一半的加载时间都在客户端——我不得不假设,构建图表需要花费这么多时间。(当然,另一半在服务器端,我必须在那里处理)

非常感谢,即使是搜索方向也会很有帮助

编辑:我现在似乎面临着另一个这样的问题。 我还必须处理同样的问题,这是解决从服务器下载时间很长。正如我之前所说,我有很多数据需要在服务器端计算,然后需要发送回客户端。再说一次,如果我不想立即下载全部内容,而是一块一块地下载呢?可能吗?
服务器端是用C#MVC和实体框架编写的

您可以使用类似的工具。仅呈现页面上当前查看的元素,并适当响应滚动事件。下面是API文档的摘录,描述了一个名为
ListView
的元素,它听起来与您的问题相关:

ListView是一个容器,用于在上将内容移入和移出DOM 滚动事件。列表视图有助于节省昂贵页面的重新绘制时间 向下(并平滑滚动),确保没有太多 一次在屏幕上显示许多元素。列表视图擅长加速 创建复杂HTML元素的长列表,其中包含新内容 经常附加到结尾,而现有内容很少被删除


您能否在问题中添加相关的客户端代码?我们可以检查任何明显的问题。不幸的是它的限制,所以我不能显示任何代码。这就是为什么我试图找出要看的想法和一般方向重新编辑:你能根据dom中的内容改变丢失数据的顺序吗?你可以处理infinity.js使用的相同事件,并使用这些事件触发相应数据的块下载,或者可能是下一次向下滚动时需要的数据。基本上,在需要数据之前,使用这些事件加载数据。只有在我将所有数据加载到客户端后,此listView才能工作?如果我做对了,它会加快dom元素的“查看”速度,对吗?