第八章 BOM

1、BOM的核心对象是window，他表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过JS访问浏览器窗口的一个接口，又是ES规定的Global对象。

2、定义全局变量与在window对象上直接定义属性还是有一点差别：全局变量不能通过delete操作符删除，而直接在window对象上的定义的属性可以。

3、由于浏览器差异，无法确定浏览器窗口本身的大小，但可以取得页面视口的大小：

var pageWidth=window.innerWidth,

    pageHeight=window.innerHeight;

if (typeof pageWidth!="number") {

    if (document.compatMode=="CSS1Compat") {

        pageWidth=document.documentElement.clientWidth;

        pageHeight=document.documentElement.clientHeight;

    }else {

        pageWidth=document.body.clientWidth;

        pageHeight=document.body.clientHeight;

    }

}

4、使用moveTo（）和moveBy（）可以将一个窗口精确地移动到一个新位置。使用resizeTo（）和resizeBy（）可以调整浏览器窗口的大小。（不适用于框架，有可能会被浏览器禁用）。

5、setTimeout（）方法表示在指定时间过后执行代码，第一个参数可以是字符串形式的代码，但不推荐，推荐写成匿名函数模式，防止性能下降。调用该方法后会返回一个数值ID，是计划执行代码的唯一标识符，可通过clearTimeout（数值ID）的方法取消。

6、setInterval（）和clearInterval（）间歇调用。

7、location对象既是window对象的属性，又是document对象的属性。window.location和document.location引用的是同一个对象。

8、创建一个函数，用于解析查询字符串，然后返回包含所有参数的一个对象：

function getQueryStringArgs(){

    var qs=(location.search.length>0?location.search.substring(1):""),

        args={},

        items=qs.length?qs.split("&"):[],

        item=null,

        name=null,

        value=null,

        i=0,

        len=items.length;

    for(i=0;i<len;i++){

        item=items[i].split("=");

        name=decodeURIComponent(item[0]);

        value=decodeURIComponent(item[1]);

        if (name.length) {

            args[name]=value;

        }

    }

    return args;

}

第九章 客户端检测

1、可使用双逻辑非操作符得到布尔值。

2、客户端检测方法：能力检测、怪癖检测、用户代理检测。优先考虑使用能力检测。

第十章 DOM

1、DOM是针对HTML和XML文档的一个API，DOM描绘了一个层次化的节点树，允许开发人员动态的添加、移除和修改页面的一部分。

2、文档元素是文档的最外层的元素，文档中的其他所有元素都包含在文档元素中。每个文档只能有一个文档元素。在HTML页面中，文档元素始终都是<html>元素。

3、所有节点类型都继承自Node类型，因此所有节点都共享着相同的基本属性和方法。

4、对于元素节点，nodeName中保存的始终是元素的标签名，而nodeValue的值始终是null。

5、对arguments对象使用Array.prototype.slice（）方法可以将其转换为数组。如：var arrayOfNodes=Array.prototype.slice.call（someNode.childNode，0）；

6、如果传入到appendChild（）中的节点已经是文档的一部分了，那结果就是将该节点从原来的位置转移到新位置。例如传入firstChild，那么它将变为lastChild。

7、在通过JS以编程方式操作DOM时，开发人员经常不适用getAttribute（），而只是使用对象的属性。只有在取得自定义特性值的情况下，才会使用getAttribute（）方法。

8、NodeList、NamedNodeMap、HTMLCollection这三个集合都是动态的，每当文档结构发生变化，他们都会得到更新。

9、理解DOM的关键，是理解DOM对性能的影响。DOM操作往往是JS程序中开销最大的部分，因而访问NodeList导致的问题最多。每次访问都会运行一次查询，因此最好尽量减少DOM操作。

