草庐IT

localstorage-pattern

全部标签

javascript - 如何处理多个用户的localStorage?

如果您想在localStorage中存储与用户相关的数据(例如,因为多个用户可以对您的网站使用同一个浏览器),您通常如何处理这种情况?假设我能够在前端使用唯一的userId来识别用户。我可能会做类似下面的事情://retrievethedatadata=JSON.parse(window.localStorage.getItem(userId))||{};//persistthedatawindow.localStorage.setItem(userId,JSON.stringify(data));这是一种天真的做事方式吗?编辑:在根据@MДΓΓБДL和其他评论多加考虑之后,我们假设数

jquery - 将值保存到 HTML5 localStorage -> 在页面加载时填充

我正在关注example在O'Reilly的“使用HTML、CSS和Javascript构建iPhone应用程序”中,我希望从表单输入的值在应用程序关闭和重新加载后填充,类似于php的“粘性表单”。我从示例中更改的唯一方面是在提交时调用saveSettings,在这里我在卸载时调用它(之前是在输入模糊时)。在文档准备好时调用加载设置而不是提交。编辑我删除了额外的哈希符号,我显示了包含jquery的代码(之前包含)我绑定(bind)了saveSettings来卸载。这些值仍然不粘。当我关上window再打开时,它们就不见了$(document).ready(function(){$('#

jquery - 将值保存到 HTML5 localStorage -> 在页面加载时填充

我正在关注example在O'Reilly的“使用HTML、CSS和Javascript构建iPhone应用程序”中,我希望从表单输入的值在应用程序关闭和重新加载后填充,类似于php的“粘性表单”。我从示例中更改的唯一方面是在提交时调用saveSettings,在这里我在卸载时调用它(之前是在输入模糊时)。在文档准备好时调用加载设置而不是提交。编辑我删除了额外的哈希符号,我显示了包含jquery的代码(之前包含)我绑定(bind)了saveSettings来卸载。这些值仍然不粘。当我关上window再打开时,它们就不见了$(document).ready(function(){$('#

performance - LocalStorage,几个 Ajax 请求还是巨大的 Ajax 请求?

我面临着一个非常大的问题(至少对我而言)。我会给你一些背景知识。我正在开发一个移动网络应用程序,它将显示有关我所在城市的公交车站和自行车站的信息。它将显示公共(public)汽车和自行车停靠站的GMap标记,如果您单击它,您将获得有关公共(public)汽车到达时间或可用自行车数量的信息。我已经很好地涵盖了这一点。有问题的部分是加载站。我的第一个方法是在页面加载时加载全部站点。它大约是200Kb的JSON加上它遍历数组并将其放入map的时间。它们是隐藏加载的,因此当用户单击行名称时,它们会使用“findMarker”函数出现。如果map上存在其他站点,它们将被隐藏以避免map中有太多标

performance - LocalStorage,几个 Ajax 请求还是巨大的 Ajax 请求?

我面临着一个非常大的问题(至少对我而言)。我会给你一些背景知识。我正在开发一个移动网络应用程序,它将显示有关我所在城市的公交车站和自行车站的信息。它将显示公共(public)汽车和自行车停靠站的GMap标记,如果您单击它,您将获得有关公共(public)汽车到达时间或可用自行车数量的信息。我已经很好地涵盖了这一点。有问题的部分是加载站。我的第一个方法是在页面加载时加载全部站点。它大约是200Kb的JSON加上它遍历数组并将其放入map的时间。它们是隐藏加载的,因此当用户单击行名称时,它们会使用“findMarker”函数出现。如果map上存在其他站点,它们将被隐藏以避免map中有太多标

javascript - 适合在 localStorage (HTML5) 中保存文件的数据结构?

当没有数据库需要维护和用户需要验证时,这很好。我的教授让我转换他最近的一个研究项目,该项目使用Bespin并在他的研究中计算用户在代码编辑器中犯的错误。目标是从MySQL转换为使用HTML5localStorage完全地。看起来并不难,尽管深入研究他的代码可能需要一些时间。问题:我需要存储文件和状态(光标和事件文件的最后位置)。我已经通过实现anotherstackoverflowthread中的建议做到了这一点.但希望您的意见考虑如何构建要使用的内容。我当前的解决方案>Hashmap类javascript对象的解决方案:files={};//later,savingfiles[fil

javascript - 适合在 localStorage (HTML5) 中保存文件的数据结构?

当没有数据库需要维护和用户需要验证时,这很好。我的教授让我转换他最近的一个研究项目,该项目使用Bespin并在他的研究中计算用户在代码编辑器中犯的错误。目标是从MySQL转换为使用HTML5localStorage完全地。看起来并不难,尽管深入研究他的代码可能需要一些时间。问题:我需要存储文件和状态(光标和事件文件的最后位置)。我已经通过实现anotherstackoverflowthread中的建议做到了这一点.但希望您的意见考虑如何构建要使用的内容。我当前的解决方案>Hashmap类javascript对象的解决方案:files={};//later,savingfiles[fil

<input> 上 HTML5 "pattern"属性的 Javascript 回退

我正在使用HTML5“模式”属性进行客户端验证(请不要告诉我服务器端验证,我有)。我想为使用没有“模式”支持的浏览器的用户使用Javascript或jQuery回退。这样做的好方法是什么?这是一个示例输入元素: 最佳答案 在表单的submit事件(或任何地方)中,使用其现有的pattern属性对其进行验证。varinput=document.getElementsByName('contact[phone]')[0],isValid=input.value.search(newRegExp(input.getAttribute('p

<input> 上 HTML5 "pattern"属性的 Javascript 回退

我正在使用HTML5“模式”属性进行客户端验证(请不要告诉我服务器端验证,我有)。我想为使用没有“模式”支持的浏览器的用户使用Javascript或jQuery回退。这样做的好方法是什么?这是一个示例输入元素: 最佳答案 在表单的submit事件(或任何地方)中,使用其现有的pattern属性对其进行验证。varinput=document.getElementsByName('contact[phone]')[0],isValid=input.value.search(newRegExp(input.getAttribute('p

javascript - HTML5 localStorage 最大大小是否包括键名?

HTML5的localStorageWebStorage的最大大小为5MB。这是否包括键名?例如,如果我要使用键名"quite-a-long-key-name-and-this-is-only-1"而不是"key1",我会很快用完空间吗?关于一个稍微相关的话题;命名localStorage键是否有任何事实上的约定?使用第三方JS脚本时如何防止命名空间冲突? 最佳答案 Doesthisincludethekeynames?是的,它们会成为数据的一部分,例如,它们会识别您存储并稍后检索的数据,因此也必须保存这些数据。Howarename