草庐IT

performance - LocalStorage，几个 Ajax 请求还是巨大的 Ajax 请求？

coder 2023-08-07 原文

我面临着一个非常大的问题(至少对我而言)。我会给你一些背景知识。

我正在开发一个移动网络应用程序，它将显示有关我所在城市的公交车站和自行车站的信息。它将显示公共(public)汽车和自行车停靠站的 GMap 标记，如果您单击它，您将获得有关公共(public)汽车到达时间或可用自行车数量的信息。我已经很好地涵盖了这一点。

有问题的部分是加载站。

我的第一个方法是在页面加载时加载全部 站点。它大约是 200 Kb 的 JSON 加上它遍历数组并将其放入 map 的时间。它们是隐藏加载的，因此当用户单击行名称时，它们会使用“findMarker”函数出现。如果 map 上存在其他站点，它们将被隐藏以避免 map 中有太多标记。

这适用于 iPhone 4 或全新的 HTC 等新手机，但不适用于已使用 2 年的手机。

我想到的第二种方法是按要求加载它们，所以你点击车站，它们被加载到 map 上，然后显示出来，但这会导致两个问题:

  • 首先是您可能(或可能不会)执行多个请求 可能以相同的结尾 (?)
  • 第二个是避免这样 许多标记，它们应该被隐藏或删除，所以你可能正在删除 一段时间后应该再次需要的信息，例如自行车站 作为一个组而不是按行加载。

最后，我考虑使用 LocalStorage 来存储它们，因为它们不会改变那么多，但会是大量数据，然后在检索它们时会很痛苦是键值对，而且(我不太确定)我可以找到不支持此功能的设备不得不回退到其他选项之一。

也就是说，我认为可能有人遇到过类似的问题并以某种方式解决了它，或者对我有一些提示 :)。

非常感谢任何帮助。

最佳答案

最佳方法取决于用户的行为。他们通常会点击很多电台还是只点击几个？他们更喜欢更快的启动(按需加载)还是响应更快的站点详细信息显示(预加载数据)？

一种值得研究的方法是按请求加载数据，但使用浏览器缓存(ETag 和 Expires header )以避免一遍又一遍地检索相同的信息。这将解决您的两个问题，而无需处理 LocalStorage。

有关浏览器缓存的不同方法，请参阅此问题 ETag vs Header Expires

关于performance - LocalStorage，几个 Ajax 请求还是巨大的 Ajax 请求？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8086773/

AjaxLocalStoragestrongsection的performancejsonhtmljquery-mobilelocal-storage

有关performance - LocalStorage，几个 Ajax 请求还是巨大的 Ajax 请求？的更多相关文章

  1. ruby-on-rails - Rails HTML 请求渲染 JSON - 2

    在我的Controller中，我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时，它会自然地以HTML呈现。但是，当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法)，我仍然将HTML作为响应。如何获取JSON作为响应？我还需要说明什么？ 最佳答案 您应该将.json附加到请求的url，提供的格式在routes.rb的路径中定义。这

  2. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过？我有一个调用Controller方法的JqueryPOSTajax调用，但我没有在其中放置任何真实性代码，但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

  3. jquery - 如何将 AJAX 变量从 jQuery 传递到他们的 Controller ？ - 2

    我有一个电子邮件表格。但是我正在制作一个测试电子邮件表单，用户可以在其中添加一个唯一的电子邮件，并让电子邮件测试将其发送到该特定电子邮件。为了简单起见，我决定让测试电子邮件通过ajax执行，并将整个内容粘贴到另一个电子邮件表单中。我不知道如何将变量从我的HAML发送到我的Controllernew.html.haml-form_tagadmin_email_blast_pathdoSubject%br=text_field_tag'subject',:class=>"mass_email_subject"%brBody%br=text_area_tag'message','',:nam

  4. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  5. ruby-on-rails - Ruby 流量控制 : throw an exception, 返回 nil 还是让它失败？ - 2

    我在思考流量控制的最佳实践。我应该走哪条路？1)不要检查任何东西并让程序失败(更清晰的代码，自然的错误消息):defself.fetch(feed_id)feed=Feed.find(feed_id)feed.fetchend2)通过返回nil静默失败(但是，“CleanCode”说，你永远不应该返回null):defself.fetch(feed_id)returnunlessfeed_idfeed=Feed.find(feed_id)returnunlessfeedfeed.fetchend3)抛出异常(因为不按id查找feed是异常的):defself.fetch(feed_id

  6. ruby - HTTP 请求中的用户代理，Ruby - 2

    我是Ruby的新手。我试过查看在线文档，但没有找到任何有效的方法。我想在以下HTTP请求botget_response()和get()中包含一个用户代理。有人可以指出我正确的方向吗？#PreliminarycheckthatProggitisupcheck=Net::HTTP.get_response(URI.parse(proggit_url))ifcheck.code!="200"puts"ErrorcontactingProggit"returnend#Attempttogetthejsonresponse=Net::HTTP.get(URI.parse(proggit_url)

  7. ruby-on-rails - Resque - 类的未定义方法 'perform' - 2

    我目前对后台队列不太满意。我正在尝试让Resque工作。我已经安装了redis和Resquegem。Redis正在运行。一个worker正在运行(rakeresque:workQUEUE=simple)。使用Web界面，我可以看到工作人员正在运行并等待工作。当我运行“rakeget_updates”时，作业已排队但失败了。我已经用defself.perform和defperform试过了。发条.raketask:get_updates=>:environmentdoResque.enqueue(GetUpdates)end类文件(app/workers/get_updates.rb)c

  8. ruby - 使用哪个，eruby 还是 erb？ - 2

    eruby和erb有什么区别？哪些考虑因素会促使我选择其中之一？我的应用程序正在为网络设备(路由器、负载平衡器、防火墙等)生成配置文件。我的计划是对配置文件进行模板化，在源文件中使用嵌入式ruby​​(通过eruby或erb)来执行诸如迭代生成路由器的所有接口(interface)配置block之类的操作(这些block都非常相似，仅在标签上有所不同和IP地址)。例如，我可能有这样一个配置模板文件:hostnamesample-routerlogging10.5.16.26当通过嵌入式ruby​​解释器(erb或eruby)运行时，会产生以下输出:hostnamesample-rout

  9. ruby-on-rails - 获取并发布相同匹配项的请求 - 2

    在我的路线文件中我有:match'graphs/(:id(/:action))'=>'graphs#(:action)'如果是GET请求(工作)或POST请求(不工作)，我想匹配它我知道我可以使用以下方法在资源中声明POST请求:post'/'=>:show,:on=>:member但是我怎样才能为比赛做到这一点呢？谢谢。 最佳答案 如果你同时想要POST和GETmatch'graphs/(:id(/:action))'=>'graphs#(:action)',:via=>[:get,:post]编辑默认值可以设置如下match'g

  10. ruby-on-rails - 如何在 ActionController::TestCase 请求中设置内容类型 - 2

    我试图像这样在我的测试用例中执行获取:request.env['CONTENT_TYPE']='application/json'get:index,:application_name=>"Heka"虽然，它失败了:ActionView::MissingTemplate:Missingtemplatealarm_events/indexwith{:handlers=>[:builder,:haml,:erb,:rjs,:rhtml,:rxml],:locale=>[:en,:en],:formats=>[:html]尽管在我的Controller中我有:respond_to:html,

随机推荐