26号的笔记

盒子样式

Box-shadow：10px 20px 30px-----------10是X轴的偏移量，20是Y轴的偏移量

Box-shadow：inset 10px 20px 30px------设置内阴影

text-shadow:10px 20px 30px------文字阴影

多列显示

columu-count:3---------3列显示

Column-gap:30px-----设置列与列之间间距的

媒体查询:检测设备或浏览器的功能，一边按照不同的要求为不同的设备添加不同的样式

当页面的宽度小于900颜色由粉色变为蓝色

js引入方式

内部

 外部

常用

<script>

Document.write('文字1')

Console.log('文字')-----控制台输出语句（打印）

Alert('文字')------警示框

prompt（'文字2'）---------输入框----输入之后显示文字1

</script>

变量(存储数据的容器)

Let uname------uname是变量名

Uname='aaa'-----变量赋值

Console.log(uname)

Let a=1,b=2

Console.log(a,b)------同时声明多个变量

用户名输入案例

变量命名规范

1、有效字符（大小写的字母、数字、下划线、$)

2、关键字和保留字不能用于命名（如function\const)

3、不要以数字开头

4、尽量使用有意义的单词

5、尽量命名用小驼峰命名法（如XiAnOuPeng)

var不存在块级作用域，可以先使用后声明，可以多次声明同一变量（后面声明的变量会把前面的覆盖掉）

常量（存储的数据不能再变化）

Const gender='aa'-----gender是常量名

Console.log(gender)

基本数据类型

对于js弱数据类型语言，只有进行赋值了，才能知道是什么数据类型

Let a

a='ww'

Console.log(typeof(a))--------typeof是检测数据类型的方法

字符串的拼接

Let uname='qq'

Let age='9'

Document.write('姓名是’+uname='年龄是'+age)------麻烦

模板字符串

Let uname=prompt('请输入用户名')

Let password=prompt('请输入密码')

Document.write(`用户名是${uname},密码是${password}`)

其他类型

布尔类型(true/false)

Console.log(2>3)------false

Undefined(未定义）

Null(空的)

NAN（not a number不是数字）

Console.log(undefined+1)---nan

Console.log(null+1)----1

数据类型转换

打印结果为23

显式转换

number（str）/+-----将字符串转换为数字

Let a=3.21213

Let b=2

Console.log(parseInt(a))-----将数字转换为整型

Console.log(parseFloat(b))-------整型转换为浮点型

运算符（+ - * / %）

赋值运算符的优先级大于后减减（a--)------如b= a--,先赋值后减减

前减减的优先级大于赋值运算符--------b=--a

c=4

结果d=4,c=5

比较运算符

Let a=4

Let b=4

Console.log(a>=b)

结果显示false和true

逻辑运算符

&&-------与运算符，两真才真，一假则假

||---------或运算符，一真则真，两假则假

！---------取反

单分支语句

多分支语句

判断平闰年

三元运算符

switch语句

default写的是无符合条件时执行的代码

for循环

求1-100之间的偶数和

While循环

----

------回答爱才能调出循环

Do…..while循环

直接不执行，没有结果

执行一次，结果为11

break和continue

Continue-------退出本次循环

Break----------退出循环

循环嵌套

循环加强