JavaScript DOM编程艺术(第二版)读书笔记 ——(一)

  学习和工作中经常会通过搜索引擎的引导进入到博客园中,技术大牛们的知识概括往往一针见血解决了困扰我很久的大大小小的问题。可是一直都是看别人写的博客,自己一直没动过手,直到看到一个博客说到,从简到繁地记记读书笔记或知识总结是促进技术进步的一个很好的方法,觉得非常在理,学习后的整理更能记得牢固,于是最近下定决心,开始我的博客园“生活”。

  说了从简到繁,作为一个前端小小小小白,我决定把经典的前端书籍的读书笔记写在这里,说不定以后遗忘的时候返回来看到会有豁然开朗的感觉(偷笑)。

  •   第一章——JavaScript简史

  以前的Web标准中,HTML和CSS通常占据着核心的地位,后来W3C批准了另一项技术,所有与标准相兼容的Web浏览器都支持它,这就是DOM(文档对象模型:Document Object Model)。通过DOM我们可以给文档增加交互能力,就像利用CSS给文档添加样式一样。

  初期DOM是属于试验性质的,称为“第0级DOM(DOM Level 0)”,未形成统一标准初期阶段,第0级DOM常见用途是翻转图片和验证表单数据,直到浏览器产品的更新,DOM Lv0遇到麻烦陷入困境。

  而后诞生DHTML(动态HTML),背后含义是(1)利用HTML把网页标记成元素;(2)利用CSS设置元素样式和它们的显示位置;(3)利用Javascript实时地操控页面和改变样式。但以上三点只是理论可行,受浏览器兼容性的困扰,解决DOM问题时没有统一的方法。使得当时的程序猿编写DOM脚本时还要区分不同浏览器环境,直到1998年W3C推出了一个标准化DOM,称为“第一级DOM”

  直到今天几乎所有浏览器都内置了对DOM的支持,还有HTML5 DOM带来的众多新特性,逐渐终于可以“编写一次,随处运行”了。

  •   第二章——JavaScript语法

  JS代码必须通过HTML/XHTML文档才能执行,执行可以有两种方式:

  1、将JS代码放在<head>标签中的<script>标签之间;

  2、把JS代码另存在一个扩展名为.js的独立文件中,通过HTML中放一个<script>标签,并使用src属性指向文件,例如<script src = "file.js"></scirpt>。

  但最好的方法是把<script>标签放在HTML文档的最后,</body>标签之前,即:

   <body>
    body的内容......
    <script src = "file.js"></scirpt>
  </body>

  这样能使浏览器更快地加载页面(书的第5章详细讨论)。

  每一次改变.js文件的内容,只需要在浏览器重新载入.html文件即可看到效果,这就是JS这种解释型程序设计语言与Java、C++等编译型语言需要编译器不同的地方。JS直接由浏览器的JS解释器读入源代码并执行。

  JS语句在同一行中需要用分号隔开;注释可以使用“//”或者“/* .....  */”进行多行注释;变量声明可以单独,也可以一次性声明多个,变量命名区分大小写,建议采用驼峰命名法;JS中单引号或双引号引住的字符串在JS这种弱类型语言中语义完全相同;数据类型含有字符串、数值、布尔值、数组(数组下标从0开始)、对象。

  如果在某个函数中使用了var关键字,那个变量就被视为一个局部变量,它只存在于这个函数的上下文中;反之,如果没有使用var,那个变量就将被视为一个全局变量,如果脚本里已经存在一个与之同名的全局变量,这个函数就会改变那个全局变量的值。

  对象是自包含的数据集合,包含在对象里的数据可以通过两种形式访问——属性、方法。(1)属性是隶属于某个特定对象的变量;(2)方法是只有某个特定对象才能调用的函数。所以对象就是由一些属性和方法组合在一起而构成的一个数据实体。Math对象和Date对象等这些属于JS的内建对象。此外,浏览器预定义的对象称为宿主对象,例如Form、Image、Element等。document对象也是宿主对象,用来获得网页上任何一个元素的信息。

时间: 2024-10-07 12:35:14

JavaScript DOM编程艺术(第二版)读书笔记 ——(一)的相关文章

JavaScript DOM编程艺术第二版学习(1/4)

---恢复内容开始--- 接下来项目需要网页相关知识,故在大牛的指引下前来阅读本书. 当前水平:HTML&CSS&JS基本掌握,能在阅读文档以及Google查找的情况下完成前端代码编写,但是学习不深,HTML5&CSS3新特性.JS基础&框架皆不熟悉 读书目的:了解DOM概念并通过训练熟悉掌握,了解JS特性 博客目的:督促自己学习并记录下过程 博客编写时读书进度:第6章完结 阅读规划: 浏览目录之后,总结该书学习思路大致如下(其实就是生搬目录): 简史->最基础语法-

&lt;&lt;Javascript Dom 编程艺术(第二版)&gt;&gt;摘录

