学习之路

-----------递归概念模型，对象基本知识，访问对象基础语法-----------------

全局作用域：函数外定义的变量 在页面的任何地方都可以使用 局部作用域：函数内定义的变量 只能在函数内使用

在函数里面定义的变量，在函数外面是不能使用的 需要在函数外面使用函数里面定义的变量的值 函数中通过return把a变量的值返回出去 退出函数 事件 鼠标或者键盘的动作 事件驱动：监听动作onclick

概念 将需要使用的功能代码，封装成独立的模块，这个模块就是函数。 好处 可复用 功能代码可控 分类 自定义函数（自己定义的） 内置函数（JS提供的） 类型 Function 如何声明函数 语句定义法（

循环------------------------------------------------

三目运算符 运算符优先级 if语句 switch语句..........................

算术运算符 +-*/ % 递增递减运算符 可以放变量前面（前置递增）和后面（后置递增） 递增递减运算符必须和变量配合使用 ++num1 + 10 先自增，后运算 num++ +10 先运算，后自增 a

数据类型 JS是弱类型语言，变量的数据类型由值来决定 简单数据类型 Number数值 ：整数，浮点数，isNaN String字符串：可以是引号中的任意文本 \n 换行符 \ 斜杠 \t 缩进 \b

Web三大标准 HTML+CSS+JavaScript 引入方式 1.行内式： 直接在标签上面去写,可以将单行或少量的JS代码写在HTML事件标签的属性中（以on开头的属性）比如onclick。 单双

弹性盒： 控制子元素在父元素中的排列方式 以下都是设置在父元素里的 display：flex；默认X轴是主轴 align-item前提要有宽高，侧轴的对齐方式 flex-direction改变主轴的方

html5 特点 更简洁 标签语义化 head头部 footer底部 main主体 nav导航链接 section内容区块 article内容 video audio

阿里字体图标 查找图标--->把图标添加入库--->点购物车--->下载代码 vertical-align 垂直对齐方式，适用于行内、行内块元素垂直方向的对齐

标准流 块级元素独占一行---垂直布局 行内块元素水平布局---水平布局 浮动 让原本垂直布局的块元素变成水平布局 定位 可以让元素自由地摆放在页面的任意位置 用于盒子之间的层叠情况 使用场景 定位之

清除浮动的方法 1.给父元素加高度 但是子元素的高度如果超出父元素的话，父元素也要跟着修改 2.在父元素下面加一行div块，clear：both。 就会显示父元素，就不会塌陷，但是代码行会变多，并且每

清除内外边距 body有margin，ul，p都有 项目开始之前，清楚这些标签默认的margin和padding 正常情况 水平布局的盒子，左右的margin正常，互不影响，最终两者距离为左右marg

盒子 设置的width和height是内容的宽高 设置边框会撑大盒子 设置padding会撑大盒子，上右下左 三角形 PADDING 父盒子设置了宽度，而且子盒子没有设置宽度，给盒子设置左右paddi

display:block 转换为块元素 display:inline 转换为行内元素 display:inline-block 转换为行内块元素 注意：几乎不会把块元素转换为其他元素，用的最多的是行

``` /* 背景平铺 repeat 水平和垂直方向都平铺 repeat-x 水平方向都平铺 repeat-y 垂直方向都平铺 no-repeat 水平和垂直方向都不平铺 */ background-

类和id区别 类选择器：class=“c1”，可以有多个属性 id选择器：唯一性 书写区别 类选择器：以.开头 id选择器：以#开头 使用环境 一般用类选择器比较多 id选择器一般和JS开发集合使用

回顾 相对路径 ./ 同级目录 ../ 上级目录 绝对路径 完整的路径 表单标记 radio单选框，需要name标注一致 checkbox复选框 textarea文本框 submit提交按钮 sele