JavaScript快速学习

一、Javascript概述(知道)
a.一种基于对象和事件驱动的脚本语言
b.作用：给页面添加动态效果
c.历史：原名叫做livescript.W3c组织开发的标准叫ECMAscipt.
d.特点：
1). 弱势语言
2). 由浏览器直接解析执行。（函数不能直接执行）
3). 是一个解释性语言
4). 交互性（它可以做的就是信息的动态交互）
5). 安全性（不允许直接访问本地硬盘）
6). 跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关
e . javascript和java的一些区别：
1). javascript是一个解释性语言,java是编译解释性语言
2). javascript是一个弱势语言，Java是一个强势语言
3). 在页面上引入的方式不同javascript代表用<script>引入，Java代码<%>
4). JS是基于对象，Java是面向对象。

二、JavaScript语言组成(了解)
EcMAScript + BOM + DOM
ECMAScript: 规定了一些语法，变量，for循环等等结构
BOM: Browser object Model 浏览器对象模型
DOM: Document object Model 文档对象模型

三、JavaScript与Html的结合方式(掌握)
Javascript与HTML的结合方式有三种：
1.采用事件来调用，代码写在字符串中
<button onclick = "alert('大家好')">点击</button>
2.采用定义函数的方式: 用function来定义函数
function fun(){ alert('你好')} ;
3.采用外部js文件.
利用<script src = "a.js"></script>引入

四、JavaScript基本语法(掌握)

* 定义变量：采用var关键字来定义.定义的变量的类型是由给定的值来决定的。
* 数据类型： undifined,表示未定义类型。
Number类型。代表了一切数字类型
String类型。字符串类型
Boolean类型。布尔类型
Function类型。函数类型
Null类型。
object ：对象类型.
* 判断变量的类型 :
1. 采用typeof函数判断 :typeof(a) == "string"
2. 采用instanceof运算符： a instanceof String

* 三大结构
a.顺序结构
b.选择结构
c.循环结构 for,while,do...while

* 运算符
1.一元运算符 +(正号) - ++ --
2.二元运算符 +(加法) - * / %
3.三元运算符？：
4.等号 == 判断的是内容,
=== 全等于 ,判断类型和内容

* 类型的转换
1. Number转String : 3 + ""
2. Number转Boolean ：在javascript中，非0为真，0为假。如果变量为null或者undefined，也为假.
3. String转Number:
a. parseInt,parseFloat
b. 乘以1即可

五、JavaScript 函数的定义（掌握）
* 函数的定义有三种方式：
1.采用function关键字来定义
2.采用匿名的方式来定义
3.采用new Function()的方式(了解,不推荐)

* 函数的调用：
1.函数调用的时候参数可以传递多个，可以和函数定义的形参个数不符合
2.如果函数重名了，那么调用的时候一定是调用最后一个，与参数无关。
*** 推荐：定义函数的不要重名。

函数劫持：
改变函数本身的作用.

六、JavaScript 全局函数(掌握)
全局函数：
1.isNaN (掌握)：用来判断变量是否是数字类型的字符串
NaN: not a Number ,不是一个数字
2.parseInt,parseFloat
3.eval(掌握): 把字符串转换成数字
4.escape(): 编码
5.unescape(): 解码
6.encodeURI(): 对网址（URL）进行编码
7.decodeURI(): 对网址（URL）进行解码

七、JavaScript常用对象介绍（掌握）
* Array对象数组对象，进行数组操作
定义方式
1.采用new的方式
2.采用中括号[]来定义
数组的长度可以随时改变

特点：
1.javascript中数组的大小可以随时改变
2.javascript中数组的下标可以是任意对象。

方法：
1.join() : 把数组的所有元素放入一个字符串. 默认用逗号连接
2.push() : 向数组的末尾添加一个元素
4.reverse() :反转
3.shift() : 删除并返回数组的第一个元素
4.sort() ; 排序 .默认同类型的数据相比较.

* String对象 ----- 字符串类型的引用类型
String对象：
方式： substr: 截取字符串两个参数第一个是下标，第二个是长度
substring: 截取字符串两个参数第一个是下标，第二个是下标
toUppercase:
toLowercase:
indexOf:
charAt() :
replace():
* Number对象 ---- 数字原始类型引用类型
Num对象：
1. random() : 获得随机数[0,1)
2. ceil() : 返回大于等于次数的最大整数
3. floor() : 返回小于等于次数的最大整数
4. round(): 返回四舍五入后的整数
* Boolean对象 ---- 布尔原始类型引用类型
* Math对象执行数学任务
* Date对象用于处理日期和时间
Date对象：代表一个时间
方法： getXXX() : 拿到年月日
* RegExp 对象正则表达式对象
正则表达式
写法： 1. new的方式 var r = new RegExp("ab") ;

2. 采用/正则表达式/ (推荐) var r = /ab/ ;

-------------------------------------华丽分割线------------------------------------------

js的使用方式：

1）事件定义

<οnclick="js代码">

2）直接嵌入式

可以出现在html的任意位置

js代码

</script>

3）文件调用

common.js（文件编写js代码）

html文件引入js文件：

</script>

JavaScript快速学习相关推荐

怎样快速学习html5,如何快速学习HTML5?带你了解HTML5学什么?
今天小编要为大家分享的文章是关于如何快速学习HTML5?HTML5主要学些什么的文章.近年来前端开发非常热门,前端开发工程师也很稀缺,于是很多人将其视为高薪行业的代名词.HTML5前端开发工程师被称作 ...
jQuery快速学习
jQuery快速学习 1.$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们 ...
javascript立体学习指南
javascript立体学习指南第一章:首先了解javascript 首先,什么是javascript? JavaStrip出生于1995年,是一种文本脚本语言,成都装修公司是一种动态的.弱类型的. ...
前端三大技术 HTML、CSS、JavaScript 快速入门手册
听到前端技术,不少朋友一定会感到有些陌生.但其实,前端,你每天都在接触. 你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端. 而前端最重要的三大技术,HTML,CSS,JavaSc ...
Ruby入门之零基础如何学ruby以及ruby的应用/快速学习ruby/学习ruby的流程是什么？...
作者:李路链接:https://www.zhihu.com/question/19552402/answer/22336708 来源:知乎快速学习Ruby on Rails,这应该是个伪命题,没有 ...
如何快速的学习html5,高效快速学习HTML5的技巧
HTML5是非常新前端必备技能,作为第五代HTML语言,包含的算法.实现的功能都大大超过从前.不同的人学习效率.成果都各不相同,那么如何高效快速学习HTML5呢?学码思前端开发培训老师给大家分享一些小 ...
vue中集合取第一个_快速学习Vue框架（知识点集合）
学习Vue的小伙伴速度看过来,快速学习Vue框架知识点集合贴来啦.建议收藏,尤其基础并不是很扎实的同学,本篇集合贴就是你日后工作的参考手册. 基础知识: ·vue的生命周期:beforeCreate/ ...
快速学习JS的思考方法、有用
当人们尝试学习 JavaScript , 或者其他编程技术的时候,常常会遇到同样的挑战: 有些概念容易混淆,特别是当你学习过其他语言的时候. 很难找到学习的时间(有时候是动力). 一旦当你理解了一些东 ...
如何快速学习并掌握一门编程语言
前言工欲善其事必先利其器,编程语言就是程序员手中的"器",用来实现软件编程的工具.学习和掌握编程语言的能力是基本功,也是技术进阶的先决条件. 计算机现代编程语言基本从上世纪50年 ...

JavaScript快速学习

JavaScript快速学习相关推荐

最新文章

热门文章