Time flies, my friends. Hope you could stop for a while for my contribution, for your future. 1.节点分为不同的类型:元素节点,属性节点,文本节点. 2.文档中的每个元素节点都是一个对象. 3.onclick事件处理函数所触发的javascript代码里增加一条return false,可以防止用户被逮到目标链接窗口.eg:<a href=‘images/fireworks.jpg’ onclick=’

Javascript Dom编程艺术(第2版)读书笔记

Javascript Dom编程艺术这本书我看的是第2版的,真心觉得这本书不错,它将DOM编程的一些基本原则,及如何让Javascript代码在浏览器不支持的情况下,或浏览器支持了Javascript但用户禁用它的情况下做到平衡退化,让最基本的操作仍能顺利完成,以及如何让结构与样式分享做到真正的渐近增强叙述得很清楚,也很容易理解接受.我也是看了这本书之后,才对代码优化,结构,行为,样式有了进一步的加深理解. Javascript Dom编程艺术(第2版)读书笔记,布布扣,bubuko.com

JavaScript DOM编程艺术 读书笔记

3 DOM DOM分别指document,object和model. DOM中包含的节点主要分为三种:元素节点.文本节点和属性节点.DOM的原子是元素节点,标签的名字就是元素的名字,元素可以包含其他的元素.没有被包含在其他元素里的唯一元素是<html>元素,它是树节点的根元素:在XHTML文档里,文本节点总是被包含在元素节点的内部.但并非所有的元素节点都包含有文本节点:属性节点用来对元素做出更具体地描述. 有3种DOM方法可获取元素节点,分别是通过元素ID.通过标签名字和通过类名字来获取. 1

Javascript DOM 编程艺术读书笔记16/04/01

愚人节快乐 开始用webstorm了,随着学习深入,代码越来越长,因为不借助ide还真是挺难的 今天发现了一个严重的误区,text和textNode是完全不同的两个概念,之前没有特别注意,写代码很容易跳过createTextNode直接用parentNode.appendChild(text) 单独拎出来晒一晒,以后引以为戒 Javascript DOM 编程艺术读书笔记16/04/01

《javascript dom编程艺术》笔记(二)——美术馆示例

这几天把这本书看完了,里面大部分知识我已经会了,所以看得就略简单,好多地方都没有再去动手去做,我知道这样是不对的,以后补吧. 现在我要做的是把这本书的笔记完结掉,不然总觉得有啥事没有做. 这个版本不是书中的最后版本,好像是第二版吧.后面还有动态创建结点的一版本,我已经在别的地方实践过了,就不再做了. 只贴出两个函数. //显示图片方法 function showPicture (whichpic) { //综合绑定的事件考虑,条件执行失败,希望浏览器可以让用户打开图片,因此在onclick处re

JavaScript DOM编程艺术学习笔记(一)

嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推荐给想了解HDOM的相关人员!首先非常感谢作者写出了这么好的一本书,谢谢!书中的内容比较多,我仅记下我认为对自己和他人有所帮助的一些内容! 嗯,首先还是让代码来说话吧! 下面是两段此书中反复强调且通用的经典代码段 1:相当的经典和实用,尤其是当需要为页面加载函数绑定多个函数的时候 /** * [addLoad

《JavaScript DOM 编程艺术》 ——笔记

以下只是个人的读书笔记,限于本人的知识局限性,可能有偏差.请见谅,欢迎指出问题. 1.本书的名字就是<JavaScript DOM 编程艺术>,那么首先什么是DOM呢? DOM-Document Object MOdel,按字面上的意思翻译就是文本对象模型.“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容.结构和样式.” 它将网页抽象成一个节点树: <!DOCTYPE html> <html lang="en&

《javascript dom编程艺术》笔记(一)——优雅降级、向后兼容、多个函数绑定onload函数

刚刚开始自学前端,如果不对请指正:欢迎各位技术大牛指点. 开始学习<javascript dom编程艺术>,整理一下学习到的知识.今天刚刚看到第六章,记下get到的几个知识点. 优雅降级 看到版本翻译为预留退路,刚刚看到个名词,我觉得很奇怪,以前没有听说过啊.不过看到英文注释就知道了Graceful degradation不就是优雅降级么,听说过! 书中举了个例子,点击一个链接,弹出一个窗口的方法. function popUp(WinURL){ window.open(WinURL,&quo

《javascript DOM 编程艺术》学习笔记(一)

书籍已经看完了前六章的内容,有了一定的编程基础后觉得本书内容相对来说过于简单,应该是完全针对于初学者的(或者如作者所说是写个Web设计师的),作者在表述一个问题,一句代码都解释得非常啰嗦与重复,不过从书中学习到更多的,也是作者想让读者体会的是让大家理解DOM脚本编程技术背后的思路和原则,作者特别以早期Javascript的滥用来强调Web的规范与标准,这一点是非常值得学习的,也是一个程序员的基本素养. 截止到第六章,将所学到的知识点归纳如下: 1.基本语法:与php一样是弱类型语言,虽然功能强大