第二阶段第一周第一天笔记
知识点总结
1.网页前端开发:分别有html、css、javascript
html负责网页的结构、css负责网页的样式、js负责网页的交互动作
2.javaScript的发展:网景公司布兰登艾奇创造的JavaScript,初期叫做LiveScript。后期因为与Java合作才又改名为JavaScript。
js被提交给ECMA欧洲计算机协会后更名为ECMAScript。
ECMA为js设置了一套规则,也就是说js的核心语法是由ECMA制定的,也就有了版本一说。
目前发展到了ECMA9
面试题:请说明ECMAScript与JavaScript的关系?
互为表里,ECMAScript是JavaScript的核心语法,而js是ECMAscript的表现形式
在H5的年代里,js获得了网页几乎所有的操作权限(API)。
API(接口)
3.js输出:console.log(“”)将内容输出到控制台鼠标右键,选择检查->选择Console。
4.js代码的位置:js代码应该写在Script标签当中。而这个标签可以写在网页的任何位置,但是因为网页的解析顺序是从上而下。而js又是用来操作html,所以应该放在html解析后,推荐放在body和html的闭合之间。
5.弹窗: alert()。
6.输出document:document.write();
document 代指html文档
write书写,写入。
7.输出方式总结:给用户看的输出方式:alert();
给程序员看的:console.log();
8.引入文件:script 标签 src 属性可以用来引入外部文件,但是可能存在解析问题。
9.宿主环境:js运行环境在哪里,宿主环境就是谁。
10.语句和表达式:alert(1+3);
11.注释:单行注释 多行注释;
12.直接量:在js中可以直接使用的量
alert(10);
alert(“hello,world!”)
13.弹窗:alert(“我是alert弹窗”);
confirm(“我是confirm弹窗”);
prompt(“我是prompt弹窗”);
14.变量:声明一个变量,需要通过“var”来声明。
eg.var+变量名
一次性声明多个变量:var 变量1=值1,
变量2=值2,
变量3=值3,
....................;
Tip:不适用var也可以声明变量,但是在严格模式下会出现报错。所以不推荐使用这种写法。
当一个变量重复声明时会导致值的覆盖。同时,在使用变量的时候千万别忘了区分大小写。
当项目开发的时候,可能需要把变量提前声明好,但是并不需要赋值,那么我们把这种变量的状态称为变量未初始化。
var a;
当然,也可以给暂时用不到的变量赋值为null。
var x=null;
通过console. log()去打印(输出)一个变量或者说打印(输出)一段数据,根据不同的数据类型,在控制台会有不同的颜色提示。
15.基本运算:+ - * / %(取余,又称为叫求模);
16.变量命名规范:不要使用中文
词能答意
推荐使用小驼峰、匈牙利命名法
变量名当中可以包括数字字母下划线,但是不能以数字开头。
17.变量提升:在浏览器正式运行代码之前,会提前解析一遍代码(预解析),在解析过程中会找到所有的变量将变量声明语句提升到script标签的最顶部,那么当后面在正式赋值语句之前使用,都会输出underfined。
18.赋值运算符:= += /= %= **=
=赋值 var a = 10;
+=加等;
19.关系运算符:==值相等;
===值和类型相等;
!=值不相等;
!==值和类型不相等;
>;
<;
<=;
>=;
20.数学运算符:++ -- 。。。。;
21.逻辑运行符: && ||;
22. 三元运算符:条件?条件为真时执行的语句;条件为假时执行的语句;
23.原始数据类型:Boolean 布尔值 rtue flase
Null 空 null
Undefined 未定义 undefined
Number 数字 NaN 整数 小数
String 字符串 “”
数据类型
在js中数据类型分为两类,一类是原始类型,一类是引入数据类型。原始类型又称之为基础数据类型,引入类型也称之为对象类型。
原始类型:Boolean
Null
Undefined
Number
String
Symbo(ES6中新增加的内容)
引入类型:Object
Array
Function
在计算机科学中,
布尔值是一种逻辑数据类型,其值只能为真或者假
=======================
面试题:html的核心是什么?语义
css的核心是什?层叠
第二天的复习:
1.js
javascropt一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
它的解释器被称为javascript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML 网页增加动态功能。
包含:
ECMAScript 核心语法
DOM 文档对象模型
BOM 浏览器对象模型
三剑客:
html css js
代码位置:
js代码可以放在网页的任何位置,但是我们推荐代码放在网页的最后(body闭合和html闭合之间)
文档入口函数:
window.οnlοad=function(){
//js代码
}
注释:单行注释: //alert
多行注释: /**/
变量:临时储存数据的容器。
(永久储存使用数据库)
var 变量名;//变量声明
var 变量名=“hello,world”;//变量声明并且初始化
var 变量=null;//提前定义变量,但是暂时用不上
标识符的规则:
驼峰命名法/匈牙利命名法
变量提升:
预解析:在正式运行程序之前,js的解析引擎会提前把程序读取一遍,找到所有的变量“声明”操作,把声明操作提升到当前script代码块最顶端
数据类型
基础数据类型:
布尔值:Boolean
true | false
a=4;
b=4;
console.log(a!==b);
Null:空
null
Undefined:未定义
undefined
变量声明但是没有初始化。
Number:数字
number当中可以表示(包含)整数(整数Int)、浮点数(小数float)、NAN(属于Number,但是不等于任何人,包括自己)、+Infinity(正无穷大),-Infinity(负无穷大),
js运算并不够精准。
tip:+0===-0//true
0 === -0 // true
(1/+0)=== (1/-0)//false
全局方法:
parseInt方法用于将字符串转为整数。
string:字符串
"或者"
‘1+2’
‘a*3’
转义:\