乐趣区

关于程序员:JavaScript-DOM编程艺术第2版的简单总结

介绍

JavaScript DOM 编程艺术(第 2 版)次要讲述了 JavaScript、DOM 和 HTML5 的基础知识,着重讲述了 DOM 编程,并通过几个实例演示了具备业余水准的网页开发。

上面介绍一下各章节的讲到的内容。

第 1 章 JavaScript 简史

本章次要解说 JavaScript 的倒退简史、不同的浏览器会采纳不同的方法来实现一样的工作,这会影响 JavaScript 的倒退,而 DOM 标准化,让这种状况有所扭转。而本书要讲的就是 JavaScript 和 DOM 一起实现的工作,不须要探讨浏览器。

第 2 章 JavaScript 语法

本章次要是在应用 DOM 之前,学习一下 JavaScript 语法。次要是解说语法(语句 / 正文 / 变量 / 数据类型 / 数组 / 对象 /)、用于计算和解决数据的操作符、应用 if/if-else/if-else if-...-else 的条件语句、循环语句、函数等在上面能用到的语法。

第 3 章 DOM

本章次要解说 DOM 由文档、对象和模型三者组成,和三者在其中表白的意思。还有 DOM 提供了五个办法,用于操作 DOM 模型:getElementById/getElementsByTagName/getElementByClassName/getAttribute/setAttribute。除了上述的这些,还提供了许多其它的属性和办法,如 nodeName/nodeValue/childNodes/nextSibling/parentNode等。

第 4 章 案例钻研:JavaScript 图片库

本章介绍了一个简略的 JavaScript 利用案例,和 DOM 提供的几个新属性:childNodes/nodeType/nodeValue/firstChild/lastChild。重点就是如何利用 DOM 提供的办法去编写图片库脚本和如何利用事件处理函数把 JavaScript 代码与网页集成在一起。

第 5 章 最佳实际

本章介绍了一些与 DOM 脚本编程工作无关的概念和实际,如安稳进化、拆散 JavaScript、向后兼容和性能思考。

第 6 章 案例钻研:图片库改进版

本章次要是对上述案例的图片库进行多项优化,将 HTML 标记变得更加参差。还提供一个根本的 CSS。还有最重要的 JavaScript 代码的改良。

  • 尽量让 JavaScript 代码不再依赖于没有保障的假如,为此引入许多项测试和查看。测试和查看能使 JavaScript 代码可能安稳进化。
  • 没有应用 onkeypress 事件处理函数,使得 JavaScript 代码的可拜访性失去保障。
  • 最重要的是把事件处理函数从标记文档拆散到一个内部的 JavaScript 文件。使得 JavaScript 代码不再依赖于 HTML 文档的内容和构造。

第 7 章 动态创建标记

本章次要介绍几种不同的向浏览器的文档动静增加标记的方法。

  • createElement办法。
  • createTextNode 办法。
  • appendChild办法。
  • insertBefore办法。

并且还简要地回顾两种“传统的”技术:

  • document.write办法。
  • innerHTML属性。

应用这些办法的要害是将 Web 文档视为节点树。要留神,用 createElement/createTextNode办法创立的节点还没有插入到 HTML 中。利用 appendChild/insertBefore办法,能够将这些 DocumentFragment 对象插入某个文档的节点树,让它们出现在浏览器窗口中。

这一章还讲到了对图片库如何做进一步改良。这里,有一个实用的 insertAfter 函数的构建过程。在须要把一些标记增加到文档时,这个函数往往能帮上忙。

第 8 章 空虚文档的内容

本章次要介绍应用 JavaScript 语言和 DOM 去保护和创立标记。用以空虚文档的内容。次要是 JavaScript 和 DOM 的应用情况。

第 9 章 CSS-DOM

本章次要介绍 CSS-DOM 技术是如何失去和设置 style 对象的各种属性,而 style 对象自身又是文档中的每个元素节点都具备的属性。

style 属性的最大限度是它不反对获取内部 CSS 设置的款式。但仍能够利用 style 属性去扭转各种 HTML 元素的出现成果。这在无奈或是难以通过内部 CSS 去设置款式的场合十分有用。只有有可能,就应抉择更新 className 属性,而不是去间接更新 style 对象的无关属性。

在本章中,次要介绍了以下几种 CSS_DOM 技术的具体利用示例。

  • 依据元素在节点树里的地位设置款式(styleHeaderSiblings函数)。
  • 遍历一个节点汇合设置无关元素的款式(stripeTables函数)。
  • 在事件产生时设置无关元素的款式(highlightRows函数)。

这几种利用都属于用 JavaScript 入侵 CSS 领地的状况,而这么做的理由不外乎两点:其一是 CSS 无奈找到想要解决的指标元素,其二是用 CSS 寻找指标元素的方法还未失去宽泛的反对。

第 10 章 用 JavaScript 实现动画成果

本章次要讲的是应用 JavaScript 实现动画成果。首先对“动画”进行了定义:随工夫变动而扭转某个元素在浏览器窗口里的显示地位。通过联合应用 CSS-DOM 和 JavaScript 的 setTimeout 函数,很容易实现一个简略的动画。

在这里,次要是应用 JavaScript 创立的动画,使得图片库可能有平滑的动画成果和安稳进化。

第 11 章 HTML5

本章次要解说 HTML5 以及应用 Modernizr 等工具检测个性的重要性。同时编写几个例子来相熟应用 HTML5 的个性。这里介绍的 HTML5 的新个性包含:

  • 能够用来在文档中绘制矢量及位图的 <canvas> 元素。
  • 能够免插件而间接在网页中嵌入音频和视频的 <audio><video> 元素。
  • 能够提供更宽泛抉择的新的表单控件类型以及新的属性。

第 12 章 综合示例

本章次要是学以致用,将下面的常识退出到你创立的网站中。这里次要把内容放在无效的、语义化的 HTML5 标签外面,并用内部样式表实现整个外观设计。最初,利用 JavaScript 和 DOM 为它增加诸多交互性能及可用性方面的加强。

到这里就曾经学完了书中的内容并利用到理论,构建残缺的站点。然而,前端之路也才刚开始,本书只是 JavaScript 入门书籍,都是围绕 DOM 技术进行编程。

如想获取本资源请按以下步骤操作:

  • 辨认二维码并关注公众号「海人的博客」
  • 在公众号后盾回复关键字「1367」

退出移动版