JavaScript DOM 编程艺术2 读书笔记

本文是@愚木头_ 在前端开发博客发表的一篇JavaScript DOM2 编程艺术2的读书笔记,看得出是经过认真的学习和思考后写出来的东西,想当年我刚开始学习CSS和JavaScript时也是这样子做笔记的,就是首先跟着书的思路,然后抄下那些有用的东西,时间久而久之就记住了。特此发出来给大家,希望愚木头能够继续坚持下去,也欢迎我们的读者登录发表发表自己的文章。如果写得好,也会有一些奖励哦。

比较好的学习方法,是深入的读几本 较为经典的好书。这才是受益最快的方式。今天 我摘录 JavaScript 编程艺术第2版中简明扼要的重点,以便大家,查阅。
当然笔者认为:最好的做法,是自己认认真真的阅读!(不要觉得这本书 很简单 ,把简单夯实 才能晋级复杂的操作);

JavaScript起源:

JavaScript是Netscape公司 和 sum 公司合作开发的。推出时间是95年;(具体的版本发布时间 和过程 不做赘述) ;(以后简称 js)

JavaScript语言类型:

js是 一种脚本语言,也可以称为解释性语言,需要有web浏览器进行解释和执行;

js DOM :

什么是DOM?简单的说,DOM是一套对文档抽象和概念化;(解释一下 js里的抽象,是从对象里抽离出来 共性,然后 一种可以说是意义上的类。注明 个人理解);

DOM是一种API(应用编程接口);(个人理解,就是 与HTML js 所建立的关联方式);

DHTML:

DHTML(是一种简称,动态的HTML css js的结合),只是一个名字而已,与万维网没有如何关系;

js 语法

语法 是ECMAScript 核心语言之一;其他包含 ( 语句 关键字 操作符 等等);
语法就是一些应有的规范,比如说话一样,标准的普通话就有一套严格的语法;

js语句:

语句 就是一段句子,可长可短,可分行,也可以多条语句 同一行;如下:

var x = 1, y = 2;

(继续增加变量语句也是可以的);强烈建议语句结束时 每条语句末尾 加上分号;

js注释:

js注释分单行注释如:

//我被注释了;
多行注释如:
/*
我被注释了
我被注释了
*/

注释 是 便于有效的读写,利于以后的维护(注释中的内容,浏览器中 是不可见的);

js变量:

变量是可变的量;(个人觉得这种解释不太好,个人理解 变量是一个类型值的缩写,也是一个指针,代表它背后的数据类型);

变量声明,需要用var 声明,如 var x;

不用var 声明的也可以 它将是全局变量;如: x; 也属于变量,但不推荐这样做;

局部变量:怎么辨别局部 与全局变量 ? 用var 定义在函数里的变量就是局部变量;

变量名字 允许包含字母,数字,下划线,但不允许 变量名第一个是数字,或中间有空格间隔;

如 : var 1abc = 15; var ab c = 15; 这样的变量名都是错误的; 常用驼峰命名法;如 var myBox = 'string';

数据类型:

​js属于弱类型语言,变量可以保存任意类型的值;

以下是 几种主要的数据类型:

1.string

字符串由多个字符构成,字符包括 字母、数字、空格和标点符号;

字符串必须包在引号里,单引号或双引号都可以,但必须要一致,

如 var str = '你好'世界'; //这样是错误的;
如 var str = '你好\'世界'; //可用反斜杠 转义;

2.number

数值可以是整数,也可以是小数点数值;

数值前面带有- 减号就是负数

如 var num = -10;//负数
如 var num = 10;//整数
如 var num = 10.11;//浮点数

3.boolean

布尔类型只有两个值 true 和false;真 或 假;

数组:

简而言之,就是一组数据类型,

声明一个数组 var num = Array(4); //这里的4 意味数组的长度单位;

var num = Array(4);
num[0] = "red";
num[1] = "blue";
num[2] = "gray";
num[3] = "yellow";

数组的计数单位是从0 开始的;

也可以数组字面量 创建数组:

var arr = ["red", "blue", "gray", "yellow"]; //最后的值后面不要写 逗号,IE 6 会出错;

注明 简短结束,以后会持续 续写,希望各位老师 同学 对指正 批评。(笔者 愚木头)


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流