JS学习基础

1. JS的标准:ECMAScript,简称ES。

  • ECMAScript是一个标准文档,需要浏览器厂商去实现,不同厂商有不同的实现(不同引擎)。
  • ES是标准,JS是实现。

2. JavaScript包括3部分:

  • ECMAScript 标准
  • DOM  文档对象模型 提供一组对象可以操作网页 通过JS操作网页
  • BOM  浏览器对象模型 提供一组对象可以操作浏览器 通过JS操作浏览器

3. JS语言特点:

  • 解释性语言(不用编译直接运行) 
  • 类似于C和Java的语言结构
  • 动态语言 (变量的值任意,可以保存任意类型的数据)
  • 基于原型的面向对象 (也是面向对象的语言)

4. JS基本语法:

  • JS中严格区分大小写
  • JS中每一条语句以分号结束。(不加分号浏览器会自动添加,但会消耗系统资源,也可能会加错分号,所以开发中分号必须写)
  • JS会忽略多个空格和换行,可以利用空格和换行进行格式化,规范代码

5. 概念

  • 字面量:不可改变的值(1,2,3,4,5等),可以直接使用,但一般不会直接使用。
  • 变量:可以用来保存字面量,可以任意改变。更加方便使用,开发中都是通过变量去保存一个字面量,很少使用字面量。
  • 标识符:JS中所有的可以由我们自主命名的都可以称为是标识符(变量名,函数名,属性名),需要遵循以下命名规则 (JS底层保存标识符采用的是Unicode编码,理论上所有utf-8中含有的内容都可以作为标识符)
  1. 标识符可以包含字母,数字,_ ,$
  2. 不能以数字开头
  3. 标识符不能是关键字和保留字
  4. 一般采用驼峰命名法(首字母小写,每个单词开头字母大写)

6. JS数据类型(字面量类型)一共6种(前5种是基本数据类型)

  • String 字符串 (字符串中可以使用 \ 作为转义字符,当表示一些特殊的符号时可以使用 \ 进行转义。\" 表示 ",\' 表示 ',\n表示换行,\t 表示制表符)
  • Number 数值  (所有数值都是Number类型,包括整数和浮点数。Number.MAX_VALUE表示最大值,超出这个值打印结果为Infinity,Number.MIN_VALUE表示0以上的最小值。Number.MAX_VALUE表示表示正无穷。NaN是特殊数字,表示Not a Number)
  • Boolean 布尔值 (只有两个值True/False)
  • Null 空值  (只有一个值null,用来表示一个为空的对象,typeof null返回object)
  • Undefined 未定义 (只有一个值undefined,声明变量但没赋值时为undefined)
  • Object 对象类型 (引用数据类型)

7. 检查变量类型

  • typeof

8. 强制类型转换

  • 其他类型转String:toString()方法;String()函数  (null和undefined没有toString()方法)
  • 其他类型转Number:Number()函数  (字符串->数字:1.纯数字字符串直接转数字 2.有非数字内容转为NaN 3.若干空格转为0。null->数字0 。undefined->转为NaN.)parseInt()函数 将字符串中的有效整数去出来;parseFloat()函数 将字符串中的有效浮点数去出来
  • 其他类型转Boolean:Boolean()  0和NaN, 空串, undefined及null会转为false;非0数字,非空串和对象会转true

9. 其他进制:在js中,以0x开头表示16进制数;以0开头表示8进制数;以0b开头表示2进制数

网上有人分享经验,说到学习前端开发技术JavaScript很实用的一些书籍,从入门到高级,一一列举,很不错。整理了一下发上来。 名称: JavaScript+DOM编程艺术.pdf 概述: “本书理应奉为经典。文笔清晰,采用了优秀的编程原则,严格遵守相应的标准。真是完美的结合。” ——Slashdot “我要隆重推荐本书。它前所未有地演示了DOM脚本编程的真正潜力。无论你是JavaScript新手还是专家,本书都绝对必读。”——Garrent Dimon,Digital-Web.com 随着Ajax的兴起,JavaScript再一次成为炙手可热的技术。然而,在历史上,它并不是一直这么幸运,由于主流浏览器之间的不兼容,以JavaScript为核心的DHTML曾经昙花一现,很快被人遗忘。 俱往矣,如今的网页设计已经翻开了新的一页。在CSS彻底改变了Web页面布局的方式之后,万维网联盟跨浏览器的DOM标准的制定,使JavaScript终于突破瓶颈,成了大大改善网页用户体验的利器。 本书在简洁明快地讲述JavaScript和DOM的基本知识之后,过几个实例演示了大师级的网页开发技术,并透彻阐述了一些至关重要的JavaScript编程原则和最佳实践,包括预留退路、循序渐进和以用户为中心等。读者可以非常直观地加以领悟,迅速使自己的编程技术更上一层楼。 第1章 JavaScript简史  1.1 JavaScript的起源  1.2 浏览器之争  1.3 制定标准  1.4 小结 第2章 JavaScript语法  2.1 准备工作  2.2 语法  2.3 语句  2.4 变量  2.5 操作  2.6 条件语句  2.7 循环语句  2.8 函数  2.9 对象  2.10 小结 第3章 DOM  3.1 文档:DOM中的“D”  3.2 对象:DOM中的“O”  3.3 模型:DOM中的“M”  3.4 趁热打铁  3.5 小结 第4章 案例研究:JavaScript美术馆  4.1 编写标记语言文档  4.2 编写JavaScript函数  4.3 JavaScript函数的调用  4.4 对JavaScript函数进行功能扩展  4.5 小结 第5章 JavaScript编程原则和良好习惯  5.1 不要误解JavaScript  5.2 预留退路  5.3 向CSS学习  5.4 分离JavaScript  5.5 向后兼容性  5.6 小结 第6章 案例研究:JavaScript美术馆改进版  6.1 快速回顾  6.2 解决“预留退路”问题  6.3 解决“分离JavaScript”问题  6.4 JavaScript函数的优化:不要做太多的假设  6.5 DOM Core和HTML-DOM  6.6 小结 第7章 动态创建HTML内容  7.1 [removed]()方法  7.2 innerHTML属性  7.3 DOM提供的方法  7.4 重回“JavaScript美术馆”  7.5 小结  7.6 下章简介 第8章 充实文档的内容  8.1 不应该做的事情  8.2 把“不可见”变成“可见”  8.3 原始内容  8.4 XHTML文档  8.5 CSS  8.6 JavaScript代码  8.7 小结  8.8 下章简介 第9章 CSS-DOM  9.1 三位一体的网页  9.2 style属性  9.3 何时该用DOM脚本去设置样式信息  9.4 className属性  9.5 小结 第10章 用JavaScript实现动画效果  10.1 何为动画  10.2 实用的动画  10.3 改进动画效果  10.4 最后的优化  10.5 小结 第11章 学以致用:JavaScript网站设计实战  11.1 案例背景介绍  11.2 页面视觉效果设计  11.3 CSS  11.4 颜色  11.5 XHTML文档  11.6 JavaScript脚本  11.7 小结  11.8 下章简介 第12章 展望DOM脚本编程技术  12.1 Web的现状  12.2 Ajax技术  12.3 Web应用  12.4 小结 附录 DOM方法和属性
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值