JavaScript学习(零)前引
一)概述
JavaScript是一个面向web的编程语言,一种解释性语言,边执行边解释。也是一种基于对象(Object)和事件驱动(EventDriven)的,安全性好的脚本语言,语法和java类似。一般用来编写客户端脚本,运行在客户端,从而减轻服务器端的负担。
前端开发工程师必须掌握的三种技能之一:
描述网页内容的HTML、描述网页样式的CSS以及描述网页内容的JavaScript。
它主要使HTML静态页面变成动态操作。废话不多说,接下来对JavaScript进行剖析,细节的话,之后的文章会讲到。
二)JavaScript的基本数据类型
1.原始类型(不可变):
字符串 String
数字 Number
布尔 Boolean
2.对象数据类型(可变):
数组 Array(特殊)
对象 Object
注释:JavaScript中最重要的数据类型就是数组和对象。
3.特殊原始类型:
Null 空对象
Undefined 未定义
注意: Null与ndefined的区别?
null 表示无值,而 undefined 表示一个未声明的变量,或已声明但没有赋值的变量,或一个并不存在的对象属性。
三)展示JavaScript语言核心特性
1.如何在文档中查找元素?
2.如何通过表单input元素来获取用户的输入数据?
3.如何通过文档元素来设置HTML内容?
4.如何将数据存储在浏览器中?
5.如何使用脚本发起HTTP请求?
6.如何利用<canvas>元素绘图?
四)构造函数
如果函数用来初始化(使用new运算符)一个新建对象,我们称之为构造函数。
其中JavaScript语言核心定义了三种有用的类:
日期类:代表日期的对象。
正则类:表示正则表达式。
错误类:JavaScript程序中运行时错误和语法错误的对象。
五)需要掌握的知识点
1.词法结构
注释、变量、标识符、保留字
2.类型、值、变量
运算符、日期和时间、字符串(文本)、基本数据类型、类型转换、表达式
3.object对象
属性、JSON(数据格式)
4.函数
嵌套函数、传参
5.正则表达式
直接量字符、字符类、重复字符、锚字符、修饰符
提示:正则表达式是一个描述字符模式的对象。
6.服务器端JavaScript
解释器、HTTP服务器
7.客户端JavaScript
html动态、<script>元素、脚本类型、URL、Web浏览器、jquery框架
8.window对象
浏览器窗口(相当于一个框架)的定义
9.DOM文档对象模型
文档元素和属性
10.BOM浏览器对象模型
浏览器属性和行为
注意:JavaScript的BOM和DOM有什么区别?
BOM是浏览器对象模型,用来获取或设置浏览器的属性、行为,例如:新建窗口、获取屏幕分辨率、浏览器版本号等。
DOM是文档对象模型,用来获取或设置文档中标签的属性,例如获取或者设置input表单的value值。
BOM的内容不多,主要还是DOM。
由于DOM的操作对象是文档(Document),所以dom和浏览器没有直接关系。
11CSS
复合属性、样式、属性值
12.事件处理
事件类型、Ajax技术
六)全局对象
全局对象在JavaScript中有着重要的用途:
全局对象的属性是全局定义的符号,JavaScript程序可以直接使用。
当JavaScript解释器启动时(或者任何Web浏览器加载新页面的时候),它将创建一个新的全局对象,
并给它一组定义的初始属性:
1.全局属性:比如undefined、Infinity和NaN。
2.全局函数:比如isNaN()、parseInt()。
3.构造函数:比如Date()、RegExp()、String()、Object()和Array()。
4.全局对象:比如Math和JSON。
七)语句
1.条件语句:JavaScript解释器可以根据一个表达式的值来判断是执行还是跳过这些语句,
如if语句和switch语句。
2.循环语句:可以重复执行语句,如while和for语句。
3.跳转语句:可以让解释器跳转至程序的其他部分继续执行,如break、return、continue和throw语句。
4.声明语句:声明新变量或定义新函数。
5.表达式语句:赋值和函数调用这些有副作用的表达式来作为单独的表达式(把表达式当做语句)。
6.复合语句:多条语句联合在一起。
7.空语句:包含0条语句。
八)属性特性
1.可写:表明是否可以设置该属性的值。
2.可枚举:表明是否可以通过for/in循环返回该属性。
3.可配置:表明是否可以删除或修改该属性。
九)对象特性
1.对象的原型:指向另外一个对象,本对象的属性继承自它的原型对象。
2.对象的类:是一个标识对象类型的字符串。
3.对象的扩展标记:指明了是否可以向该对象添加新属性。
十)正则表达式的定义
1.用RegExp对象表示正则表达式。
提示:它是对字符串执行模式匹配的强大工具。
2.RegExp对象中有RegExp属性。
3.RegExp对象定义了RegExp的方法。
十一)选择文档元素
1.用指定的ID属性。
2.用指定的name属性。
3.用指定的标签名字。
4.用指定的css类。
5.匹配指定的css选择器。
十二)JavaScript 事件参考手册
这只是让大家知道什么是JavaScript,需要掌握什么知识,这篇我只是将我知道的知识点粗讲一下,
以后会细讲的,还是希望大神多指点!
JavaScript学习(零)前引的更多相关文章
- Javascript学习6 - 类、对象、继承
原文:Javascript学习6 - 类.对象.继承 Javasciprt并不像C++一样支持真正的类,也不是用class关键字来定义类.Javascript定义类也是使用function关键字来完成 ...
- javascript学习日志:前言
javascript学习日志系列的所有博客,主要理论依据是<javascript权威指南>(犀牛书第6版)以及<javascript高级程序设计第三版>(红色书),目前js行业 ...
- JavaScript学习(1)之JavaScript基础
JavaScript学习(1)之JavaScript基础 由于工作原因,开发语言逐渐以JavaScript为主,所以,抽空学习了下JavaScript语法.等现阶段的工作稳定之后,陆续会分享下自己在学 ...
- JavaScript学习记录四
title: JavaScript学习记录四 toc: true date: 2018-09-16 20:31:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
- JavaScript学习记录二
title: JavaScript学习记录二 toc: true date: 2018-09-13 10:14:53 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
- JavaScript学习记录一
title: JavaScript学习记录一 toc: true date: 2018-09-11 18:26:52 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...
- JavaScript学习12 JS中定义对象的几种方式
JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...
- JavaScript学习基础部分
JavaScript学习基础 一.简介 1.JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说 Internet Explorer. Mozilla.Firefo ...
- JavaScript学习总结(二)
JavaScript学习总结(二) ---- 对象 在JavaScript中,几乎用到的每个js都离不开它的对象.下面我们深入了解一下js对象. js中对象的分类跟之前我们学过的语言中函数的分类一样, ...
- Javascript学习1 - Javascript中的类型对象
原文:Javascript学习1 - Javascript中的类型对象 1.1关于Numbers对象. 常用的方法:number.toString() 不用具体介绍,把数字转换为字符串,相应的还有一个 ...
随机推荐
- 一不小心写了个WEB服务器
开场 Web服务器是啥玩意? 是那个托管了我的网站的机器么? No,虽然那个也是服务器,但是我们今天要说的Web服务器主要是指像IIS这样一类的,用于处理request并返回response的工具,没 ...
- 对CSS中的Position、Float属性的一些深入探讨
对CSS中的Position.Float属性的一些深入探讨 对于Position.Float我们在平时使用上可以说是使用频率非常高的两个CSS属性,对于这两个属性的使用上面可能大多数人存在一些模糊与不 ...
- 系统中没有邮件客户端设置autoLink=email会挂掉的问题
TextView的autoLink属性为我们提供了很大的便利性,当文本中有网址,邮箱或电话的时候可以让我们方便地执行打电话发邮件等动作,不过也有一些问题,比如说设置autoLink包含email属性, ...
- Android开发学习之路-自定义控件(天气趋势折线图)
之前写了个天气APP,带4天预报和5天历史信息.所以想着要不要加一个折线图来显示一下天气变化趋势,难得有空,就写了一下,这里做些记录,脑袋不好使容易忘事. 先放一下效果: 控件内容比较简单,就是一个普 ...
- 基于jsp+servlet图书管理系统之后台万能模板
前奏: 刚开始接触博客园写博客,就是写写平时学的基础知识,慢慢发现大神写的博客思路很清晰,知识很丰富,非常又价值,反思自己写的,顿时感觉非常low,有相当长一段时间没有分享自己的知识.于是静下心来钻研 ...
- 前端学PHP之PDO预处理语句
× 目录 [1]定义 [2]准备语句 [3]绑定参数[4]执行查询[5]获取数据[6]大数据对象 前面的话 本来要把预处理语句和前面的基础操作写成一篇的.但是,由于博客园的限制,可能是因为长度超出,保 ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(3)-漂亮系统登陆界面
系列目录 前言 本文于2016-10修改 这次的代码是基于上一节的代码集成的,素材都在第二节里头 本次添加登录页面的控制器即可 实现 添加Account的Index视图: @{ Layout = nu ...
- 当master down掉后,pt-heartbeat不断重试会导致内存缓慢增长
最近同事反映,在使用pt-heartbeat监控主从复制延迟的过程中,如果master down掉了,则pt-heartbeat则会连接失败,但会不断重试. 重试本无可厚非,毕竟从使用者的角度来说,希 ...
- 有向无环图的应用—AOV网 和 拓扑排序
有向无环图:无环的有向图,简称 DAG (Directed Acycline Graph) 图. 一个有向图的生成树是一个有向树,一个非连通有向图的若干强连通分量生成若干有向树,这些有向数形成生成森林 ...
- 利用Python进行数据分析(4) NumPy基础: ndarray简单介绍
一.NumPy 是什么 NumPy 是 Python 科学计算的基础包,它专为进行严格的数字处理而产生.在之前的随笔里已有更加详细的介绍,这里不再赘述. 利用 Python 进行数据分析(一)简单介绍 ...