事件委托/冒泡知识点总结

104 阅读3分钟

window对象 : 浏览器窗口

        1. 是js中的顶级对象。 所有的全局函数、全局属性都是window对象的成员(属性+方法) 
        
        2. 只要是window对象的成员,在使用时可以省略window
        
        3. window对象有一些特殊的属性不能被覆盖。 例如top不能作为全局变量名
        

window对象两个方法

        1.打开新窗口:  window.open()
        
        2.关闭新窗口:  window.close()

location : 网址栏 url

        1.使用最多的属性(网页跳转): location.href
        
        2.location对象三个方法 : 
        
            location.assign() : 跳转网页。  作用与location.href一致
            
            location.replace() : 替换网页。  使用较少,因为替换后不能返回
            
            location.reload() :  刷新网页。  一般用于移动端
            
   history : 历史记录
   
    history三个方法:
    
        history.back() : 返回上一页     等价于  history.go(-1)
        
        history.forward() : 前进下一页     等价于  history.go(1)
        
        history.go( 数字 ) : 到历史记录的具体哪一页
        
            正数: 前进    1:前进12:前进2页   
            
            负数: 回退    -1:回退1页  -2:回退21.localStorage对象作用 : 存储数据
 
        * 经典应用: 免登录

 2.localStorage语法 :
 
        * 存数据:  localStorage.setItem('属性名',属性值)
        
        * 取数据:   localStorage.getItem('属性名')
        
        * 删数据:   localStorage.removeItem('属性名')
        
        * 清空数据: localStorage.clear()
        
        

 3.localStorage注意点 : 
 
        3.1 永久存储 : 除非手动清除,否则一直存在
        
        3.2 只能存储字符串类型,如果存储其他类型,编译器会自动toString()转成字符串来存储


    存数据:  localStorage.setItem('属性名',属性值)
    

2.sessionStorage对象作用 : 存储数据

     2.sessionStorage语法 :
     
        * 存数据:  sessionStorage.setItem('属性名',属性值)
        
        * 取数据:   sessionStorage.getItem('属性名')
        
        * 删数据:   sessionStorage.removeItem('属性名')
        
        * 清空数据: sessionStorage.clear()

     3.sessionStorage注意点 : 
     
        3.1 临时存储 : 只要页面关闭了,就自动清除了
        
        3.2 只能存储字符串类型,如果存储其他类型,编译器会自动toString()转成字符串来存储
       

    存数据:  sessionStorage.setItem('属性名',属性值)
    
    

1.localStorage和sessionStorage的区别?

        相同点: 作用相同,都是存储数据
        
        不同点:存储方式不同
        
            localStorage   : 硬盘存储(永久存储)
            
                * 应用场景: 免登录
                
            sessionStorage : 内存存储 (临时存储)
            
                * 应用场景: 页面间传值

2.localStorage和sessionStorage在用的时候有什么注意点吗?

        * 只能存储字符串类型数据, 如果存储其他类型则编译器自动调用toString()转成字符串
       

    3.如何解决storage存储对象只能存储字符串问题? (如何存储引用类型)
    
        * 使用json格式存储
        

1.json是什么? : json是一种数据格式,本质是字符串类型

      * 实际开发中,网页中的数据都是来源于网络服务器。 而服务器不是js语言开发,而是其他编程语言 : 
      
      java、c++、python、go、c#、.net .... 而且后台也不是只为前端服务,也要为安卓端和ios端服务器。
      
        * 不同的编程语言,数据类型不同。他们是不互通的。后来人们就发明了一种通用的数据格式,让所有
        
        的编程语言都支持。这就是json格式。
        

    2.json作用 ? : 数据跨平台传输问题

    3.json语法 ? : 本质是字符串
    
        3.1 json转js :  let js对象 = JSON.parse(json格式)
        
        3.2 js转json :  let json格式 = JSON.stringify(js对象)