[JavaScript知识库] （面试2）前端面试题2

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> （面试2）前端面试题2 -> 正文阅读

[JavaScript知识库]（面试2）前端面试题2

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();