1.前端三要素
(1).HTML: 超文本标记语言,决定网页的结构和内容 (2).CSS: 层叠样式,设定网页的表现形式 (3).JavaScript: 是一种弱类脚本语言,其源代码不需要经过翻译,而是由浏览器进行解释和运行,用于控制网页的行为。
2.引入JavaScript
1.弹窗的窗口 javascript <script> alert('hello world'); </script>
1.弹窗:alert(); 内部引入
2.alert(弹窗) 外部引入
3.JavaScript基本语法入门
1.控制台打印消息: System.out.println(""); console.log(变量名); 2.浏览器控制台调试JAVASCRIPT的代码 3.定义变量: var 变量名=变量值; 4.条件控制: if() else if() else()--------->语法基本一致 5.区分大小写的操作 6.UNDEFINE--------->说明定义了但没有值,
1.edge:利用控制台打印操作:
2.edge:利用资源(sourece)进行代码调试
edge:必知五大档口
4.数据类型
变量
1.以var 作为数据类型 2.不能以数字开头,
number : js区分小数和整数.
123 //整数 123.1 //浮点数 1.123e3 //科学计数法 -99 //复数 NAN //不是一个数字 infinity //表示无限大
字符串
1.正常字符串我们使用单引号/双引号进行包裹,eg: 'a' "a" 2.注意转义字符: > \' --->是一个点 > \n ---->换行 > \t ----->table 3.多行字符串编写 (符号在tab的上面) var msg=` `; 4.模板字符串: (也就是拼接) `${变量名}`; ---------------->tab上面的符号,以及${}; 5.字符串的长度: str.length; 6.字符串的不可变性 eg: student='abcd'; student[0]=1;那么赎出来的student[0]还是a,不是1 7.字符串的大小写转换(方法) > student.toUpperCase() --- ----->转换成大写 > student.toLowerCase() ----------->转换成小写 8.获取指定字符串中字符出来的位置 student.indexOf('s') ---------------> 0; 9.截取字符串:subString(a,b)------------->从a截取到b,包头不包尾
1.多行字符串
效果展示:
2.模板字符串:
代码展示:
效果展示:
3.字符串的长度:
4.字符串的不可变性
布尔值 true false
逻辑运算
&& 两个为真都为真 || 一个为真就为真 ! 真为假,假为真
比较运算符
= == 是否等于 (类型不一样,值一样,也会判断为true) === 绝对等于 (类型一样 值一样)
NAN===NAN, 这个与所有的数值都不想等,包括自己
只能通过isNAN(NAN)来判断这个数是否是NAN
1.尽量避免使用浮点数进行运算,存在精度问题。
2.Math.console(Math.abs()) ,绝对值。
null和undefind
1.null 空
2.undefind: 未定义(数组越界也会报错)
数组
1.可以包含随意的类型; 2.长度: arr.length;-------->长度可变 eg: arr.length=10; 如果赋值变小,那么会丢失数据。 3.可变性: eg:arr[0]=0; ------>会变化 4.数组的打印:---------->eg: arr 5.两种定义模式: var array=[1,2,3,4,'hello',null,true]; new array(1,2,3,4,'hello',null,true); 6.查询指定元素获得下标: arr.indexOf(0) ------------>查询索引 7.截取数组的一部分,返回一个新的数组:slice(a,b) ----------->包头不包尾 8.在头部和尾部添加元素: push(尾部添加)/pop(弹出尾部的元素); eg:student.push('a','b'); student.pop(); 9.unshifit(),shift(); -------->头部添加,头部删除 10.排序sort(); -------------->默认升序 eg:stuent.sort(); 11.元素反转:reverse();---------->反转; eg: stuent.reverse(); 12.拼接:concat()------------>在尾部拼接数组;会返回一个新的数组 eg: arr=[1.2.3]; arr.concat(['a','b','c']); ---------> 1,2,3,'a','b','c' 13.连接符join('-') 打印拼接数组----------》 字符拼接 14.多维数组:------------> var student=[[1,2],[3,4],[5,6]]; 15.splice()方法是修改Array的万能方法,它可以从指定的索引开始删除 若干元素,然后再从该位置添加若干元素。 var arr=['a','b','c','d','e'] (1).从索引2开始删除后面三个元素,然后再添加两个元素 arr.splice(2,3,'f','g') (2).只删除不添加 arr.splice(2,2) (3).只添加,不删除 arrsplice(2,0,'g');
1.数组的长度可变:
2.截取数组
3.push/pop