开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

定期自动保存到localStorage是不好的吗？

定期自动保存到localStorage是一种常见的前端开发技术，但它并不是一种理想的解决方案。以下是对这个问题的完善且全面的答案：

定期自动保存到localStorage存在以下一些问题：

容量限制：localStorage的容量通常只有几兆字节，对于大量数据的保存来说是不够的。如果需要保存大量数据，建议使用其他存储方式，如数据库。
安全性：localStorage是在浏览器端保存数据的，因此容易受到XSS（跨站脚本攻击）等安全威胁。如果保存敏感数据，建议使用加密算法对数据进行加密，并将加密后的数据存储在服务器端。
数据同步问题：如果用户在不同的设备上使用同一个应用程序，定期自动保存到localStorage无法实现数据的同步。为了解决这个问题，可以考虑使用云存储服务，将数据保存在服务器端，并通过网络进行同步。
数据丢失风险：localStorage是保存在浏览器端的，如果用户清除浏览器缓存或更换设备，数据将会丢失。为了避免数据丢失，建议将数据备份到服务器端或其他可靠的存储介质。

综上所述，定期自动保存到localStorage存在一些局限性和风险，对于大量数据、敏感数据或需要跨设备同步的场景，建议使用其他更可靠的存储方式，如数据库或云存储服务。

腾讯云相关产品推荐：

云数据库 TencentDB：提供高性能、可扩展的数据库服务，支持多种数据库引擎，适用于各种应用场景。详情请参考：腾讯云数据库 TencentDB
对象存储 COS：提供安全可靠、高扩展性的云存储服务，适用于存储和处理任意类型的文件和数据。详情请参考：腾讯云对象存储 COS
云服务器 CVM：提供弹性、安全、高性能的云服务器，可满足各种计算需求。详情请参考：腾讯云云服务器 CVM

相关搜索:C++模板发送“假参数”是不好的做法吗？Java:在不同的库中使用相同的包名是不好的做法吗？localStorage.getItem / .setItem是异步的吗？Socket.io -使用多个函数参数是不好的做法吗？TextWriter中的刷新是自动同步的吗？从try catch finally块中返回是不好的做法吗？从不同的线程写不同的文件是不好的吗？你能将多个单独的列表保存到localStorage吗？使用del是不好的吗？在Python中使用与kwarg参数同名的参数是不好的做法吗？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

localStorage 还能这么用

Cookie 存储的数据量非常小，而且数据会自动携带到请求头里，但服务器端可能并不关心这些数据，所以会造成带宽的浪费。...缓存静态文件你不禁要问，HTTP 协议不是本来就支持缓存文件吗（之前写过一篇文章《Web缓存之HTTP指南》），为什么还要使用 localStorage 来缓存？...否则文件新版上线，用户客户端还是旧版，这就麻烦大了，而且这类问题，还不好调试不好重现。使用 Loader 加载静态文件由于请求都是动态发出的，所以可以对请求拦截处理。...大致流程如下：查看请求的文件 url 是否有缓存到 localStorage 过期或不匹配，到第 2 大步文件内容有效，到第 4 大步如果没有，到第 2 大步如果有，判断文件是否过期或版本号是否匹配...那浏览器崩溃呢，将数据变更实时保存到后台，这样似乎开销很大，实时保存到 localStorage 是个不错的解决方案，真巧，也有一个开源实现：simsalabim/sisyphus 总结文件缓存现在有更好的解决方案

9124 0

自动化测试和软件测试是一样的吗？

1）手工测试发现的缺陷多：因为人是有智慧的，可以自觉判断更多的问题和现象，找出更多的缺陷。 2）手工测试的质量更高：因为手工测试可以发现更多计划外的缺陷。...3）自动化测试与开发更贴近：因为自动化测试需要编写程序代码。 4）两者各自的局限性：手工测试相比较而言工作效率低、容易情绪化导致工作内容不稳定；自动化测则不能像人一样思考。...、交互界面考虑全面自动化工作流程自动化测试决定-->测试工具获取-->自动化测试引入-->测试计划设计与开发（脚本）（重要）-->测试执行与管理（麻烦）-->测试评审和评估自动化测试考虑的因素 1...）项目的影响：自动化测试对项目的精度、覆盖率风险有积极作用，让开发更敏捷 2）复杂度：自动化是否容易实现，包括数据和其他环境的影响 3）时间：自动化测试的实现需要多长时间 4）需求：早期需求和代码的稳定...5）工作量：代码是否相对稳定、功能特性是否会进化 6）覆盖率：能不能覆盖程序的关键特性和功能 7）资源：测试人力资源、硬件资源 8）自动化执行：是否有时间和技能去运行自动化测试的适用 1）回归测试：

