- switch中的case: 使用的是严格比较===
- DOM的append()与appendChild()的区别
- append()可以接收Node对象和DOMString对象作为参数,而appendChild()只能接收Node对象。
- append()没有返回值,appendChild()有返回值。
- append()可以追加多个节点和字符串,appendChild()只能追加一个。
var p = document.createElement(“p”);
parent.append(“Some text”, p);//DOMString对象其实就是一个string
- 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