作用域
作用域规定了变量能够被访问的范围，离开这个范围变量就不能被访问
作用域分为：
局部作用域局部作用域分为函数作用域和块作用域。
函数作用域：
在函数内部声明的变量只能在函数内部被访问，外部无法访问
总结：
函数内部声明的变量，在函数外部无法被访问
函数的参数也是函数内部的局部的变量
不同函数内部声明的变量无法相互访问
函数执行完毕后，函数的变量实际被清空了
块作用域：
在JavaScript中使用 {} 包裹的代码块内部声明的变量外部将有可能无法被访问
for(let i=0;i<10;i++){
// i 只能的该代码块中被访问
console.log(i)
}
// 超出了t的作用域 ，报错
console.log(i)
总结：
let 声明的变量，const 声明的常量，都会产生块级作用域
var 声明的变量不会产生块级作用域
不同代码块之间的变量无法相互访问
推荐使用 let 和 const
全局作用域
在 <script> 标签 和 .js 文件的最外层就是全局作用域，在 ...
webAPI的基本学习
作用：使用JS操作html和浏览器
分类：DOM（文档对象模型）、BOM（浏览器对象模型）
DOM的内容
DOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API
简单来说：DOM是浏览器提供的一套专门用来 操作网页内容 的功能
作用：开发网页内容特效和实现用户交互
DOM树
内容：将HTML以树状的内容直观显示出来，也称文档树
作用：直观体现出标签与标签的关系
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head ...
flex 布局flex 布局原理全称 flexible box，弹性布局。
如何开启：为元素添加 display: flex。
开启 flex 布局的元素，称为 flex 容器（flex container），其子元素成为容器成员，称为 flex 项目。
flex 布局原理：通过给父盒子添加 display: flex，来控制盒子的位置和排列方式。
flex 布局父盒子常见属性flex-direction设置主轴方向
属性值
含义
row
默认值，从左到右
row-reverse
从右到左
column
从上到下
column-reverse
从下到上
justify-content设置主轴子元素排列方式
属性值
含义
flex-start
默认值，从头开始
flex-end
从尾部开始
center
居中
space-around
平分剩余空间
space-between
两侧子元素贴边，再平分剩余空间
flex-wrap设置子元素是否换行
默认不换行，若子盒子宽度和大于父盒子，则会收缩！
属性值
含义
wrap ...
整体结构<html> <!--开始标签-->
<html>
<head>
<meta charset="utf-8" /> <!--字符编码避免网页文字乱码-->
<title>网页的标题</title>
</head>
<body>
<!--网页的基本内容-->
</body>
</html> <!--结束标签-->
初级标签
标题标签
H1，H2，….，H6。（1–>6）大标题–>小标题，成对出现，开始标签 <H1> ，一个结束标签 </H1> 。
段落标题
段落是通过 <p> 标签进行定义的，成对出现，开始标签 <p> ，一个结束标签 </p> 。
文字标签
<strong></strong>，加粗文字标签；<em></em> 斜体文字标签，可嵌套
符号标签
<del></del>，在文字上添加删除线，如：文字 ...
