本地存储简单总结

原创 已于 2022-03-14 11:12:03 修改 · 206 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js #session #前端 #javascript

于 2020-12-22 00:13:46 首次发布

总结来自黑马

本地存储特性

  • 数据存储在用户浏览器中
  • 设置、读取方便，甚至页面刷新不丢失数据
  • 容量较大，sessionStorage约5M、localStorage约20M
  • 只能存储字符串，可以将对象JSON.stringify( )编码后存储
window.sessionStorage
  1. 生命周期为关闭浏览器窗口
  2. 在同一个窗口（页面）下数据可以共享
  3. 以键值对的形式存储使用
  • 存储数据
sessionStorage.setItem(key, value)
  • 获取数据
sessionStorage.getItem(key)
  • 删除数据

                

                
                
        

    



  


        

            

                      
                        最低0.47元/天 解锁文章
                          
                      
            

        


    



                



	

		

			

				
					
使用JavaScript进行本地存储

				
			

			

				

					laugh666的博客
				

				

					08-30
					
					451
					
				

			

		

		

			
				
根据项目的需求和规模，选择适合的本地存储技术，并使用相应的代码实现。本地存储是一种将数据存储在用户的浏览器中的机制，以便在后续访问时进行检索。JavaScript提供了几种本地存储技术，包括Cookie、Web Storage（包括localStorage和sessionStorage）以及IndexedDB。它允许开发人员在用户的浏览器中存储和检索数据，而无需依赖服务器的持久性存储。本文将介绍JavaScript中的本地存储技术，并提供相关代码示例，以帮助您在自己的项目中应用这些技术。

			
		

	



                

            
              



	

		

			

				
					
JavaScript 本地存储

				
			

			

				

					2301_81449444的博客
				

				

					01-14
					
					657
					
				

			

		

		

			
				
localStorage.length                                   获取所有本地 localStorage 的数量。)                             通过下标获取存储记录的名称。’)          存值，如果使用相同的名字，那么会覆盖以前的值。’)               删值，删除指定名称的存储记录。在谷歌浏览器中，本地存储的值可以在控制台的。判断本地存储是否有某个名称，有则返回。使用方法相同，这里只演示。

			
		

	



              


  
              

                


	

		

			

				
					
JS实现本地存储信息的方法(基于localStorage与userData)

				
			

			

				

					10-20
				

			

		

		

			
				
主要介绍了JS实现本地存储信息的方法,基于localStorage与userData实现本地存储的功能,需要的朋友可以参考下

			
		

	





	

		

			

				
					
本地存储

				
			

			

				

					actor001的博客
				

				

					09-28
					
					255
					
				

			

		

		

			
				
本地存储特性

数据存储在用户浏览器中
设置、读取方便、甚至页面刷新不丢失数据
容量较大，sessionStorage约5M、localStorage约20M
只能存储字符串，可以将对象JSON.stringgify（）编码后存储

window.sessionStorage

生命周期为关闭浏览器窗口
在同一个窗口（页面）下数据可以共享
以键值对的形式存储使用

存储数据：
sessionStorage.setItem(key,value)

