精选前端基础题，面试的信心来源于过硬的基础（含答案）

方括号中的所有键都将转换为字符串类型，因为JavaScript中的对象只能使用只支持 string 和 Symbol作为键类型。 在上面的代码中，当将键 b, c 添加到 a 时，JavaScript将调用obj.toString()方法，并将此结果字符串用作新键。

a[b] 等同于 a[b.toString()] 等同于 a['[object Object]']
a[c] 等同于 a[c.toString()] 等同于 a['[object Object]']

最终会有覆盖关系，导致 输出为：c

这是一道 函数式 风格的题目， parseInt 作为 map 的回调方法，会接受 map 的所有参数，即第一项：循环时该项的值，循环时候的索引。

map('10', 0)
map('10', 1)
map('10', 2)
// parseInt 的两个参数
// 1:对谁 parseInt ？
// 2: 这个数是几进制的？进制位于 2 ~ 36 之间

parseInt('10', 0) 10  // 0 会被转为 10进制
parseInt('10', 1) NaN
parseInt('10', 2) 2(2 ^ 0 + 2 ^ 1)
parseInt('10', 3) 3^0 + 3^1
parseInt('10', 4) 4^0 + 4^1

输出：[10, NaN, 2, 3, 4]

var age: 全局的 age;

let yeas: 全局的 yeas;

if (age > 12) {
  let age = 10;
  var years = age * 3;
}

块级的 age,

因为 var 的变量提升产生一个：全局的 years。

发现全局作用域里面同时存在两个 years,

两次声明，所以：报错: Uncaught SyntaxError: Identifier 'years' has already been declared

同源: 协议、域名、端口号 所以 D 答案 描述错误 其他正确的答案，当复习一下。

当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发，而无需等待样式表、图像和子框架的完成加载。另一个不同的事件 load 应该仅用于检测一个完全加载的页面。

MDN

正确答案: A

同等优先级运算符，从左往右，

先比较 1 < 2 得到 true，在比较 true < 3 ，会进行一次类型转换，true 被转换为数字 1，false 转为 0。 所以最后比较的是 1 < 3 结果为 true。同理 3 < 2 < 1 也为 true

this 指向题目的考察： 一个宗旨：谁调用指向哪里。

a.__proto__.printName(): this 指向 a.proto，输出它的 name 为 ee

a.printName(): this 指向 a，输出它的 name 为 dd

>>> 无符号右移

解题步骤：

得到 -1 的 二进制，开始右移，右移多少位呢。题目是32位（对于 >= 32 位的，需要 % 32 ）得到 0。即 不移动，所以 -1 >>> 32 的结果就是：1111 1111 1111 1111 1111 1111 1111 1111。

为了好表示：1111 1111 1111 1111 1111 1111 1111 1111 + 1 = 1 0000 0000 0000 0000 0000 0000 0000 0000 = 2 ^ 32 -1

经典的跳台阶问题： 可参考：跳台阶详解

经典的括号匹配问题： 可参考我之前在 bilibili 录过：括号匹配详解

经典的链表反转问题： 可参考我之前在 bilibili 录过：链表反转详解

图层创建条件：

• video
• 有 3D transform
• backface-visibility 为 hidden
• 对 opacity、transform、fliter、backdropfilter 应用了 animation 或者 transition（需要是 active 的 animation 或者 transition，当 animation 或者 transition 效果未开始或结束后，提升合成层也会失效）
• will-change 设置为 opacity、transform、top、left、bottom、right（其中 top、left 等需要设置明确的定位属性，如 relative 等）
• 重叠原因

更多图层文章可以查看：浏览器层合成与页面性能优化

物极必反 图层越多越好吗？ 当然不是。提升合成层也得 消耗额外的内存和管理资源， 正所谓切勿提前优化。

正如MDN所说: 如果你的页面在性能方面没什么问题，则不要添加 will-change 属性来榨取一丁点的速度。 will-change 的设计初衷是作为最后的优化手段，用来尝试解决现有的性能问题.

错误的是：C

var script = document.createElement(“script”);

var head = document.getElementsByTagName(“head”)[0];


script.type = “text/javascript”;

script.src = “//i.alicdn.com/resource.js”;
// 绑定资源加载成功事件
script.onLoad = function( ){
// 判断资源加载状态是否为加载成功或加载完成
};

// 绑定资源加载失败事件
script.onError = function( ) {
  . . . .
};
// 插到页面中才会根据 src 属性，发出请求。
head.insertBefore (script , head.firstChild)

http2 特点：

• 多向请求与响应： http1. req1 req2 解决了HTTP 1.x 中存在的队首阻塞
• 请求优先级
• 请求都建立在一个TCP请求上，实现多路复用
• 服务器推送
• 首部压缩

正则表达式 /a+(bab)?(caac)*/ 表示：

选项：

• 1：匹配 babcaca
• 2：与 题目 a 可以出现 0 次 不符
• 3：正确：a 1次/多次 、bab 1次/0次、caac 0次/多次

答案：C

选择排序：每次从待排序数组中选择一个最小的或者最大的进行交换，依次组成已排序数组，

• 1,15,12,18,2,35,30,11
• 1,2,12,18,15,35,30,11

不是稳定排序速记： 写代码太难了，快（快速）些（希尔）选（选择排序）一堆（堆排序）朋友来聊天吧

在一棵树里查找某节点的孩子是否有多个，遍历一次树即可。 这里 readline 模块为处理 牛客网的输入，输出。

const readline = require('readline');
const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout
})
let list = [];
function solution(obj) {
  if (obj.next) {
    if (!(obj.next.length)) {
      solution(obj.next)
    } else {
      list.push(obj.node);
      for (var i = 0; i < obj.next.length; i++) {
        solution(obj.next[i]);
      }
    }
  }
}
rl.on('line', (line) => {
  console.log(line);
  const obj = eval(`o = ${line}`);
  solution(obj);
  console.log(JSON.stringify(list))
  rl.close();
})

类似 leetcode 第一道题（two sum），暴力枚举数组里所有两数相加的情况。

const readline = require('readline');
const rl = readline.createInterface({
    input:process.stdin,
    output:process.stdout
})
function solution(input){
    var arr = input.split(",");
    var arrInt = arr.map(e => parseInt(e));
    var result = 0;
    var temp = arrInt.pop();
    for(let i=0; i<arrInt.length-1;i++){
        for(let j=i+1; j<arrInt.length; j++){
            if(arrInt[i] + arrInt[j] == temp){
              // arrTemp.push(i,j);
              result += (i + j);
            }
        }
    }
    return result;
}
rl.on('line',(line) => {
    console.log(solution(line));
    rl.close();
})

（Least Recently Used，LRU） 如果操作系统内存中没有空闲页面，则操作系统必须在内存选择一个页面将其移出内存

LRU： 把过去最长一段时间里不曾被使用的页面置换掉。

页面置换算法

• 1 缺 1
• 3,1 缺 3
• 2,3,1 缺 2
• 4,2,3 缺 4
• 2,4,3
• 3,2,4
• 1,3,2 缺 1
• 2,1,3

答案：5

需要遍历链表m,找到尾结点，复杂度为O(m)