Please enable JavaScript.

Coggle requires JavaScript to display documents.

javascript 1 - Coggle Diagram

- - - - 在使用 var 声明变量但未对其加以初始化时，
        这个变量的值就是 undefined。undefined 的主要目的是用于比较了正式区分空对象指针与未经初始化的变量
    - - 从逻辑角度来看，null 值表
        示一个空对象指针,如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化为 null 而不是其他值。
    - - ，该类型只有两个字面值：true 和 false。
        这两个值与数字值不是一回事，因此 true 不一定等于 1，而 false 也不一定等于 0。
    - - 浮点数值
      - 数值范围
      - NaN，非数值类型
      - 数值转换
        
        把非数值转换为数值的函数：Number()、parseInt()和 parseFloat()
    - - 字符串可以由双
        引号（"）或单引号（'）表示，因此下面两种字符串的写法都是有效的
      - 字符字面量：转义字符
      - 字符串特点
      - 转为字符串
        
        toString()方法
        
        在不知道要转换的值是不是 null 或 undefined 的情况下，还可以使用转型函数 String()，这个
        函数能够将任何类型的值转换为字符串
    - - 对象可以通过执行 new 操作符后跟要创建
        的对象类型的名称来创建。
  - - - 回调函数
        
        什么是回调函数
        
        自己定义的，但是没有调用，最后能执行的函数
        
        常见的回调函数
        
        dom事件回调函数
        
        定时器回调函数
        
        ajax请求回调函数
        
        生命周期回调函数
  - - - 第一个字符必须是一个字母、下划线（_）或一个美元符号（$）按照惯例，ECMAScript 标识符采用驼峰大小写格式
      - 不能把关键字、保留字、true、false 和 null 用作标识符
      - 指变量、函数、属性的名字，或者函数的参数
- - - - exec()
      - text（）
    - - var expression = / pattern / flags ;
  - - - push()和 pop()方法push()方法可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。而
        pop()方法则从数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项
    - - push()是向数组末端添加项的方法从数组前端取得项的方法。实现这一操作的数组方法就是 shift()它能够移
        除数组中的第一个项并返回该项，同时将数组长度减 1。
    - - reverse()和 sort()。
    - - indexOf()和 lastIndexOf()
    - - every()，filter()，forEach()，map()，some()
    - - reduce()和 reduceRight()
  - - - Math对象的属性
        
        Math.PI，Math.LN10
      - min()和max()方法
      - 舍入方法
        
        Math.floor()向下舍入
        
        Math.round()标准四舍五入
        
        Math.ceil()向上舍入
      - random()方法，返回大于等于 0 小于 1 的一个随机数
    - - URI编码
      - eval()方法
      - Global对象的属性
      - window对象
        
        在全局作用域中声明的所有变量和函数，就都成为了 window
        对象的属性。
    - - “由 ECMAScript 实现提供的、不依赖于宿主环境的对象
