定时器, location, 检测pc端还是安卓端, 本地存储

定时器 -- 延时函数 setTimeout

setTimeout ( 回调函数 , 等待的毫秒数 )

清除延时函数 : 

setTimeout ( 回调函数 , 等待的毫秒数 )

clearTimeout(timer)

<script>
        //延时函数
        setTimeout(function () {
            console.log('aaa')
        }, 2000);
        //清除延时函数
        let timer = setTimeout(function () {
            console.log('aaa')
        }, 2000);
        clearTimeout(timer);
</script>

location

location.herf 获取完整的 URL 地址, 可用于地址的跳转

             .search 获取地址中携带的参数, 符号? 后面的部分

             .hash 获取地址中的哈希值, 符号# 后面的部分

             reload 方法刷新当前页面, 传入参数 true 时表示强制刷新

检测pc端还是安卓端

<script>
    // 检测 userAgent（浏览器信息）
    !(function () {
      const userAgent = navigator.userAgent
      // 验证是否为Android或iPhone
      const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/)
      const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/)
      // 如果是Android或iPhone，则跳转至移动站点
      if (android || iphone) {
        location.href = 'http://m.itcast.cn'
      }
    })();
    // !(function () { })();
    !function () { }()
</script>

本地存储 localStorage

用户数据存储在浏览器中, 刷新不丢失数据

<script>
    // 1. 要存储一个名字  'uname'， 'aaa'
    // localStorage.setItem('键'，'值')
    localStorage.setItem('uname', 'aaa')
    // 2. 获取方式  都加引号
    console.log(localStorage.getItem('uname'))
    // 3. 删除本地存储  只删除名字
    // localStorage.removeItem('uname')
    
    // 4. 改  如果原来有这个键，则是改，如果没有这个键是增
    localStorage.setItem('uname', 'bbb')

    // 我要存一个年龄
    // 2. 本地存储只能存储字符串数据类型
    localStorage.setItem('age', 18)
    console.log(localStorage.getItem('age'))
</script>

存储复杂数据类型要转为 JSON 字符串存储

<script>
    const obj = {
      uname: 'aaa',
      age: 18,
      gender: '男'
    }
    // 1.复杂数据类型存储必须转换为 JSON字符串存储
    localStorage.setItem('obj', JSON.stringify(obj))
    // JSON 对象  属性和值有引号，而是引号统一是双引号
    // {"uname":"aaa","age":18,"gender":"男"}
    // 取
    // console.log(typeof localStorage.getItem('obj'))
    // 2. 把JSON字符串转换为 对象
    const str = localStorage.getItem('obj') // {"uname":"aaa","age":18,"gender":"男"}
    console.log(JSON.parse(str))
</script>

初学者，见解不足，如有错误请指出