去面试的时候做的一套笔试题(简单)

绝地灬酷狼 2023-05-29 15:24 19阅读 0赞

1.下面属于CSS3新增输属性的有  
A.box-shadow  
B.text-shadow  
C.border-radius  
D.rgba

2.以下是内联元素的有  
A.span  
B.input  
C.ul  
D.p

3.在javascript里,下列选项中不属于数组方法的是  
A.sort()  
B.length()  
C.concat()  
D.reverse()

4.下列声明数组的语句中，错误的选项是  
A.var arry = new Array()  
B.var arry = new Array(3)  
C.var arry = new Array(3)(4)  
D.var arry = new Array(“3”,“4”)

5.META元素的作用是什么？  
A.META元素用于表达HTML文档的格式  
B.META元素用于指定关于HTML文档的信息  
C.MRTA元素用于实现本页的自动刷新  
D.以上都不对

//问答题  
1.display:none与visibilit:hidden的区别是什么？  
(1)display:none是彻底消失，不在文档流中占位，浏览器也不会解析该元素;  
visibility:hidden是视觉上小时了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素  
(2)使用visibility:hidden比display:none性能上要好，display:none切换显示时，页面产生回流，而visibility:hidden不会引起回流

2.CSS中link和@import的区别是？  
(1)从属关系的区别:  
@import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS，rel连接属性等。  
(2)加载顺序区别:  
加载页面时，link标签引入的CSS被同时加载，@import引入的CSS将在页面加载完毕后被加载  
(3)兼容性区别:  
@import是CSS2.1才有的语法，只可以在IE5+才能识别；link标签作为HTML的元素，不存在兼容性问题  
(4)DOM可控性区别  
可以通过JS操作DOM，插入link标签改变样式。由于DOM方法是基于文档的，无法使用@import的方式插入样式

3.两种以上方式实现div的垂直水平居中  
(1)  
.parent\{  
width:300px;  
height:300px;  
position:relative;  
\}  
.child\{  
width:100px;  
height:50px;  
position:absolute;  
top:50%;  
left:50%;  
\}  
(2)  
.parent\{  
display:flex;  
justify-content:center;  
align-items:center;  
\}

4.将数组1,8,2,3,3,4,5,5,6,7,8去重

//自己码的，还有好多方法比如说ES6的set等等
    function one(arr){
        
        var retArr = [];
        var obj = {
        };
        for(var key of arr){
        
            if(!obj[key]){
        
                obj[key] = 1;
                retArr.push(key);
            }
        }
        return retArr;
    }

5.描述一下this的指向，怎么改变this的指向，各个方法有什么不同？  
this在函数定义的时候是确定不了的，只有在函数执行的时候才能确定this到底指向谁，this在全局环境下调用会指向全局window，严格模式下会指向undefined，其他情况下，哪个对象调用该函数，this就会指向该对象，但是多层对象嵌套时this还是指向他的上一级对象，箭头函数不会绑定this，所以他会捕获其所在上下文的this值，作为自己的this。  
改变this的指向:new实例化对象，call，apply，bind  
不同：call和apply传入的参数不同，第一个参数都是要指向的this对象，之后call的参数会一一列举出来，而apply的第二个参数是一个数组，call和apply会立即执行，而bind需要手动执行，我们可以根据需要手动的反复调用

6.说一下对原型和原型链的了解，用原型实现继承有什么缺点，怎么解决？

在javascript中，每个对象都会再内部引用一个叫做prototype的对象，被称之为原型，而这个原型对象也会引用自己的原型对象，以此类推，这个链式的引用被称之为原型链，原型链的末尾是一个以null为原型的对象。而javascript就是通过原型链机制来实现继承的，当一个对象引用不了不属于自身的属性时，就会向上查找，遍历原型链，直到找到该属性，如果没有找到，则说明该属性没有定义。

7.ajax的原生写法

8.实现一个函数，判断输入是不是回文字符串(正序和倒序相同则为回文字符串)

function run(str){
        
        return str.split('').reverse().join('')==str?true:false;
    	}

9.现在有一个函数A和函数B，请实现B继承A(多种方法)，并说出缺点

(1)
    	function A(){}
    	function B(){}
    	B.prototype = new A();
    
    (2)
    	function A(){}
    	function B(){
    		A.call(this);
    	}
    (3)
    	function A(){}
    	function B(){}
    	B.prototype = Object.create(A.prototype);

10.请写出下面函数的执行结果

var parma = 1;
    	function main(){
        
    		console.log(parma);
    		var parma = 2;
    		console.log(this.parma);
    		this.parma = 3;
    	}
    	main();
    	var m = new main();