3.25 study 本地存储 终于学完了js视频

首先哈哈哈哈，终于终于懒鬼在今天 学完了js API 那个视频应该算学完了167/167nice 昨天的移动端轮播图看了那个swiper 就没在打算弄了后面的都简单一些自己写的有点bug 不想调了以后直接调用其他的把 今天最后学的是本地存储我就随便写点本地存储的把

sessionStorage

		<!--本地存储
		用户数据存在浏览器中，容量大 刷新设置  不丢失数据
		只能存储字符串-->
		sessionStorage //生命周期为关闭浏览器窗口 同意页面可以共享 ，键值对存储
		语法
		sessionStorage.setItem
		sessionStorage.getItem
		sessionStorage.removeItem
		sessionStorage.clear
		
		<input type="text" name="" id="" value="" />
		<button>存</button>
		<button>娶</button>
		<button>del</button>
		<script>
			var ipt = document.querySelector('input')
			var btn = document.querySelectorAll('button')
			btn[0].addEventListener('click',function(){
				var val = ipt.value;
				sessionStorage.setItem('uname',val);
			})
			// 获取
			btn[1].addEventListener('click',function(){
				console.log(sessionStorage.getItem('uname'))
			})
			btn[2].addEventListener('click',function(){
				sessionStorage.removeItem('uname')
				// 删除所有数据
//				sessionStorage.clear()// 清除所有
			})
			
		</script>

localStorage:

跟他一样 我就上个记住用户名的案例好了

	<!--// 永久存在-->
		<input type="text" name="" id="use" value="" />
		<input type="checkbox" name="" id="remerber" value="" />记住我
		
		
		<script>
			var username = document.querySelector('#use')
			var remerber =document.querySelector('#remerber')
			if(localStorage.getItem('username')){
				username.value = localStorage.getItem('username')
				remerber.checked = true
			}
			//change 事件
			remerber.addEventListener('change',function(){
				if(this.checked){
					localStorage.setItem('username',username.value)
				}
				else{
					localStorage.removeItem('username')
				}
			})

		</script>

大概就是这些  ，最后最后 附上我 整个JS学习的记录 大概如果勤快的话一个星期就能写完 我太懒了 所以学的很慢，我是FIVE

 大概就是这里  哈哈哈终于学完视频了 下一步 怎么看 是jquery 还是AJAX 还是VUE 还是其他的w 想一想再看  ，好了今天就这样很开心学完了 哈哈哈哈哈哈nice 最后老规矩了 写一句喜欢的文案了 ： 在没有掌声的黑暗中，依然值得取寻找光明。