关于面试:Js面试题整理

41次阅读

共计 1982 个字符,预计需要花费 5 分钟才能阅读完成。

src 和 href 的区别

  1. href 是指向网络资源所在位置,建设和以后元素(锚点)或以后文档(链接)之间的链接,用于超链接。
  2. src 是指向内部资源的地位,指向的内容将会嵌入到文档中以后标签所在位置。

    1. 在申请 src 资源时会将其指向的资源下载并利用到文档内,例如 js 脚本,img 图片和 frame 等元素。2. 当浏览器解析到该元素时,会暂停其余资源的下载和解决,直到将该资源加载、编译、执行结束,图片和框架等元素也如此,相似于将所指向资源嵌入以后标签内。这也是为什么将 js 脚本放在底部而不是头部。

观察者和订阅 - 公布的区别

  1. 观察者模式里,只有两个角色 —— 观察者 + 被观察者
  2. 而公布订阅模式里,却不仅仅只有发布者和订阅者两个角色,还有一个常常被咱们疏忽的 —— 经纪人 Broker

往更深层次讲:
观察者和被观察者,是松耦合的关系
发布者和订阅者,则齐全不存在耦合

从应用层面上讲:
观察者模式,多用于单个利用外部
公布订阅模式,则更多的是一种跨利用的模式(cross-application pattern),比方咱们罕用的消息中间件

delete 数组的 item,数组的 length 是否会 -1

只是被删除的元素变成了 undefined 其余的元素还是不变,也就是说数组长度没变

给出 [‘1’, ‘3’, ’10’].map(parseInt) 执行后果

parseInt(string, radix)

string:须要转化的字符,如果不是字符串会被转换,漠视空格符。
radix:数字 2 -36 之间的整型。默认应用 10,示意 10 进制。这个参数的意义是指把后面的字符看作多少进制的数字,所谓的基数。

如果 radix 在 2 -36 之外会返回 NaN。
在没有指定基数,或者基数为 0 的状况下,javascript 作如下解决:

  1. 如果字符串 string 以“0x”或者“0X”结尾,则基数是 16,16 进制;
  2. 如果字符串 string 以“0”结尾,基数是 8(8 进制)或者 10(10 进制), 依据实现环境决定。
  3. 如果字符串 string 以其余任何值结尾,则基数是 10,10 进制。

Proxy 相比于 defineProperty 的劣势

Async/Await 如何通过同步的形式实现异步

https://es6.ruanyifeng.com/#docs/generator-async

箭头函数能够 new 吗?为什么?

箭头函数、没有 prototype、没有本人的 this 指向、不能够应用 arguments、天然不能够 new。
如果 new 的时候会报错 function is not a constructor

异步队列

https://github.com/Advanced-F…

一个 iframe,内嵌了一个 A 页面,iframe 的宽高不停变动,如何让 A 页面的宽高实时自适应这个 iframe 的宽高大小。请说出至多 3 种办法,越难越好

解释一下在 js 里,0.1 0.2 为什么等于 0.30000000000000004,如何通过代码解决这个问题?

如何防止重绘或者重排?

  1. 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会告诉 render 从新描述相应的元素, 此过程称为 repaint。
  2. 如果该次变动波及元素布局 (如 width), 浏览器则摈弃原有属性, 从新计算并把后果传递给 render 以从新描述页面元素, 此过程称为 reflow。
  3. 回流必定会产生重绘,重绘不肯定会引发回流。

typeof 和 instanceof 区别

instanceof 运算符用来检测 constructor.prototype 是否存在于参数的原型链上
typeof 操作符返回一个字符串, 批示未经计算的操作数的类型。

谈谈变量晋升?

1. 只有申明自身会被晋升,而赋值或其余运行逻辑会留在原地。2. 每个作用域都会进行晋升操作。3. 函数申明会被晋升,然而函数表达式却不会被晋升。4. 函数申明和变量申明都会被晋升,是函数会首先被晋升,而后才是变量。5. let 和 const 进行的申明不会在块作用域中进行晋升。

defer 和 async 区别

defer

  1. 浏览器开始解析 HTML 网页。
  2. 解析过程中,发现带有 defer 属性的 <script> 元素。
  3. 浏览器持续往下解析 HTML 网页,同时并行下载 <script> 元素加载的内部脚本。
  4. 浏览器实现解析 HTML 网页,此时再回过头执行曾经下载实现的脚本。

async

  1. 浏览器开始解析 HTML 网页。
  2. 解析过程中,发现带有 async 属性的 script 标签。
  3. 浏览器持续往下解析 HTML 网页,同时并行下载 <script> 标签中的内部脚本。
  4. 脚本下载实现,浏览器暂停解析 HTML 网页,开始执行下载的脚本。
  5. 脚本执行结束,浏览器复原解析 HTML 网页。

requestAnimationFrame

它仅仅绘制用户可见的动画。这意味着没把 CPU 或电池寿命节约在绘制处于背景标签,最小化窗口,或者页面暗藏区域的动画上
浏览器能够把同一页面的多处动画,放弃在繁多的回流和重绘周期里

正文完
 0