javaScript基础语法（逻辑分支、循环）
程序结构设计
顺序：根据代码的书写顺序，从上至下一行一行一行的执行
选择：根据条件的真假，选择执行某种相应的结果
循环：重复的做某件事
if 的条件的表现方式：
123a. if (条件表达式) {执行语句;}
12345b. if (条件表达式) {执行语句;}else{语句;}
通过断点调试观察代码执行顺序
调试：手动执行代码
作用：跟踪代码的执行顺序，以及观察变量的数值
步骤 -> source -> 点文件名 -> 打断点 -> step over
关闭调试 -> 取消断点
1234567c. if (条件表达式1) {语句1;}else if (条件表达式2) {语句2;}else if (条件表达式3) {语句3;}
三目运算符：条件运算符
表达式1 ？表达式2 ：表达式3
表达式1是布尔值，根据表达式1的结果，判断返回表达式2还是3
true返回2，false返回3
123c = a > b ? a : b; ...
javaScript基础语法（变量、运算符）
变量定义语法
var 标识符;
var a; 关键字: 标识符: a.规则：只能由数字，字母，以及下划线构成，并且首字母不能为数字。其次不要和已有关键字，库函数重名
b.习惯：驼峰命名法
变量定义后的赋值: a = 123;
变量赋初值：var a = 123
[注意]：重复定义变量相当于赋值。但是不要这么做，切记千万不要使用没有定义过的变量名。先定义后使用
关键字：
break、else、new、var、 case、 finally 、 return、 void 、catch 、for 、switch 、 while 、 continue、 function 、this 、 with 、default 、 if 、 throw、 delete 、 in 、 try 、do 、 instranceof、 typeof
被保留关键字：
abstract 、enum 、int 、 short 、 boolean 、export 、interface、 static、 byte 、extends 、 long 、 super 、 char ...
响应式及移动端布局
响应式页面：根据不同的浏览器窗口大小，显示不同的样式媒体查询
@media 设备类型 and (媒体特性){}
设备类型：all/screen
and:连接符
媒体特性：视口的宽（能够看得到的区域的宽）
max-width:最大宽 视口宽度低于该值的时候
min-width:最小宽 视口宽度高于该值的时候
/* 视口宽度低于700的时候 高度变300 背景色变蓝色 */
@media all and (max-width:700px)
.box{height: 300px;background-color: blue} }
/* 视口宽度400-600的时候 高度变100 背景色变黄色 字体大小40 */
@media all and (minwidth:400px) and (maxwidth:600px
{.box{height: 100px;background-color: yellow;font-size: 40px;} }
...
前端基础HTML/CSS
HTML基本元素类型、CSS基本属性：
CSS属性继承/盒模型：
宽高自适应，高度塌陷解决，伪元素用法：
CSS属性（过渡、渐变、位移、旋转）：
CSS3新增，BFC，flex弹性盒用法：
