JavaScript
概述
JavaScript是一门世界上最流行的脚本语言
一个合格的后端人员,必须要精通JavaScript
历史
https://blog.csdn.net/kese7952/article/details/79357868
快速入门
引入JavaScript
- 内部标签
<script>
</script>
- 外部引入
<script src="">
</script>
基本语法入门
<meta charset="UTF-8">
<title>第一个javaScript</title>
<!-- <script>-->
<!-- alert('hello,world');-->
<!-- </script>-->
<script src="js/lc.js">
</script>
var score=82;
if(score>72){
alert(71);
}else{
alert(other);}
在浏览器的控制台打印变量:
console.log(var);
数据类型
变量:var(定义全局变量)
'use strict ';为严格检查模式,预防JavaScript的随意性导致产生的一些问题
局部变量建议都使用let去定义,必颈写在Javascript的第一行!
number类型:
NaN:not a number
Infinity:表示无限大
字符串
逻辑运算
&& || !
比较运算符
=:赋值
==:等于(类型不一样,值一样,返回True)
===:绝对等于
注意:
NaN===NaN,这个与所有的数值都不相等,包括自己
只能通过isNaN(NaN)来判断这个数是否是NaN
浮点数问题:
console.1og((1/3) === (1-2/3))
返回false
尽量避免使用浮点数进行运算,存在精度问题!
Math.abs(1/3-(1-2/3))<0.00000001
null和undefined
-
null 表示空
-
undefined 表示未定义
数组:
Java的数组必须是相同类型的对象~,JS中不需要这样!
var arr = [1,2,3,4,5 , 'he11o',null,true]
对象:
JavaScript中的所有的键都是字符串,值是任意对象!
var person = {
name : "qinjiang",
age: 3,
tags: [ 'js' , 'java ' , " web' ,'...']
}
person.name
对象是大括号,数组是中括号~~
每个属性之间使用逗号隔开,最后一个不需要添加
流程控制
Map和Set
iterator
函数
定义函数
定义方式一:
如果没有执行return,函数执行完也会返回结果,结果就是undefined
定义方式二:
function(x) ....}.这是一个匿名函数。但是可以把结果赋值给abs,通过abs 就可以调用函数!
arguments:
问题: arguments包含所有的参数,我们有时候想使用多余的参数来进行附加操作。需要排除已有参数~
rest:
ES6引入的新特性,获取除了已经定义的参数之外的所有参数~,
变量的作用域
方法
内部对象
Date
JSON
面向对象编程
什么是面向对象
Class继承
class关键字,是ES6引入的
-
继承
原型和原型链
操作BOM对象(重点)
操作DOM对象(重点)
1.这是原生代码,之后我们尽量都是用jQuery
注意:删除多个节点的时候,children是在时刻变化的,删除节点的时候一定要注意。
操作表单(验证)
获得提交的信息
jQuery
jQuery库,里面存在大量的JavaScript函数