博主网站(未完善)
博主首页

目录

01图标库
02插件安装

01条件渲染
02列表渲染
03模板渲染
04计算属性
05侦听器
06样式绑定
07样式
08事件
09表单输入绑定
10生命周期
11组件
12脚手架
13vue-router
14vuex
15拖拽
16组件间传递

01HTML元素
02CSS样式

01filter、find……
02匿名函数……
03动态拼接地址
04vh、vm
05vue中ref
06js类型判断
07插槽
08富文本编辑器
09javaScript
10watch监听
11依赖注入
12ES6运算符
13flex-direction
14本地存储
15随机颜色
16中间延申
17多次触发问题
18nvm安装
19表单数据动态
20持久化存储
21$nextTick
22::v-deep
23tab失灵
25封装表单验证
26电梯导航栏
27页面滚动渐入动画

css3基础01

01bs列表
02bs栅格
03bs表单
更新中......

其他---13本地存储

index1.html文件:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 1.临时存储使用的是key value数据结构
    // 2.注意value值只能是字符串无法存储对象
    let personObject={
      name:"人过留名,雁过留声",
      age:23,
      gender:"man"
    }
    // 将对象转换为字符串
    let personString=JSON.stringify(personObject);
    // 将字符串存在sessionStorage临时存储中
    sessionStorage.setItem("menu",personString)
    // 页面跳转
    window.location.replace("index2.html")
  </script>
</body>
</html>

index2文件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    名称:<span id="d"></span>
    <script>
        // 从sessionStorage临时存储中获取menu的值
        let personString=sessionStorage.getItem("menu");
        let s=JSON.parse(personString)
        console.log(s);
        window.document.getElementById("d").innerText=s.name
        setTimeout(function(){
            // 删除sessionStorage
            sessionStorage.removeItem("menu")
            alert("删除成功")
        },3000)
        
    </script>
</body>
</html>

 

posted @ 2022-02-14 11:26  !ment  阅读(35)  评论(0编辑  收藏  举报