5842 0

spring boot 的thymeleaf真的是那么随便就可以用的吗？弄不好你就会遇到很头疼的事

spring boot 默认推荐使用的模板引擎是thymeleaf而非JSP。网上很多都是告诉你，怎么快速访问到thymeleaf，但是真的就那么简单吗？...信息实说，在aa.html中的第6行第三列出错了。现在我们回到aa.html中查看第6行第3列：我们发现，就只是head标签。这个html页面直接访问是不会报错的。...替换成如下： spring.thymeleaf.mode = LEGACYHTML5 spring.thymeleaf.mode = LEGACYHTML5 spring.thymeleaf.mode的默认值是...需要注意的是，LEGACYHTML5需要搭配一个额外的库NekoHTML才可用。...我们重启项目，重新访问：以下是凯哥配置文件信息：

5832 0

spring boot 的thymeleaf真的是那么随便就可以用的吗？弄不好你就会遇到很头疼的事

spring boot 默认推荐使用的模板引擎是thymeleaf而非JSP。网上很多都是告诉你，怎么快速访问到thymeleaf，但是真的就那么简单吗？你或许会遇到如下的问题： ?...信息实说，在aa.html中的第6行第三列出错了。现在我们回到aa.html中查看第6行第3列： ? 我们发现，就只是head标签。这个html页面直接访问是不会报错的。...spring.thymeleaf.mode = LEGACYHTML5 spring.thymeleaf.mode的默认值是HTML5，其实是一个很严格的检查，改为LEGACYHTML5可以得到一个可能更友好亲切的格式要求...需要注意的是，LEGACYHTML5需要搭配一个额外的库NekoHTML才可用。...以下是凯哥配置文件信息： ?

1.4K2 0

【特斯拉事故反思】自动驾驶是智能汽车的终极目标吗？

该部门将调查“事故发生时驾驶辅助功能的设计和性能”。如果NHTSA认为车辆安全性存在问题，那么将会要求车辆召回。奇点汽车样车出展北京车展时，被提及最多的就是：“你们是智能汽车，那可以自动驾驶吗？”...但在复杂的城市道路环境中，自动驾驶汽车因交通事故所带来的责任问题尚没有明确立法，自动驾驶汽车行驶规范与法律法规还基本上是空白，这是影响自动驾驶商业化最重要因素之一。...纵观全球自动驾驶发展现状，可以看出以事故预防为目的的“智能安全技术”是未来汽车安全技术的趋势，也是自动驾驶商用的重要阶段。...我们希望让汽车成为一台轮式机器人，这是我们对一辆车的定义，其核心是：机器人必须有自己的大脑，必须会自我学习，会自我成长，这是奇点汽车的发展方向。自动驾驶是终极目标吗？...最后，我们要讨论一个本质问题：自动驾驶是智能汽车发展的终极目标吗？我想，无论是互联网企业还是传统车企，不以“人”出发的闭门造车，就都会面临价值错位，而终将被历史淘汰。

4973 0

32、localStorage本地储存

前言：讲讲localStorage，这个知识点还是很重要的。...GitHub：https://github.com/Ewall1106/mall 1、什么是localStorage （1）基本概念 Storage 接口用于脚本在浏览器保存数据。...sessionStorage保存的数据用于浏览器的一次会话（session），当会话结束（通常是窗口关闭），数据被清空；localStorage保存的数据长期存在，下一次访问该网站的时候，网页可以直接读取以前保存的数据...= localStorage.getItem('answer'); answer = JSON.parse(answer); 2、项目中使用首先我们在地址新增页面将地址保存到本地： ?...image.gif 3、小结其实这种实现方式很不好，这章的主要意义还是在于localStorage这个知识点的运用，下章我们学着使用vuex来进行这个地址状态的管理。

1.9K6 0

