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

好不容易抄完了这本书上代码,现在简要的从头整理一下。

前两章简要介绍了JavaScript的语法,因为这本书主要讲DOM,所以这里比较简单,基本上是一带而过。

第一章  JavaScript简史。了解就好,不管这个。

第二章  JavaScript语法。

1.语句(statement)后应该加分号,这是一种需要养成的良好的编程习惯。

2.注释(comment) 单行注释//,多行注释/*     */。

3.变量(variable),赋值(assignment),声明(declare),字面量(literal)

JavaScript可以不声明变量就赋值,但这不是一种良好的习惯,可以一条语句声明多个变量。

JavaScript里变量名字区分大小写,允许包含字母、数字、$和下划线(但第一个字符不能是数字),不允许包含空格和标点符号($除外)。

4.JavaScript是弱类型(weakly typed)语言,意味着可以在任何时候改变变量的数据类型。

字符串(string)、数值(number),布尔值(boolean)都是标量(scalar)   在这本书只是简单的介绍了一下。

5.数组(array) 数组是指用一个变量表示一个值的集合,集合中的每个值都是这个数组的一个元素(element)。

数组元素个数就是数组的长度(length);想数组中添加元素叫做填充(populating)。

声明方法:var beatles = Array(number); var beatles=[];var beatles = new Array();

填充:array[index]=element;数组元素可以是各种数据类型,甚至可以混合存放,甚至可以包含其他数组

关联数组:可以用字符串代替数字值。本质上,在创建关联数组时,你创建的是Array对象的属性。作者不建议这种做法。(虽然他在后来用了)

1 var lennon = Array();
2 lennon["name"] = "John";
3 lennon["year"] = 1940;
4 lennon["living"] = false;

6.对象(object)是自包含的数据集合,包含在对象里的数据可以通过两种方式来访问——属性(property)、方法(method)

属性是隶属于某个特定对象的变量;方法是只有某个特定对象才能调用的函数。在JavaScript里,属性和方法都用“点”语法访问。

Object.property;
Object.method();

这本书也只是简单的介绍了一下对象,并没有深入认识。

7.变量的作用域(scope),变量既可以是全局的也可以是局部的。

全局变量(global variable)可以在脚本的任何位置被引用。局部变量(local variable)只存在于声明它的那个函数的内部,在外部无法引用。

时间: 2024-10-09 07:07:05

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

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

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

<<Javascript Dom 编程艺术(第二版)>>摘录

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一样是弱类型语言,虽然功能强大