2023-02-09前端笔试题

1、outerHTML、innerHTML、innerText、outerText有什么区别
    innerHTML设置或获取位于对象起始和结束标签内的 HTML
    outerHTML设置或获取对象及其内容的 HTML 形式
    innerText  设置或获取位于对象起始和结束标签内的文本
    outerText  设置(包括标签)或获取(不包括标签)对象的文本

2、你知道哪些数组的方法
    concat()、join()、push()、pop()、shift()、unshift()、slice()、splice()、sort()、reverse()、indexOf()、lastIndexOf()、every()、filter()、find()、findIndex()、findLast()、findLastIndex()、flat()、flatMap()、forEach()、some()

3、使dom元素脱离文档流的方式
    定位:absolute、fixed,浮动:float

4、封装原生ajax
function ajax(){
    var xhr = window.XMLHttpRequest ? newXMLHttpRequest():newActiveXobject('Microsoft.XMLHTTP')
    xhr.open('get','http://localhost:3000/test_get')
    xhr.send()
    xhr.onreadystatechange = function () {
        console.log(xhr.responseText)|
    }

5、下面两段代码的输出结果?
    for(let i = 0; i < 5; i++){
        setTimeout(()=>{
            console.log(i)
        })
    }
    //01234
    for(var i = 0; i < 5; i++){
        setTimeout(()=>{
            console.log(i)
        })
    }
    //55555
6、写出下面代码的执行顺序
    console.log(1);
    setTimeout(()=>{
        console.log(2)
    },0)
    Promise.resolve().then(console.log(3));
    console.log(4)

7、写出两种以上将下面数组去重的方法,并标出效率最高的一种
    var arr = [1,1,1,2,2,4,4,3,3,5,5,5];

8、按照百家姓加下面的数组进行排序
    var arr = ["李","郑","赵","周","吴","孙","王","钱"]

9、(机试题)实现时钟效果,要求:有刻度和数字、时针分针秒针联动。

10、(机试题)手写轮播图,要求:自动轮播,可拖拽切换、可点击上一张下一张按钮。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容