《JavaScript高级程序设计(第三版)》反反复复看了好多遍了,这次复习作为2017年上半年的最后一次,将所有模糊的、记不清的地方记录下来,方便以后巩固。

0. <script>元素属性

async表示立即下载脚本,但不应该妨碍页面中其他操作;

defer表示延迟到文档完全被解析和显示之后再执行。这两个属性都仅适用于外部脚步,而且现实中脚步不一定按顺序执行。指定async属性的目的是不让页面等待脚本下载和执行。

最好只包含一个延迟脚本,把延迟脚本放在页面最底部仍然是最佳选择。

1.Number类型

  1.1  NaN即非数值可以用isNaN()来确定。isNaN()在接收到一个值后,会尝试将这个值转换为数值,任何不能转换为数值的值都会导致isNaN()返回true。

alert(isNaN(NaN))     //true
alert(isNaN("10")) //false
alert(isNaN("blue")) //true

  1.2 数值转换

  上例讲到的isNaN()会将值转换为数值,那是怎么转换的呢。JS所有数值转换,默认情况下都是调用Number()转型函数的。

  Number()、parseInt()、parseFloat() 区别: Number()参数可以为任何数据类型,后两个参数只能为字符串(parseInt()还可以多一个转换基数的参数;Number()对空字符串返回0,后两个则返回NaN,原因是parseInt()对于第一个字符不是数字字符或负号,就会返回NaN;对于参数是字符串,Number()要求字符串只包含数字才转换成数值(空字符串转为0),否则转换为NaN,而后两个函数没这个要求。另外,对于Number(),null转为0,undefined转为NaN

2.逻辑与操作符(&&)的理解  (《JS权威指南》)

  “&&”运算符有三个层次的理解。第一层理解是,当操作数都是布尔值时,进行布尔操作,运算结果总是布尔值true或false。第二层理解是,当有操作数不是布尔值时,则对真值和假值进行布尔操作,并返回相应的真假值,

因此“&&”并不总返回true和false。第三层理解是对上面提到的真假值的补充,运算符首先计算左操作数的值,如果为假值,则整个表达式结果一定也是假值,此时“&&”简单返回左操作数的值,而并不会对右操作数进行计算;反过来,

若左操作数是真值,那么整个表达式结果依赖于右操作数的值,“&&”计算右操作数的值并将其返回作为整个表达式的计算结果。其实,第一层理解也可归并到第三层理解中。

        var a = 0;
// var a = null;
// var a = 3;
var b = 5;
var c = a && b;
console.log(c); // a=0时,结果是0;a=null时,结果是null;a=3时,结果是5.

3.加法操作符(+) (《JS权威指南》)

  如果其中一个操作数是对象,对该对象进行到原始值的转换;

  进行对象到原始值的转换后,如果其中一个操作数是字符串,则另一个操作数也转换为字符串,然后进行字符串连接;

  否则,两个操作数都转换为数字(或NaN),然后进行加法操作;

        "1" + 2; //"12"
1 + {}; //"1[object Object]" :对象转换为字符串后进行拼接
true + true //2 :布尔值转换为数字
2 + null //2 :null转换为0
2 + undefined //NaN :undefined转为NaN

4.关系操作符 (小于< ,大于>等) 发现这部分内容还是《JS权威指南》讲得好

  如果操作数为对象,进行对象到原始值的转换;

  在对象转为原始值后,如果两个操作数都是字符串,则进行字符编码的比较;

  在对象转为原始值后,如果至少一个操作数不是字符串,那么两个操作数都转为数值比较;

  如果一个操作数(或转换后)是NaN,则返回false;

5.相等操作符(==)、全等操作符(===)

  ===比较简单,要求两个值的类型相同,否则不相等。下面全部是==的规则。

  null与undefined相等;

  如果一个操作数是数字,另一个是字符串,则字符串转数字后比较;

  如果一个操作数是布尔值,则转为数字后比较;

  如果一个操作数是的对象,另一个操作数不是,则将对象转为原始值后比较;

6.引用类型操作

  6.1 instanceof 检测对象类型

    var a = {};
console.log( a instanceof Object); //true

  6.2 Array.isArray 检测是否是数组

    var a = [];
console.log(Array.isArray(a)); //true

  6.3 数组push时推入参数的顺序

  push()参数靠前的放在数组靠前的位置

    var a = [];
a.push('11', '22')
console.log(a); // ["11", "22"]

  6.4数组unshift时推入参数的顺序

  unshift()参数靠前的放在数组靠前的位置

    var a = [];
a.unshift('11', '22');
a.unshift('33');
console.log(a); // ["33",11", "22"]

7.URI编码方法

  Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码。encodeURI主要用于给整个URI编码,encodeURIComponent可以对URI的部分

进行编码。区别是encodeURI不会对本身属于URI的特殊字符进行编码,如冒号、问号、井字符,而encodeURIComponent会对任何非标准字符进行编码。通过

decodeURI和decodeURIComponent可以进行相应的解码。

    var uri = "http://www.baidu.com/illeagl value.html#start";
console.log(encodeURI(uri)); //http://www.baidu.com/illeagl%20value.html#start
console.log(encodeURIComponent(uri)); // http%3A%2F%2Fwww.baidu.com%2Filleagl%20value.html%23start

8.JSON对象的解析与序列化

  ES5的JSON对象有2个方法,JSON.stringify()用于把js对象序列化为JSON字符串,JSON.parse()用于把JSON字符串解析为JS值。

9.JSONP

 看了高程后,看这篇文章

10. 浏览器链接指向新url后发生的一系列过程。虽然不是JS的东西,但作为网络基础,还是在这儿写一下

  假设链接https://www.baidu.com  其IP地址是166.166.166.166。

  1)浏览器分析url,并解析出服务器的主机名www.baidu.com

  2)浏览器向DNS请求解析www.baidu.com的IP地址

  3) DNS解析出IP地址为166.166.166.166