js-JavaScript高级程序设计学习笔记6的更多相关文章

  1. JavaScript高级程序设计---学习笔记（一）

    今天,2017.3.17开始利用课余时间仔细学习<JavaScript高级程序设计>,将需要掌握的知识点记录下来,争取把书里的所有代码敲一遍并掌握. 1.标识符命名最好是第一个字母小写,剩 ...

  2. javascript高级程序设计学习笔记

    javascript高级程序设计,当枕头书已经好久了~zz  现在觉得自己在js的开发上遇到了一些瓶颈,归根究底还是基础太薄弱,所以重新刷一遍js高程希望有更新的认识. 一.javascript简介 ...

  3. javascript 高级程序设计 学习笔记

    <!--<script> // 异步请求封装 IE6即以上浏览器 // ajax(url,fnSucc,selectID,fnFaild) //url 请求地址 //fnSucc 异 ...

  4. JavaScript高级程序设计---学习笔记（二）

    面向对象程序设计1.属性类型.定义多属性.读取属性特性对象的属性在创建时都带有一些特征值,JavaScript通过这些特征值来定义它们的行为.这些特性是为了实现JavaScript引擎用的,因此不能直 ...

  5. JavaScript高级程序设计学习笔记--DOM

    DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序接口). Document类型 文档的子节点 虽然DOM标准规定Document节点的子节点可以是DocumentType,Ele ...

  6. Javascript高级程序设计学习笔记一

    看完w3school的javascript的概念,有点基础,开始红皮书的路程,今晚总结前二章的心得. 第一章:javascript简介 重点是javascript的实现是由 ECMAScript(核心 ...

  7. JavaScript高级程序设计学习笔记--面向对象的程序设计（二）-- 继承

    相关文章: 面向对象的程序设计(一) — 创建对象 http://www.cnblogs.com/blackwood/archive/2013/04/24/3039523.html 继承 继承是OO语 ...

  8. JavaScript高级程序设计学习笔记第十章--DOM

    1.DOM:文档对象模型,是针对 HTML 和 XML 文档的一个 API(应用程序编程接口). 2.DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构. 3.文档节点是每个 ...

  9. JavaScript高级程序设计学习笔记第一章

    作为学习javascript的小白,为了督促自己读书,写下自己在读书时的提炼的关键点. 第一章: 1.JavaScript简史:Netscape Navigator中的JavaScript与Inter ...

  10. JavaScript高级程序设计学习笔记之事件

    1.事件流 事件流描述的是从页面中接收事件的顺序. 事件冒泡 IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播 ...

随机推荐

  1. Java的jar文件安装成windows 服务

    Java的jar文件安装成windows 服务: 1.下载:nssm,复制到jar文件目录下 2. jar文件目录下创建bat文件[run.bat],内容为[java -jar 文件名.jar] 3. ...

  2. Linux 信号详解五（信号阻塞，信号未决）

    信号在内核中的表示 执行信号的处理动作成为信号递达(Delivery),信号从产生到递达之间的状态称为信号未决(Pending).进程可以选择阻塞(Block)某个信号. 被阻塞的信号产生时将保持在未 ...

  3. FFmpeg中HLS文件解析源码

    不少人都在找FFmpeg中是否有hls(m3u8)解析的源码,其实是有的.就是ffmpeg/libavformat/hlsproto.c,它依赖的文件也在那个目录中. 如果要是单纯想解析HLS的话,建 ...

  4. SpringMVC源码分析系列

    说到java的mvc框架,struts2和springmvc想必大家都知道,struts2的设计基本上完全脱离了Servlet容器,而springmvc是依托着Servlet容器元素来设计的,同时sp ...

  5. 在线音乐网站【04】Part two 功能实现

       上一篇博客里面已近总结了三个功能的具体实现,今天把剩余功能的具体实现补充总结,如果你想对整个小项目有清楚的了解,建议去看下前几篇博客. 1.在线音乐网站(1)需求和功能结构 2.在线音乐网站(2 ...

  6. SignalR与ActiveMQ结合构建实时通信

    一.概述 本教程主要阐释了如何利用SignalR与消息队列的结合,实现不同客户端的交互 SignalR如何和消息队列交互(暂使用ActiveMQ消息队列) SignalR寄宿在web中和其他Signa ...

  7. 创业这三年￥.NET之尴尬处境

    创业这三年#迈出第一步 创业这三年@各种奇遇 之前写的文章有兴趣的大家可以看看. 本来没有打算写这样一篇会遭人拍砖的文章,但是发现大家每天忙于编码,对市场环境..Net生态没有一个真实.多角度的认识, ...

  8. Windows8.1画热度图 - 坑

    想要的效果 如上是silverlight版本.原理是设定一个调色板,为256的渐变色(存在一个png文件中,宽度为256,高度为1),然后针对要处理的距离矩阵图形,取图片中每个像素的Alpha值作为索 ...

  9. 后缀树（BZOJ3238TLE）

    #include<cstdio> #include<cstring> #define LL long long ],stt[]; LL ans; ,sidcnt,lastcre ...

  10. C++命名规范

    1.1    类型名 首字母大写,末尾加_T.如: class TnppCoverageArea_T{…}; 1.2    1.2 变量和函数名 变量和函数名中首字母小写,其后每个英文单词的第一个字母 ...