企业外包的安全风险及应对策略 | FreeBuf甲方群话题讨论

对于安全级别较高的企业（例如银行），会要求： 1.外包商进驻甲方场地，使用甲方的开发环境和基础设施，内部统一管理源代码； 2.对需求和架构进行安全评审； 3.使用自动化工具进行代码质量检查和代码审计，定期进行...A3：这个不好评判，不同的企业对外包的需求不同，谈不上惯性思维。更多的应该关注成本、专业程度以及业务适配性。...A3：安全外包更多看跟现有业务的契合度吧，再就是性价比。话题二：对于服务器密码管理。一般海量服务器是怎么做？密码记录在哪里？用户一般是普通权限。进系统自己切Root?怎么做定期更改密码？...我以前做等保，也这样跟客户说，自从做了甲方才感觉这么要求真傻。 A6：等保要求对口令定期更新，之后制度落实不就是XX天改一次么。...A7：密码并不一定要定期更换，如果够保密、够复杂、不泄露，可以不修改。 A8：堡垒机上有普通用户和Root的账号给用户自己选吗?关键是不允许Root登陆，用户要通过普通账号登陆。

1K1 0

localStorage 的相关运用

localStorage 是浏览器自带的一个属性，只读的localStorage 属性允许你访问一个Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。...(需要注意，和 js 对象相比，键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型). localStorage 的使用也非常简单，分为存入和读取，可以将其绑定在事件方法中。...(localStorage.getItem("key")); 这里 "key" 指的是存到浏览器中的参数名，arr 则是参数值。...localStorage.setItem("key", JSON.stringify(arr)); 这个方法就是将数组arr存到了浏览器的localStorage 中，它的参数名叫 key const...清除 localStorage，分为清除所以的存储值和清除某个特定的 key。

2111 0

本地储存之 Cookie、webStorage、indexedDB

它可以携带用户信息，当服务器检查 Cookie 的时候，便可以获取到客户端的状态，也就可以证明我是谁了。 Cookie 是以键值对的形式存储的。...#sessionStorage 页面回话存储，关闭页面自动清除。...读取数据： getItem() localStorage.getItem('user_name') 删除某一键名对应的数据： removeItem() localStorage.removeItem(...'user_name') 清空数据记录：clear() localStorage.clear() #indexedDB IndexedDB 是一个运行在浏览器上的非关系型数据库。...其实我的理解，就是在浏览器或者其他客户端应用缓存一个webapp，一次使用，就将代码都缓存到本地，再次打开无需重复加载。是不是觉得很熟悉，这不就是微信小程序吗？

1K3 0

保存用户信息到本地存储

启发来自obaby的《WordPress cookie保存用户信息失败–战五渣抓虫记》一文，怎么能少得了我呢。当然了，你在下次评论时会自动填充信息表单，效率是不是很快?...定义保存数据函数：saveData函数会从输入框中获取值，并使用localStorage.setItem方法将值保存到本地存储中。...监听输入框输入事件：通过addEventListener方法，将saveData函数绑定到name、email和weburl输入框的input事件上，当输入框中输入信息时自动保存数据。...() 函数后，通过使用addEventListener()方法监听输入框的input事件，这样当输入框中输入内容时，会自动触发保存数据的操作。...当输入内容时，saveData() 函数会被触发，并将输入框的值保存到本地存储中。同时，通过在代码中添加console.log()语句，将保存成功的消息输出到控制台。

781 0

保存用户信息到本地存储

定义保存数据函数：saveData函数会从输入框中获取值，并使用localStorage.setItem方法将值保存到本地存储中。...监听输入框输入事件：通过addEventListener方法，将saveData函数绑定到name、email和weburl输入框的input事件上，当输入框中输入信息时自动保存数据。...; } // 监听输入框输入事件，自动保存数据 nameInput.addEventListener("input", saveData); mailInput.addEventListener...() 函数后，通过使用addEventListener()方法监听输入框的input事件，这样当输入框中输入内容时，会自动触发保存数据的操作。...当输入内容时，saveData() 函数会被触发，并将输入框的值保存到本地存储中。同时，通过在代码中添加console.log()语句，将保存成功的消息输出到控制台。

2144 0

Docker镜像漏洞怎么破；云桌面开发与安全如何平衡 | FB甲方群话题讨论

