小知识（h5 js ）

Posted 2020-10-15

1.如果都为NaN但是他们不相等
var a=NaN;
var b=NaN;
a==b //flase
2.javascript 是一种脚本语言，可以创建服务器端和客户端的脚本
3.javascript 中有两个特殊数据类型 null undefined
4.判断一个是不是属于那个类型 instanceof
instanceof: 判断某个对象是否属于某一个类。如果属于，返回true,console.log(ps1 instanceof person);
5.js中的数据类型(七种数据类型)
number object boolean null undefined string symblo
6.DOM中创建新元素，创建新的节点，将a追加到b上
document.createElement();
document.createTextNode();
document.removeChild(nodeChild);
b.appendChild(a);//向指定末尾添加节点
7.offsetWidth/offsetHeight 本身的长度和宽度 offsetTop/offsetLeft 本身距离上方和左方的距离
8.父节点.insertBefore(newNode,existNode) 交换位置父节点之下的交换的位置
9.nodeType 来进行判断DOM中节点的类型
10.(小点)var str; alert(typeof str); \\ undefined
11.（现阶段不清楚，不一定会用）
function ma( )
{
alert(arguments[1])
};
ma(1,[5,6],[8,9]);//输出的5,6 上面的1对应的下标
在javascript中，arguments对象是比较特别的对象，实际上是当时函数的一个内置属性，
arguments非常类似Array,但实际上又不是Array实例
arguments对象的长度是有实参的个数而不是形参个数决定的
12.previousSibling nextSibling 返回前一个同级元素 返回后一个同级元素
13.b.appendChild(a) b.insertBefore(a)第一个添加到b中尾部，第二个添加到b的前面
14.clientX是网页可视区的横坐标，pageX是文档的坐标这是他们的区别
15.javaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。(简单了解)
16.
offsetWidth获取的是width+padding+border，但是不能赋值。
style.width只能获取行内样式，但是可以赋值，并且要加上”px”.
scrollWidth获取的是width+padding，不包括border.
alert([] == ![])//转化tostring 都是true 结果为true
原来是top是js一个window对象，它们是只读的，所以我们不可以给它写入东西，这才导致我们把内容赋给top变量，最后输出的却是window。
//原型链
var instance = null;
class Cache{
constructor() {
if(!instance){
instance = this;
}
return instance;
}
}
//src与href的区别
src和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。
src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。
<script src ="js.js"></script>
当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。
href是Hypertext Reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加
<link href="common.css" rel="stylesheet"/>
那么浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css，而不是使用@import方式。