4)浏览器与服务器建立TCP链接

5)浏览器向服务器发送一条HTTP请求报文

  6)服务器向浏览器回送一条HTTP响应报文

  7)释放TCP链接

  8)显示文档

11.DOM操作

    // 获取元素
document.getElementById('id');
elem.getElementsByTagName('tag');
document.getElementsByName('name');
// html5新增
elem.getElementsByClassName('class');
// 获取属性
elem.getAttribute('attr');
// 设置属性
elem.setAttribute('attr', value);
// 移除属性
elem.removeAttribute('attr');
// 子节点列表 childNodes有浏览器兼容问题,需要对节点类型进行判断,推荐用children
element.childNodes;
// nodeType属性 node.nodeType 1:元素节点 2:属性节点 3:文本节点
// nodeValue属性 node.nodeValue
// firstChild和lastChild
node.firstChild==node.childNodes[0] ;
node.lastChild==node.childNodes[node.childNodes.length - 1] ;
// innerHTML属性 既可读又可以写
// 创建新元素
document.createElement(elem);
// 将元素节点插入节点树
// 追加子节点
parent.appendChild(child);
// 在已有节点前插入新节点
node.parentNode.insertBefore(newNode, node);
// DOM没有提供在现有节点后插入新节点的方法 // 节点的下一兄弟节点
node.nextSibling;
// 节点的前一兄弟节点
node.previousSibling;
// 替换节点
someNode.replaceChild(newNode, oldNode);
// 移除节点
someNode.removeChild(oldNode);
// 克隆节点 true 深复制, false 浅复制
node.cloneNode(boolean); // 创建文本节点
document.createTextNode(text); // CSS-DOM
// 设置类名
elem.setAttribute("class", "intro");
elem.className; // DOM扩展
// 接收一个CSS选择符,返回匹配的第一个元素
elem.querySelector();
// 接收一个CSS选择符,返回匹配的NodeList
elem.querySelectorAll();

