前端面试题精选（6）

阿峰_

已于 2022-10-17 14:09:56 修改

阅读量61

点赞数 1

文章标签：前端 ajax javascript 开发语言面试

于 2022-06-16 13:55:03 首次发布

本文链接：https://blog.csdn.net/qq_43789598/article/details/125314724

版权

三十九：string字符串对象的方法

对象名.toLowerCase(); 将字符串转为小写 LAOCHEN ->laochen

对象名.toUpperCase(); 将字符串转为大写。 laochen -> LAOCHEN LAOchenN -> LAOCHEN

对象名.substr(a,b); 第一个值开始的下标位置，第二个值截取的长度

 var str = '你好世界我爱你';
    // console.log(str.substr(2)); //世界我爱你
 console.log(str.substr(2,4));//世界我爱

对象名.substring(a,b); 第一个值开始的下标位置，第二个结束的下标（不含b）

var str = '你好世界我爱你';
    //  2开始的下标  
    //  4结束的下标 不包含结束的这一个位置
console.log(str.substring(2, 4)); //世界

对象名.slice(a,b); 第一个值:开始的下标位置，第二个:结束的下标（不含b）

只写一个a的时候，从a开始，一直到截取最后（适用于上面是三个）

var str = '你好世界我爱你';
    //  2开始的下标  
    //  4结束的下标 不包含结束的这一个位置
console.log(str.slice(2,4));//世界

四十：动画

 div {
            animation: move 5s linear infinite;
        }

        @keyframes move {
            0% {
                color: yellow;
            }

            100% {
                color: green;
            }

        }

四十一：写原生ajax

//获取 DOM 节点
    var userName_ = document.getElementById('userName').value;
    var pwd_ = document.getElementById('pwd').value;
    var btn = document.getElementsByTagName('button');
    //点击注册按钮，执行点击事件
    btn[0].onclick = function () {
        //1、创建Ajax对象，兼容非IE和IE
        var Ajax_ = new XMLHttpRequest() || new ActiveXObject('Microsoft.XMLHTTP');
        //2、连接服务器
        Ajax_.open('post', 'http: //localhost:3003/jsonp?callback=', true); //异步 true 可以不写
        //3、发送请求
        var str = 'act=reg&user=' + userName_ + '&pass=' + pwd_;
        Ajax_.send(str);
        // 接受服务器返回结果，    接受返回值
        Ajax_.onreadystatechange = function () {
            //请求状态码
            if (Ajax_.readyState == 4) {
                // 相应状态码
                if (Ajax_.status == 200) {
                    console.log(Ajax_.responseText);
                } else {
                    console.log('请求失败')
                }
            }
        }
    }