zoukankan      html  css  js  c++  java
  • 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中对象的属性 
            
            
            
    
                    
  • 相关阅读:
    迭代器接口
    实现Promise
    学学springboot吧!!!!
    了解一下连接池!!!!
    Tomcat version 6.0 only supports J2EE 1.2, 1.3, 1.4, and Java EE 5 Web modules ???报错!!!
    requset和response的区别????
    百度也太神奇了吧
    这个svn啊,真的是有点看不懂
    BootStrap???确实厉害
    突然看到原来除了jar包还有war包啊?????
  • 原文地址:https://www.cnblogs.com/ltk-python/p/9506661.html
Copyright © 2011-2022 走看看