面试题系列

这是一个经典的问题，话不多说，直接开干 ## 1.浏览器DNS缓存 浏览器地址栏输入域名后，浏览器首先会去其本身的 DNS 缓存中查找是否有对应域名的记录，有就直接返回，没有就继续往下找

简单的一句概括就是： **flexible.js帮我们计算出1rem 等于多少px**。 怎么计算的？ **很简单，就是1rem = 屏幕宽度的1/10**

面试官：npm run xxx的时候，发生了什么？讲的越详细越好。 我（嘿嘿，稳了，这次我要30k）: 嘻嘻！

LocalStorage 是HTML5中一个方便使用的 API，它为 Web 开发人员 提供了一个易于使用的5MB的存储空间。使用 LocalStorage API 真的再简单不过了。不信看下： lo

昨天在看一道笔试题的时候本以为很简单，但是结果不是我想象的那样，直接上笔试题。 我第一个想到的是new Array(5)生成的数组是[undefined, undefined, undefined, undefined, undefined]。 new Array(5)生成的数…

for in 和 for of 相对于大家肯定都不陌生,都是用来遍历属性的没错。那么先看下面的一个例子: 以上代码通过 for in 和 for of 对一个obj对象进行遍历,for in 正常的获取了对象的 key值,分别打印 a、b、c,而 for of却报错了。 以上是…

第八题：A网站登录，B,C网站也有可以直接登录。 添加了单位之后，下移两百px。 GPU 进程会为其开启一个新的复合图层，不会影响默认复合图层（就是普通文档流），所以并不会影响周边的 DOM 结构，而属性的改变也会交给 GPU 处理，不会进行重排。使 GPU 进程开启一个新的复…

如图，这道题，我轻而易举地说出了答案是3，2。原理的话我知道是封装成Promise，但要我翻译成Promise我还是很懵逼啊。 不得不学下怎么翻译。 async/await是es7推出的一套关于异步的终极解决方案，为什么要说他是终极解决方案呢？因为他实在是太好用了，而且写起来还…

一道字节面试题刷新了我的认知，又学到了新知识，开心。 刚开始我说了答案是各3次，因为获取一次offsetWidth一次，然后改变样式一次。 但是后来发现之所以offsetWidth会触发重排是因为刷新渲染队列。而在这道题中，之前的渲染队列为空，所以不会触发重排。所以两次。 后面…

搜索引擎会屏蔽掉所有baijavascript代码du， 那么ajax载入的内容对于搜索引擎来说zhi也是透明的。建议重要的页面信dao息不要AJAX。用AJAX只是载入一些相关链接或者其他跟正文和关键词关系不是很大的东西。 如果一定要做AJAX的页面，那么至少在title以及…

从概念的字面意义上来看，“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面，正如我们所模拟的那样。但，这并不准确。实际上变量和函数声明在代码里的位置是不会改变的，而且是在编译阶段被 JavaScript 引擎放入内存中。对，你没听错，一段 JavaScript 代…

13. 当调⽤foo函数时，foo函数内部的变量a会分别分配到栈上？还是堆上？ 这⾥的异步调⽤是将foo封装成事件，并将其添加进 「消息队列」中，然后主线程再按照⼀定规则循环地从消息队列中读取下⼀个任务。 主线程便会进⼊代码的执⾏状态。这时关于主线程、消息队列、调⽤栈的关系如下…

7. 变量a的值是什么 其主要核⼼流程分为编译和执⾏两步。⾸先需要将JavaScript代码转换为低级中间代码或者机器能够理解的 机器代码，然后再执⾏转换后的代码并输出执⾏结果。 代码，然后直接输出结果。具体流程如下图所⽰： 编译执⾏。采⽤这种⽅式时，也需要先将源代码转换为中间…

因为打开 1 个页面至少需要 1 个网络进程、1 个浏览器进程、1 个 GPU 进程以及 1 个渲染进程，共 4 个；如果打开的页面有运行插件的话，还需要再加上 1 个插件进程。 下面我们来逐个分析下这几个进程的功能。 「浏览器进程」。主要负责界面显示、用户交互、子进程管理，同…

（1）行内元素会在一条直线上排列（默认宽度只与内容有关），都是同一行，水平方向排列。 块级元素各占据一行（默认宽度是他本身父容器的100%，与内容无关），垂直方向排列。块级元素从新行开始，结束接着一个断行。 （2）块级元素内可以包含行内元素，行内元素不能包含块级元素，只能包含文…

给定两个排序后的数组 A 和 B，其中 A 的末端有足够的缓冲空间容纳 B。 编写一个方法，将 B 合并入 A 并排序。 初始化 A 和 B 的元素数量分别为 m 和 n。 近期最久未访问过的页，进行置换。 最久未访问过的页表示的，701进入，2进入，满，选择最久未访问过的，在…

了解Promise，Promise是一种异步编程的解决方案，有三种状态，pending（进行中）、resolved（已完成）、rejected（已失败）。当Promise的状态由pending转变为resolved或reject时，会执行相应的方法 第三问：Promise 解决…

1.不能判断变量具体的数据类型比如数组、正则、日期、对象，因为都会返回object,不过可以判断function，如果检测对象是正则表达式的时候,在Safari和Chrome中使用typeof的时候会错误的返回"function",其他的浏览器返回的是object. 明明都是n…

new一个xhr对象。（XMLHttpRequest或者ActiveXObject） 调用xhr对象的open方法。 send一些数据。 对服务器的响应过程进行监听，来知道服务器是否正确得做出了响应，接着就可以做一些事情。比如获取服务器响应的内容，在页面上进行呈现。 调用这个方…

4、返回新对象。 无论什么时候，只要创建了一个新函数，就会根据一组特定的规则，为该函数创建一个prototype属性，这个属性指向函数的原型对象。在默认情况下，所有原型对象都会自动获得一个constructor属性，这个属性指向了prototype所在的函数。 打印p1.con…