A5：限制Docker守护进程的访问，只允许授权的用户和服务使用Docker；使用私有仓库可以确保只有授权的用户和服务可以访问镜像；定期审查镜像，确保其中不包含恶意代码或安全漏洞；使用容器镜像扫描工具自动扫描镜像中的漏洞和恶意代码...A6：使用官方镜像：这些经过安全审查的相对会比较靠谱；定期更新镜像：利用Docker Hub或其他镜像仓库提供的自动构建机制来更新；使用镜像签名：可以利用Docker Content Trust进行镜像签名...A10：容器是好，但是我们现在有个苦恼就是，为什么同样的规则策略，就传统的漏扫扫描容器，几百上千个高中危级别漏洞，直接没法用了，关键是厂家还不好好配合你弄，动静太大。...话题四公司使用SaaS服务上线了人事平台，云服务提供商已过了等保三级，还需要额外对人事平台做等保定级备案吗？ A1：基础架构和网络架构是三级，但是你的系统不是，还要另外做。...A2： SaaS如果是人家的平台，等保你不需要，你们选择的时候做好资质评估、包括持证，组织架构、数据保护方案等，如果能提供你们SoC2的外部审计报告最好；如果是自己的SaaS平台，那就需要，但不需要三级

6552 0

等保2.0将至，解读新标准的变化

现在的现状是这样，一提等保就觉得Low，就是应付检查的……一提ISO27001就觉得高大上，感觉很先进，而且是完整的体系。但实际上真的如此吗？下面，我来给大家对比一下。 ?...安全工作技术上有难度，管理上难度更大，是一个不断循环和改进的过程，因此等保是嵌入到安全建设中的一项工作，而不是为了过等保去搞安全。...以前三级系统一年一次，二级系统两年一次，这个是必须的，新的标准里只提到了定期进行等级测评，这个定期是多久没有明确，但是其他研究机构的报告中提到2-4级系统均为一年一次(至少)，但具体如何执行，要看测评中心那边怎么说...现在好多安服项目都是把等保放在里边作为一项服务，严格来说这么做是不符合规定的。监管部门具体会不会深究这件事，目前还不好说。...新标准就2点，一是漏洞管理，漏扫、打补丁;二是定期安全测评，这个可以自己测，也可以找人测，不是等级测评，属于自查的工作。

3.9K3 0

activiti explorer跨模板复制流程节点

最近的项目是用activiti explorer做流程前端。功能做出来后，经常被用户反馈，说流程页面不好用。画一个流程图后，再画一个，都要重头开始，如果导入及导出，用户又嫌麻烦。...用户希望能同时打开多个流程模板页面，将一个模板当前配的节点，复制到另外一个模板中。这个可以做到吗? 答案是肯定的！...oryx.debug.js页面中的editCopy为原生的复制代码，而editPaste为粘贴的相关代码怎么改?...考虑使用localStorage将复制的内空存在localStorage，而粘贴时，要将代码从localStorage读取出来。...，一个是将复制的内容转为字符串，存入localStorage，一个是从localStorage读取出来，注意，读取出来时，要转回jSOn对象，在转换过程中，shapesAsJson为一个字符串，需要再转换成

1.5K1 0

localStorage和sessionStorage用法小总结

localStorage 方法 localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。先看一下他的API都有什么 ?...里删除了 hasOwnProperty方法--检查localStorage上是否已经保存了x，需要传入x作为参数 localStorage.hasOwnProperty('name') //前提是上面的那个...可以将一个数组直接保存进去，但是存入以后就自动转为了字符串，中间会用逗号分隔 var arr = ['aa','bb','cc']; // ["aa","bb","cc"] localStorage.arr...name: "teemo", grade: 3 } } students = JSON.stringify(students); //将JSON转为字符串存到变量里...console.log(students); localStorage.setItem("students",students);//将变量存到localStorage里 var newStudents

1K2 0

实现单点登录的三种方式

