2020腾达前端笔试题

1. switch中的case: 使用的是严格比较===
2. DOM的append()与appendChild()的区别

• append()可以接收Node对象和DOMString对象作为参数，而appendChild()只能接收Node对象。
• append()没有返回值，appendChild()有返回值。
• append()可以追加多个节点和字符串，appendChild()只能追加一个。
  var p = document.createElement(“p”);
  parent.append(“Some text”, p);//DOMString对象其实就是一个string

3. CSS引入方式优先级：从高到低
   行内样式 <p style=“color:#FFF”></p>
   内嵌样式 <style></style>
   链接样式 <link href=“index.css” />
   导入样式 @import url(’.index.css’)

4.测试JavaScript性能:
console.time(‘xxx’)是计时器的起始方法
console.timeEnd(‘xxx’)会立即输出执行总共消耗的时间
传递的参数表示计时器的名称，最终只会打印一个值：xxx: 2.71923828125 ms

5.数组中不会改变原数组的方法：concat,slice
数组中会改变原数组的方法：push,pop,shift,unshift,reverse,sort,splice

6.函数的形参与变量声明相同时：
function fn(a) {
var a;
console.log(a);
}
fn(2); //2

function fn2(a) {
var a = 3;
console.log(a);
}
fn2(2); //3

7.parseInt()与Number的区别：
https://blog.csdn.net/one_girl/article/details/80223392
parseInt()是一位一位的转换的，parseInt(‘12num’) // 12
Number()若无法转换为数字，则返回NaN, eg:Number(‘12num’) //NaN

8.[1,2,10,5,43].sort() //[1,10,2,43,5]

9.Object.create()用于创建一个对象，使该对象的隐式原型__proto__指向传入的参数对象，然后返回这个对象。
var newObj=Object.create(obj);
newObj.proto=obj; //true

实现：
var obj = {
name: “liu”,
age: 21,
};
Object.my_create = function (obj) {
var newObj = {};
newObj.proto = obj;
return newObj;
};
var newObj = Object.my_create(obj);
console.log(newObj.name); //liu

Object.create()相当于可以直接代替new操作符执行过程中指定新的空对象的原型那一步：
原来：var obj={}; obj.proto=constructor.prototype;
现在： var obj=Object.create(constructor.prototype);

10.onload是在页面渲染完后调用的，包括了图片等资源的加载。
window.addEventListener(‘DOMContentLoaded’,function(){})是在DOMDOM加载完毕后调用，不需等待图片等加载完，不会影响用户的体验，主要用于图片比较大的网站

11.获取自定义属性：document.dataset[‘xxx’]

12.根域名-顶级域名-权威域名

13.正则表达式中的g修饰符，g表示查找所有的匹配项
console.log(“acdsa”.match(/a/)); //[ ‘a’, index: 0, input: ‘acdsa’, groups: undefined ]
console.log(“acdsa”.match(/a/g)); //[ ‘a’, ‘a’ ]
console.log(“a”.match(/a/g)); //[ ‘a’ ]
console.log(/a/g.test(“a”)); // true g表示查找所有的匹配项，这里添加g是没有意义的
console.log(/a/.test(“a”)); //true
console.log(/a/g.test(“abfs”)); //true
console.log(/a/.test(“abfs”)); //true

14.window.self
window.self 表示当前窗口的引用，与window,self是等价的。
window.top 表示顶层的窗口，即浏览器窗口
window.parent 表示父级窗口

判断当前窗口是否在一个框架中：window.self==window.top