乐趣区

关于vue.js:几道蛮有意思的前端面试题

1.Object.is()与原来的比拟操作符“==”、“===”的区别?
两等号判等,会在比拟时进行类型转换;
三等号判等 (判断严格),比拟时不进行隐式类型转换,(类型不同则会返回 false) ;
Object.is() 在三等号判等的根底上特地解决了 NaN、- 0 和 +0,保障 - 0 和 + 0 不再雷同,但 Object.is(NaN,NaN)会返回 true。
Object.is()应被认为有其非凡的用处,而不能用它认为它比其它的相等比照更宽松或严格。
2.Virtual DOM 的劣势在哪里?
其实这道题目面试官更想听到的答案不是上来就说「间接操作 / 频繁操作 DOM 的性能差」,如果 DOM 操作的性能如此不堪,那么 jQuery 也不至于已经红透半边天。所以面试官其实更想听到 VDOM 想解决的问题以及为什么频繁的 DOM 操作会性能差。

首先咱们须要晓得:DOM 引擎、JS 引擎互相独立,但又工作在同一线程(主线程)。JS 代码调用 DOM API 必须挂起 JS 引擎、转换传入参数数据、激活 DOM 引擎,DOM 重绘后再转换可能有的返回值,最初激活 JS 引擎并继续执行若有频繁的 DOM APl 调用,且浏览器厂商不做 ” 批量解决 ” 优化,引擎间切换的单位代价将迅速积攒若其中有强制重绘的 DOM API 调用,从新计算布局、从新绘制图像会引起更大的性能耗费。

其次是 VDOM 和实在 DOM 的区别和优化:

虚构 DOM 不会立马进行排版与重绘操作
虚构 DOM 进行频繁批改,而后一次性比拟并批改实在 DOM 中须要改的局部,最初在实在 DOM 中进行排版与重绘,缩小过多 DOM 节点排版与重绘损耗
虚构 DOM 无效升高大面积实在 DOM 的重绘与排版,因为最终与实在 DOM 比拟差别,能够只渲染部分
3.common.js 和 es6 中模块引入的区别?
Common.js 是一种模块标准,最后被利用于 Nodejs,成为 Nodejs 的模块标准。运行在浏览器端的 JavaScript 因为也短少相似的标准,在 ES6 进去之前,前端也实现了一套雷同的模块标准(例如: AMD),用来对前端模块进行治理。自 ES6 起,引入了一套新的 ES6 Module 标准,在语言规范的层面上实现了模块性能,而且实现得相当简略,无望成为浏览器和服务器通用的模块解决方案。但目前浏览器对 ES6 Module 兼容还不太好,咱们平时在 Webpack 中应用的 export 和 import,会通过 Babel 转换为 CommonJs 标准。

在应用上的差异次要有:

CommonJs 模块输入的是一个值的拷贝,ES6 模块输入的是值的援用 CommonJS 模块是运行时加载,ES6 模块是编译时输入接口。
CommonJs 是单个值导出,ES6 Module 能够导出多个
CommonJs 是动静语法能够写在判断里,ES6 Module 动态语法只能写在顶层
CommonJs 的 this 是以后模块,ES6 Module 的 this 是 undefined
4.JS 代码中的 use strict 是什么意思?应用前与应用后的区别在哪?
use strict 是一种 ECMAscript5 增加的(严格)运行模式,这种模式使得 Javascript 在更严格的条件下运行。设立 ” 严格模式 ” 的目标,次要有以下几个:

打消 Javascript 语法的一些不合理、不谨严之处,缩小一些怪异行为; 打消代码运行的一些不平安之处,保障代码运行的平安;
进步编译器效率,减少运行速度;
为将来新版本的 Javascript 做好铺垫。
区别:

禁止应用 with 语句。
禁止 this 关键字指向全局对象。
对象不能有重名的属性。
请用 JS 判断给定的字符串是否是同构的。
思路:能够用 JS 中的 map 函数判断字符串的值和索引

代码:

const isIsomorphic = (s, t) => {
if (s === t || s === ”) return true
let mapS = new Map(), mapT = new Map()
for (let i = 0; i < s.length; i++) {

if (mapS.has(s[i]) || mapT.has(t[i])) {if (mapS.get(s[i]) !== mapT.get(t[i])) return false
}
mapS.set(s[i], i)
mapT.set(t[i], i)

}
return true
}
最初
如果你感觉此文对你有一丁点帮忙,点个赞。或者能够退出我的开发交换群:1025263163 互相学习,咱们会有业余的技术答疑解惑

如果你感觉这篇文章对你有点用的话,麻烦请给咱们的开源我的项目点点 star: https://gitee.com/ZhongBangKe… 不胜感激!

退出移动版