前端初学等

全称是超文本标记语言
超文本:可以向网页中插入的元素类型丰富(图片,视频,音频,文字…)
标记:HTML提供了各种标记标示是不同类型的元素img bideo
语法:由很多的标签组成的,标签要一对的写开始标签和结束标签

CSS全称叫做层叠样式表stylesheet,是用来修饰HTML网页的一门语言,增强网页的展示能力.主要是使用CSS属性来实现,最终可以将CSS代码和HTML网页代码进行分离,也可以提高CSS代码的复用性.
语法:选择器{属性名:属性值;属性名:属性值:样式3…}
学习重点:选择器+各种属性

1. 行内CSS:只作用在当前行,给当前元素使用style属性来修饰样式
2. 内部CSS:在HTML代码里使用style标签,包裹着CSS代码,提高了CSS代码的复用性
3. 外部CSS:把HTML代码和CSS代码分离,在HTML中引用CSS文件

CSS认为HTML里的每个元素都是一个盒子,盒子与盒子之间的距离,包括盒子的边框以及盒子边框和盒子内容的距离都可以设置.

默认情况下,块级元素独占一行(div,p,h1~h6)
可以设置宽和高.如果不设置宽和高,其中宽是默认填满父元素,而高是由内容外边距/边框/内边距都可以设置.

默认情况下,多个行元素处在同一行
不能设置宽和高
左右外边距/边框/内边距都可以设置,上下外边距设置无效

既具备行内元素的特征,还具备会计元素的特征

全称是javascript,是java脚本语言.用来增强网页的交互性.
JS是基于对象和事件驱动的脚本语言
基于对象:js和java一样,可以创建对象并使用对象.
事件驱动:js代码必须想办法触发才会执行,常见事件:单击/双击/鼠标划入划出…
脚本语言:js的运行必须在浏览器里
JS特点:直译式,弱类型的语言,跨平台(浏览器),一定的安全性

行内JS/内部JS/外部JS

包括:number/string/boolean/null/undefined
(1)数值类型
在JS中,数值类型只有一种,就是浮点型.
在JS中,需要时会自动的进行数据类型的转换,比如:在显示和处理的时候,浮点型和整型会自动的转换.

2.4+3.6=6;

Infinity ： 正无穷大

-Infinity ： 负无穷大

NaN : Not a Number 非数字， 和任何值都不相等，包括它本身

(2)字符串类型-string
在JS中,字符串时基本数据类型.
在JS中,字符串直接量时通过单引号或者双引号引起来.

var str1 = "Hello…";

var str2 = 'CGB2103…';;

alert(str1);

(3)布尔类型-boolean

var s1 = false;
console.log(s1);

(4)undefined
值只有一个就是undefined.表示变量没有初始化值.

a) var num; alert(num);//声明了变量但是没有为变量赋值，该变量的值就是undefined。

b) 或者访问一个对象上不存在的属性时，也是undefined。

c) 或者访问数组中一个没有的元素的位置时，该位置处的值也是undefined.

(5)null
值也只有一个,就是null,表示空值或者不存在的对象.

函数/数组/对象(自定义对象,内置对象,DOM对象,BOM对象…)

js时弱类型语言,所有类型的变量都是用var关键字定义,并且参数的类型可以随时转换.
javascript没有类似采用静态语言类型,如java的变量类型是编译期就确定的;而它采用了动态类型,也就是说在编译期类型不确定,运行时会动态根据变量的赋值来决定它的类型,这点比较灵活.这也时双刃剑,编译期就难以检查出其赋值的错误.

JS中的运算符和Java中的运算符大致相同
算术运算符:+,-,,/,%,++,-
赋值运算符:=,+=,-=,=,/=,%=
比较运算符:==,!=,=,!,>,<,>=,<=
位运算符:&,|
逻辑运算符:&&,||
前置逻辑运算符:!(not)
三元运算符:?:

var a = 3;
var b = 1;
console.log(a+b);//4
a+=4;
console.log(a+b);//8
//a+=4;
console.log(a==b); //true
console.log(a==="3"); //false  如果两边比较的值不是同一种数据类型，===直接返回false，如果是同一种数据类型，==和===没有区别！
console.log("1"=="1"); //true   //由于JS中字符串是基本数据类型，比较字符串相等通过 == 进行！
var a = 1;
alert(a++);//1
alert(++a);//3
alert(++a+a+++a);//4+4+5
alert(a>3?10:8);
var b = 10;
alert(a>b?a:b);//求两个数里的大数
var c = 8;
var d = a>b?(a>c?a:c):(b>c?b:c);
alert(d);//三个数里的大值

typeof运算符:用于返回变量或者表达式的数据类型

var i = 3;
console.log(typeof i);//number
i=true;
console.log(typeof i);//boolean
i="hello";
console.log(typeof i);//string
console.log(typeof 123+"abc");//numberabc
console.log(typeof (123+"abc"));//string