获取数据：
sessionStorage.getItem(ke

			
		

	



		

			
		



	

		

			

				
					
JavaScript本地存储

				
			

			

				

					Xingmahao_的博客
				

				

					06-09
					
					496
					
				

			

		

		

			
				
1.Cookie---用户相关数据本地存储

  什么是cookie？

本质上
	cookie就是一些数据，一些存储在电脑上的文本文件数据。
	使用cookie的原因
	当web服务器向浏览器发送web页面是，在链接关闭时，服务器不会记录用户信息。
	cookie的作用
	解决‘如何记录客户端得用户信息’
	cookie的存储形式
	cookie是以键值对的形式存储
cookie的使用方...

			
		

	





	

		

			

				
					
React Native本地存储方案总结

					
最新发布

				
			

			

				

					weixin_50406024的博客
				

				

					04-28
					
					1339
					
				

			

		

		

			
				
【代码】React Native本地存储方案总结。

			
		

	





	

		

			

				
					
localStorage 本地存储的相关知识点总结（页面登录注册功能的简单实现）

				
			

			

				

					ZHANGJIN9546的博客
				

				

					06-21
					
					1458
					
				

			

		

		

			
				
1、什么是localStorage
用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。
2、localStorage 优势与局限
优势：
a、localStorage拓展了cookie的4K限制
b、localStorage会...

			
		

	





	

		

			

				
					
HTML5本地存储和本地数据库实例详解

				
			

			

				

					09-27
				

			

		

		

			
				
总结起来，HTML5的本地存储和本地数据库显著提升了Web应用程序在客户端存储和管理数据的能力，使得Web应用可以更加智能地处理用户数据，同时降低了对服务器的依赖，提高了用户体验。无论是简单的键值对存储还是复杂...

			
		

	





	

		

			

				
					
iOS 本地存储NSUserDefaults封装代码

				
			

			

				

					08-28
				

			

		

		

			
				
NSUserDefaults是苹果提供的一种轻量级的本地存储解决方案，用于存储简单的键值对数据。本篇文章将详细介绍如何对NSUserDefaults进行封装，以便在项目中更方便地使用。  首先，了解NSUserDefaults的基本用法。...

			
		

	





	

		

			

				
					
JavaScript-本地存储

				
			

			

				

					wsssq_的博客
				

				

					03-10
					
					250
					
				

			

		

		

			
				
本地存储sessionStorage，localStorage

			
		

	





	

		

			

				
					
JavaScript——本地存储

				
			

			

				

					m0_57184906的博客
				

				

					03-18
					
					482
					
				

			

		

		

			
				
以前我们页面写的数据一刷新页面就没有了，是不是？

			
		

	





	

		

			

				
					
JavaScript (七) —— 本地存储

				
			

			

				

					rjlmylover_zyw的博客
				

				

					02-08
					
					626
					
				

			

		

		

			
				
文章目录本地存储特性localStoragesessionStorage
本地存储特性

数据存储在用户浏览器中
设置 , 读取方便 , 甚至刷新不丢失数据
容量大 sessionStorage约5M , localStorage约20M
只能存储字符串 , 可以将对象JSON.stringify()后再存储

localStorage
特性 :

生命周期永久有效 , 除非手动删除
可以多窗口(页面)共享(同一浏览器共享)
以键值对的形式储存使用


localStorage.setItem(key, v

			
		

	





	

		

			

				
					
javaScript之本地存储

				
			

			

				

					无区新手的博客
				

				

					03-29
					
					323
					
				

			

		

		

			
				
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经 常性在本地存储大量的数据，HTML5规范提出了相关解决方案。

本地存储特性

数据存储在用户浏览器中
	设置、读取方便、甚至页面刷新不丢失数据
	容量较大，sessionStorage约5M、localStorage约20M
	只能存储字符串，可以将对象J...

			
		

	





	

		

			

				
					
javascript本地存储（简介）

				
			

			

				

					小嘟的博客
				

				

					10-24
					
					461
					
				

			

		

		

			
				
1.localStorage 和 sessionStorage

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

（1）关于localstorage的介绍

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

localStorage 属性是只读的。



// 存储（保存数据）
localStorage.setItem("lastname", "Smith");键值对存储
// 检索（读取数

			
		

	





	

		

			

				
					
【浏览器】本地存储

				
			

			

				

					小秀的博客
				

				

					08-06
					
					1075
					
				

			

		

		

			
				
本地存储是一种可以在浏览器中存储数据的机制。

			
		

	





	

		

			

				
					
js——本地存储

				
			

			

				

					qq_64536562的博客
				

				

					07-18
					
					1766
					
				

			

		

		

			
				
1.l ocalStorage 作用是什么?可以将数据永久存储在本地(用户的电脑)，除非手动删除，否则关闭页面也会存在。2. localStorage 存储，获取，删除的语法是什么?

			
		

	





	

		

			

				
					
实现NSUserdefault封装以支持多种类型本地存储

				
			

			

				

					
				

			

		

		

			
				
### 知识点一：本地存储技术  本地存储技术在移动应用开发中扮演着重要角色，它负责在用户的设备上保存数据，以便应用可以在没有网络连接的情况下正常运行，或者减少网络请求以提升用户体验。iOS平台中常见的本地...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值