web前端面试题-各大公司面试题（360）

最新推荐文章于 2025-05-26 14:28:49 发布

原创最新推荐文章于 2025-05-26 14:28:49 发布 · 5.4k 阅读

CC 4.0 BY-SA版权

99 篇文章

订阅专栏

本文探讨了前端开发中常见的逻辑运算符使用技巧、正则表达式的应用、作用域与调用上下文的理解、CSS hack的实现方法等核心知识点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 下面代码的输出值是：

alert(1&&2)  //2

answer：

1、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。

2、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。

3、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值。

4、只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值。
2.正则表达式匹配，开头为11N, 12N或1NNN，后面是-7-8个数字的电话号码

var reg = /^(11N|12N|1NNN)[0-9]{7,8}$/;

var str = "11N1234567";

console.log(str.match(reg));

注意：正则表达式需要写开始符号合结束符号

3 写出下面代码的输出值

var obj = {  
    a: 1,  
    b: function () {console.log(this.a)}  
};

var a = 2;  
var objb = obj.b;

obj.b();  
objb();  
obj.b.call(window);

answer:
1
2
2
window里的a为2，objb是以window作为的实例。
4 写出下列代码在各个浏览器中的颜色值?

background: red; 
_background: green; 
*background: blue; 
background: black\9;

CSS Hack大致有3种表现形式，CSS属性前缀法、选择器前缀法以及IE条件注释法（即HTML头部引用if IE）Hack，实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。

属性前缀法(即类内部Hack)：例如 IE6能识别下划线”“和星号” * “，IE7能识别星号” * “，但不能识别下划线”“，IE6~IE10都认识”\9”，但firefox前述三个都不能认识。

选择器前缀法(即选择器Hack)：例如 IE6能识别html .class{}，IE7能识别+html .class{}或者*:first-child+html .class{}。

IE条件注释法(即HTML条件注释Hack)：针对所有IE(注：IE10+已经不再支持条件注释)：，针对IE6及以下版本：。这类Hack不仅对CSS生效，对写在判断语句里面的所有代码都会生效。

5 输出下面的值：

var a = 1;  
function b() {  
    var a = 2;
    function c() {
        console.log(a);
    }
    return c;
}
b()();

answer： 2

6 简述在IE下mouseover和mouseenter的区别？

answer：
当鼠标穿过被选元素或子元素，都会出发mouseover，只有穿过被选元素，才会触发mouseenter。在IE中，mouseenter子元素不会反复触发事件。