（面试2）前端面试题2

最新推荐文章于 2022-10-20 20:42:22 发布

慢慢变亮~

最新推荐文章于 2022-10-20 20:42:22 发布

阅读量583

点赞数

文章标签：前端面试 javascript

本文链接：https://blog.csdn.net/weixin_53412458/article/details/122116238

版权

1、请描述下面选择器的含义：
div#idSel
div .classSel
div.classSel
div>.classSel
div+.classSel
div~.classSel
input[type=“button”]

2、请说明CSS优先级的判断法则

3、下图中，说明了每个div（display为block)对象的position值，指出下列所有元素的包含块。并描述你对css中绝对定位，相对定位，固定定位等定位方法的了解。

4、简述一下JavaScript中，apply、call与bind的用法、区别，以及他们与this的关系。

5、请回答如下3端代码的this指向什么？为什么？

<input id="name" type="text" name="name" value="Laruence" onclick="alert(this.value);" />

<input id="name" type="text" name="name" value="Laruence" />

function showValue() {
     alert(this.value);
}
document.getElementById('name').onclick = showValue;

function showValue() {
     alert(this.value);
}
<input id="name" type="text"  name="name" value="Laruence"  onclick="showValue()"/>

6、写出如下javascript的运行结果

var name = 'laruence';
function echo() {
alert(name);
var name = 'eve';
alert(name);
alert(age);
}
echo();

7、请写出下列代码的的执行结果和原因。

var z = 10;

function foo() {
    console.log(z);
}

(function () {
    var z = 20;
    foo();
})();

z = 30;
foo();

(function (funArg) {
    var z = 40;
    funArg();
})(foo);

8、请看如下代码，写出程序执行的结果以及原因。

var FUN = function () {
    function a() { console.log('a1'); };
    function b() { console.log('b1'); };
    function c() { console.log('c1'); };
    var a = function() { console.log('a2'); };
    var b = function() { console.log('b2'); };
    var c = function() { console.log('c2'); };
};
Object.prototype.a = function () { console.log('a3'); };
Function.prototype.b = function () { console.log('b3'); }
FUN.prototype.c = function () { console.log('c3'); }
var fun = new FUN();
fun.a();
fun.b();
fun.c();
FUN.a();
FUN.b();
FUN.c();