js笔记

1.js中函数的创建方式
            函数的作用解决重复性的代码
            (1)普通函数
            function 函数名(a,b){
                return a+b
            };
            函数名();
            
            (2)函数对象
            var 函数名 = function(){
            };
        2.arguments的意思?
            伪数组
            
            函数传进的实参
            
            function foo(){
                console.log(arguments[0])
            };
            
            foo(2,3,4)
            
        3.获取DOM的三种方式
            文档对象模型 Document Object Model
            对象:属性和方法 父类(继承)
            
            
            getElementById('box') 单个dom对象
            getElementsByClassName('box') 伪数组
            getElementsByTagName('div') 伪数组
            
        额外补充:23设计模式
                
                MVC===>MTV(Django)   MVVM(Vue)
                
                
                数据驱动视图
                
                Model View Controler
        4.DOM操作三步走?哪三步?
            1.找到事件对象 
            2.事件名: onclick onmouseover|onmouseout onmouseenter |onmouseleave blur focus 
                    input  oninput

            3.驱动程序  回调函数
        5.对属性操作和样式操作? 
            写个例子:
                比如有个div,设置该div的class为active
                并且要求改div的背景色为红色的
                .style.backgroundColor ='red'
                
                .className = ' red'
                .id
                .href
                .src
                
                
        6.对于值的操作,哪三种属性?分别解释三种属性你理解的意思?
        
            点语法: get方法和set方法
                console.log(oDiv.style); get方法
                
                oDiv.style.width = '200px' set方法
            
            
            readonly 只读
            //获取文本的内容
            .innerText
            //设置文本
            <p>alex</p>
            .innerText = 'alex'
            
            
            <p><a href='#'>alex</a></p>
            .innerHTML = '<a href='#'></a>'
            
            标签中有value属性
            .value
        
        7.如何获取文档,html,body对象?三者之间的关系
            
                console.log(document);
                console.log(document.documentElement);
                console.log(document.body);
        8.画一个DOM树结构
        
        9.如何获取该div标签的父元素 和孩子元素?
        
            oDiv.parentNode
            oDiv.children
            
        10.对于DOM的操作
            (1)创建DOM
                父标签:oDiv
                var oBtn = document.createElement('button');
                
                
                
            (2)父子之间追加DOM,使用哪种方式? 子元素兄弟之间追加元素使用哪种方式?
                oDiv.appendChild(oBtn);
                oBtn.innerText = '注册'
                
                //添加事件
                oBtn.onclick = function(){
                }
                
                
                
                oDiv.insertBefore(插入的新节点,参考的节点);
                
                如果参考节点为null,相当于appenChild
                
            (3)删除DOM
            
                oDiv.removeChild(子节点)
                
                
    今日内容:
        1.对象的创建方式
            字面量方式创建
                var object = {
                    name:'zhg',
                    age:16,
                    fav:function(){
                    }
                };
            
            构造函数方式创建
                var o = new Object();
                o.name = 'yyy';
                o.age = 18;
                o.fav = function(){
                }
        2.原型继承方式创建 

        function Student(name,age){
            this.name = name;
            this.age = age;
        };

        Student.prototype.fav = function(argument){
            
            console.log(this);
            console.log(this.name);
        };
        // 实例化对象
        var s1 = new Student('太亮',18);
        s1.fav();
        
    2.定时器
        一次性定时器     
        //1000毫秒==1秒 异步 如果请求数据时 出现数据阻塞 那么可以简单实用 异步调用 应用:异步
        var a = setTimeout(function(){

            console.log(1);

        },3000);
        
        清除定时器 clearTimeout(a);
        
        周期性循环定时器: 每50毫秒执行对应的回调函数  应用:动画效果
        setInterval(function(){
            
  　　　　　　　　　　　　          

        },50)
        
    3.BOM
        window.open()
        window.location中对象的属性