JavaScript

JavaScript

概述

JavaScript是一门世界上最流行的脚本语言

一个合格的后端人员,必须要精通JavaScript

历史

https://blog.csdn.net/kese7952/article/details/79357868

快速入门

引入JavaScript

  1. 内部标签
<script>

</script>
    
  1. 外部引入
<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:表示无限大

字符串

image-20210715214658670

image-20210715214723442

image-20210715214822939

image-20210715214918658

image-20210715215013817

image-20210715215215255

逻辑运算

&& || !

比较运算符

=:赋值

==:等于(类型不一样,值一样,返回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]

image-20210715215611731

image-20210715215826349

image-20210715220042851

image-20210715220226370

image-20210715220332185

image-20210715220634364

对象:

JavaScript中的所有的键都是字符串,值是任意对象!

var person = {
    name : "qinjiang",
    age: 3,
    tags: [ 'js' , 'java ' , " web' ,'...']
}
person.name

对象是大括号,数组是中括号~~

每个属性之间使用逗号隔开,最后一个不需要添加

image-20210715220821697

image-20210715221050367

image-20210715221358061

流程控制

image-20210715221741150

image-20210715222502107

Map和Set

image-20210716082232884

iterator

image-20210716082631859

函数

定义函数

定义方式一:

image-20210716084126531

如果没有执行return,函数执行完也会返回结果,结果就是undefined

定义方式二:

function(x) ....}.这是一个匿名函数。但是可以把结果赋值给abs,通过abs 就可以调用函数!

function(x) ....}.这是一个匿名函数。但是可以把结果赋值给abs,通过abs 就可以调用函数!

image-20210716084836131

arguments:

image-20210716085104952

问题: arguments包含所有的参数,我们有时候想使用多余的参数来进行附加操作。需要排除已有参数~

rest:

ES6引入的新特性,获取除了已经定义的参数之外的所有参数~,

image-20210716085703440

变量的作用域

image-20210716195414242

image-20210716195318013

image-20210716195702396

image-20210716200004687

image-20210716200045830

image-20210716200411017

image-20210716200656206

image-20210716200827012

image-20210716201107688

image-20210716201307518

image-20210716201325522

image-20210716201653271

方法

image-20210716203713076

image-20210716204124676

image-20210716204239699

内部对象

image-20210716204553576

Date

image-20210716205154470

image-20210716205238444

JSON

image-20210716205605470

image-20210716205950951

image-20210716210359072

面向对象编程

什么是面向对象

image-20210716212455956

image-20210716212524904

image-20210716212942237

Class继承

class关键字,是ES6引入的

image-20210716213224856

  1. 继承

    image-20210716213456242

原型和原型链

操作BOM对象(重点)

image-20210716214612420

image-20210716215016644

image-20210716215420285

image-20210716215857118

image-20210716220404417

image-20210716220515966

image-20210716220910604

image-20210716221053062

操作DOM对象(重点)

image-20210716222134156

1.这是原生代码,之后我们尽量都是用jQuery

image-20210717100648694

image-20210717101212753

注意:删除多个节点的时候,children是在时刻变化的,删除节点的时候一定要注意。

image-20210717101841538

image-20210717101923545

image-20210717103623361

image-20210717104052616

操作表单(验证)

image-20210717104735117

获得提交的信息

image-20210717105602664

image-20210717143343866

image-20210717143016032

image-20210717143300915

jQuery

jQuery库,里面存在大量的JavaScript函数

初始jQueryimage-20210717144634792

image-20210717144617752

image-20210717145218618

image-20210717145528924

image-20210717150328579

image-20210717150410801

image-20210717151342603

image-20210717151618999

posted @ 2021-07-17 15:17  独爱郑爽  阅读(72)  评论(0)    收藏  举报
Live2D
返回顶端