JS高级程序设计拾遗的更多相关文章

  1. js高级程序设计笔记之-addEventListener()与removeEventListener(),事件解除与绑定

    js高级程序设计笔记之-addEventListener()与removeEventListener(),事件解除与绑定 addEventListener()与removeEventListener( ...

  2. 《JS高级程序设计》笔记 —— 解析查询字符串

    今天在继续翻阅<JS高级程序设计>的时候,正好翻到location对象这一小节,其中有一部分就是讲的解析查询字符串.看到这个内容立马想到了做去哪儿秋招笔试题的时候有这么一道题. 去哪儿笔试 ...

  3. angular.js高级程序设计书本开头配置环境出错,谁能给解答一下

    server.jsvar connect=require('connect');serveStatic=require('serve-static');var app=connect();app.us ...

  4. 读书笔记 - js高级程序设计 - 第十五章 使用Canvas绘图

    读书笔记 - js高级程序设计 - 第十三章 事件   canvas 具备绘图能力的2D上下文 及文本API 很多浏览器对WebGL的3D上下文支持还不够好   有时候即使浏览器支持,操作系统如果缺缺 ...

  5. JS高级程序设计3

    PS:有一小部分写在了 JS 2017了 JSON <!DOCTYPE html> <html lang="en"> <head> <me ...

  6. js高级程序设计书中,有一句话在全局作用域中定义的函数实际上只 能被某个对象调用???

    js没有块级作用域(题外话:函数可以作为一个块级),所以我们经常使用闭包来模拟块级作用域,以避免变量或者函数因为名称相同而产生的冲突. 重点来了: 所以,如果我们把哪个变量或者函数放在全局作用域中,那 ...

  7. JS高级程序设计 笔记

    1.instanceof 可以判断实例是否在某个对象的原型上: function A() { this.a = "a"; } function B() { this.b = &qu ...

  8. JS高级程序设计2nd部分知识要点5

    JS Regexp 字面量模式 用\反斜杠转义 构造函数中的字符串 也用\转义正则也用\ RegExp实例属性 global -布尔值  /g ignoreCase -布尔值 /i lastIndex ...

  9. js高级程序设计(三)基本概念

    数据类型 ECMAscript中有五种简单数据类型Undefined,Null,Boolean,Number,String 还有一种复杂数据类型Object. typeof操作符 typeof可能返回 ...

随机推荐

  1. CSS笔记 - fgm练习 2-9 - 播放列表收缩展开

    练习地址: http://www.fgm.cc/learn/lesson2/09.html <style> *{ margin: 0;padding: 0;font-size: 12px; ...

  2. 【拆分版】 Docker-compose构建Logstash多实例,基于7.1.0

    [拆分版]Docker-compose构建Logstash多实例 写在最前 说起Logstash,这个组件并没有什么集群的概念,与其说是集群,不如说是各自去收集日志分析过滤存储到Elasticsear ...

  3. ssi的使用 开启 配置等

    版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/lsfhack/article/details/69664402ssi的定义SSI(Server Si ...

  4. Python 奇葩语法

    a = 1, 2, 3 赋值后的结果,a == (1, 2, 3),将一个元组(tuple)赋给了变量 a (1, 2) + (3, ) ⇒ (1, 2, 3),并不能说明 tuple 可以添加新的元 ...

  5. [CSS] Design for Mobile First with Tachyons

    Tachyons provides extensions (-ns, -m, and -l) to many of its classes to help you design for respons ...

  6. 反向代理:是指以代理server来接收Internet上的请求,然后将请求转发到内部网络的server上,并将结果返回给Internet上连接的client,此时的代理server对外就表现为反向代理server。

       Nginx安装好之后.開始使用它来简单实现反向代理与负载均衡的功能.在这之前.首先得脑补一下什么是反向代理和负载均衡.   反向代理:是指以代理server来接收Internet上的请求,然后将 ...

  7. ios开发网络学习:一:NSURLConnection发送GET,POST请求

    #import "ViewController.h" @interface ViewController ()<NSURLConnectionDataDelegate> ...

  8. ios开发之核心动画四:核心动画-Core Animation--CABasicAnimation基础核心动画

    #import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutl ...

  9. 在线算法与离线算法(online or offline)

    1. 在线算法(online) PFC(prefix-free code)编码树的解码过程:可以在二进制编码串的接收过程中实时进行,而不必等到所有比特位都到达后才开始: 2. 离线算法(offline ...

  10. USB 3.0规范中译本第9章 设备框架

    本文为CoryXie原创译文,转载及有任何问题请联系cory.xie#gmail.com. 设备框架可以被分成三层: 最底层是总线接口层,传送和接收包. 中间层处理在总线接口和设备的各种端点之间路由数 ...