当用户登录成功后，一般会将登录状态记录到 Session 中，或者是给用户签发一个 Token，然后浏览器将Session 的 ID 或 Token 保存到 Cookie 中，浏览器在之后的每次请求中携带它们...如果用户的登录状态是记录在 Session 中的，要实现共享登录状态，就要先共享 Session，比如可以将 Session 存到同一个Redis 中，用户访问时，都可以读取同一个Redis 的 Session...，Session ID 仅在浏览器访问 app1.com 时才会自动在请求头中携带，而当浏览器访问 app2.com 时，Session ID 是不会被带过去的。...当用户再次访问当前应用系统时，就会自动带上这个 Token，应用系统验证 Token 发现用户已登录，直接返回正常的响应。...（3）localstorage 将 Session ID （或 Token ）保存到浏览器的 LocalStorage 中，前端通过 iframe+postMessage() 方式，将同一份

9022 0

DOM存储——客户端存储

概述 Dom存储(Storage)API 是通过 sessionStorage 对象和 localStorage 对象来实现的。...通过这些对象，WEB应用程序能够把信息存储到客户端，并再以后需要的时候进行获取。其中： sessionStorage 会话存储，其中的数据在页面会话结束时会被自动清除。...页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。 localStorage 本地存储，其中的数据没有过期时间，在页面会话结束时不会被自动清除。...DOM存储与cookie的相同点：本地存储和cookie一样提供了把数据保存到本地的能力，页面刷新或者关掉浏览器后，数据依然存在。本地存储cookie一样只能存字符串数据。...,该存储的空间是整个子域共享的。

2.7K2 0

【心得体会】聊一聊在国内计算机读研，遇上的那些导师们...

作为一个计算机专业的本科生，毕业后大概率是做程序员，但是编程能力还算不上高级。成绩还不错，大概率可以保研。...其实不管是保研还是考研，我们都是“优秀的那些人”，骨子里流露着那么一丝丝自信甚至是自傲，相信自己在研究生阶段一定会继续大展宏图。然而现实是什么呢？现实是，你选择的导师，可能一学期只能见上一面。...或者，你会发现，你不是在读研，而是在打工，而且薪水少的可怜。打什么工呢？如果你的导师有厂子，那么你会不定期去他的工厂干一些体力活，美其名曰动手实践。...高校缺钱吗？高校是真的缺钱。我始终认为学校对科研的投入太少了（钱都花在了修路和装修上）。...选的导师不好，不仅毕业难，正常生活下去都难（努力不让自己走上歧途，想想自己的父母，想想自己的朋友，想想那些在乎你的人。）

5911 0

等保2.0怎么预防网络攻击？

网络攻击是一种没有硝烟的战争，随着物联网的兴起，以及近期等保2.0的发布，其网络攻击的破坏力和毁灭性是不容小觑的。那么，有些人就会想等保2.0会存在网络攻击吗？它们之间会有关联吗？...虽然进入了等保2.0时代，但是这个过程以及规则还需要进一步的完善和细化，因此针对网络安全等级也是有一定的要求，所以需要注意的是从内部发起的网络攻击，要在关键的网络节点处定期检测，做好限制，来防范网络攻击行为的出现...由于云计算技术的不断提高以及服务范围的普及，等保2.0将云平台和云上信息系统也纳入了等级保护的范围，因此也针对云平台提出了“入侵防范”的要求，需要可以检测到虚拟网络节点中出现的网络攻击行为，以及记录攻击类型...因此内部信息及资产有保护价值的企事业单位需要响应等保2.0对云计算安全扩展要求，部署网络安全平台。...网络安全防护是一个长期需要坚持做下去的工作，网络攻击不一定随时有，但可以肯定的是它一直潜伏在每一个我们发现不了的角落，因此我们想要避免更大的损失，以及在被攻击时不出现手忙脚乱、无暇顾及的情况时，所以需要敏锐的观察力

5932 0

HTML5(三)——Web 本地存储

WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。...web存储更加安全与快速，这些数据还不会保存到服务器，还可以存储大量数据而不影响网站性能。 web 存储类型 localStorage - 用于长久保存数据，没有有效期，直到手动清除。...sessionStorage - 临时保存当前窗口的数据，窗口关闭之后自动清除。不管是 localStorage 还是 sessionStorage 使用方法都是一样的语法，对常见操作语法进行示范。...web存储数据应用应用1：取出本地存储的所有数据，以localStorage为例。 localStorage和sessionStorage是两个对象，类似json。...实例：网页中写信，自动保存草稿，网页关闭重新打开之后数据依旧存在。

1.1K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