- - - - window包含document,location,navigation,screen,history;window可省略
      - window自带name属性
    - - 如果页面中包含框架，则每个框架都拥有自己的 window 对象，并且保存在 frames 集合中。
    - - IE、Safari、Opera 和 Chrome 都提供了screenLeft 和 screenTop 属性Firefox提供screenX和screenY属性
      - moveTo()接收的是新位置的 x 和 y 坐标值，而 moveBy()接收的是在水平和垂直方向上移动的像素
    - - IE9+、Firefox、Safari、Opera 和 Chrome 均为此提
        供了 4 个属性：innerWidth、innerHeight、outerWidth 和 outerHeight。
      - window.onresize;resizeTo()和 resizeBy()方法可以调整浏览器窗口的大小
    - - window.open()方法既可以导航到一个特定的 URL，也可以打开一个新的浏览器窗口
    - - 浏览器通过 alert()、confirm()和 prompt()方法可以调用系统对话框向用户显示消息。
        
        confirm()确认对话框
        
        prompt()提示框
        
        alert()警告对话框
  - - - location.search
    - - assign()方法并为其传递一个 URL
  - - - plugins数组
    - - registerContentHandler()和 registerProtocolHandler(
- - - - 抽象了创建具体对象的过程用函数来封装以特定接口创建对象的细节，但却没有解决对象识别的问题
    - - 直接将属性和方法赋给了 this 对象，没有 return 语句
    - - 创建的每个函数都有一个 prototype（原型）属性，这个属性是一个指针，指向一个对象（默认指向Object空对象--没有自己的属性）
      - constructor属性指向函数对象
  - - - 原型链作为实现继承的主要方法
      - 其基本思想是利用原
        型让一个引用类型继承另一个引用类型的属性和方法
    - - 集寄生式继承和组合继承的优点与一身，是实现基于类型继承的最有效方式
- - - - 单例创建私有变量和特权方法
    - - 单例必须是某种类型的实例，同时还必须添加某些属性和（或）方法对其加以增强的情况。
  - - - 在函数中，this 表示全局对象。
      - 在事件中，this 表示接收事件的元素
      - 如果单独使用，this 表示全局对象。
      - 类似 call() 和 apply() 方法可以将 this 引用到任何对象
      - 在方法中，this 表示该方法所属的对象
    - - 不再用到的内存，没有及时释放，就叫做内存泄漏
- - - - 使用<script>元素可以向页面中插入 JavaScript 代码
      - 一种方式是通过其 src 特性包含外部文件
        
        <script type="text/javascript" src="client.js"></script>
      - 另一种方式就是用这个元素本身来包含代码
    - - 使用DOM代码动态创建
        
        var link = document.createElement("link");link.rel = "stylesheet";link.type = "text/css"; link.href = "style.css";var head = document.getElementsByTagName("head")[0];head.appendChild(link);
      - 能够把 CSS 样式包含到 HTML 页面中的元素有两个。其中，<link>元素用于包含来自外部的文件，
        而<style>元素用于指定嵌入的样式。
      - 使用了 try-catch 语句来捕获 IE 抛出的错误
    - - 为了方便构建表格，HTML DOM 还为<table>、<tbody>
        和<tr>元素添加了一些属性和方法。
  - - - 除了 IE 之外，在其他所有浏览器中都可以访问到这个类型
      - nodeName 和 nodeValue 属性
      - 节点关系
      - 操作节点
        
        appendChild()方法返回新增节点
        
        insertBefore()方法，把节点放在列表中某个特定的位置上
        
        替换节点replaceChild()
        
        移除节点removeChild()
      - node和Element的区别：元素一定是节点，但节点不一定是元素。节点包含元素和文本等
        
        范围：document>node>element
    - - document 对象是 HTMLDocument（继承
        自 Document 类型）的一个实例表示整个 HTML 页面document 对象是 window 对象的一个
        属性，因此可以将其作为全局对象来访问
      - 文档的子节点
      - 特殊集合
        
        document.anchors， document.applets，document。forms，document.images，document.links
      - 查找元素
        
        getElementById()和 getElementsByTagName()。
      - 文档写入
        
        write()、writeln()、open()和 close()。
    - - Element 类型用
        于表现 XML 或 HTML元素提供了对元素标签名、子节点及特性的访问
      - HTML元素
        
        属性：id,title,lang,dir,className
        
        所有HTML元素都是由HTMLElement类型表示，HTML类型继承Element
      - 取得特性
        
        操持属性的DOM方法：getAttribute(),setAttribute(),removeAttribute();
      - 设置特性
        
        getAttribute()，setAttribute()，这个方法接受两个参数：要设置的特性名和值
      - attributes属性
        
        Element类型唯一一个DOM节点类型
        
        每个节点都保存在NamedNodeMap对象中
        
        NameNodeMap的方法：getNamedItem(name)，removeNamedItem(name)，setNamedItem(node，item(pos)
      - 创建元素
        
        document.createElement()
      - 元素的子节点
        
        childNodes 属性中包含了它的所有子节点
        
        子节点有可能是元素、文本节点、注释或处理指令
    - - 包含的是可以照字面解释的纯文本内容。纯文本中可以包含转义后的
        HTML 字符，但不能包含 HTML 代码。
      - 创建文本节点
        
        document.createTextNode()
      - 规范化文本节点
        
        normalize()方法
        
        在一个包含两个或多个文本节点的父元素上调用 normalize()方法，则会将所有文本节点合并成一个
        节点
      - 分割文本节点
        
        normalize()
    - - 注释在DOM中用Comment类型表示
- - - - 按顺序执行，一个时间段只做一件事
    - - 同时做多个任务
      - 常见的异步任务：1.普通事件：click,resize等；2.资源加载：Load，error;3.定时器：setInterva;,setTimeout
- - - - 从一个变量向另一个变量复制基本类型的值，会在变量对象上创建一个新值，然后把该值复制
        到为新变量分配的位置上
      - 复制引用类型的值时同样也会将存储在变量对象中的值复制一份放到
        为新变量分配的空间中不同的是，这个值的副本实际上是一个指针，而这个指针指向存储在堆中的一
        个对象。复制操作结束后，两个变量实际上将引用同一个对象。因此，改变其中一个变量，就会影响另一个变量
    - - ？？？访问变量有按值和按引用两种方式，而参数只能按值传递
    - - 定义基本类型值和引用类型值的方式是类似的：创建一个变量并为该变量赋值对于引用类型的值，我们可以为其添加属
        性和方法，也可以改变和删除其属性和方法。
    - - 在检测基本数据类型时 typeof
      - 在检测引用类型instanceof