html、css、JavaScript整理理解

HTML  内容 理解
单双标记
标签属性  块 行 行内块 display 标签的根本属性
结构化思维  3w+h
What  HTML w3c标准 (超文本标记语言)
Why 优点、优势 语义化 内容小 ....
When 使用场景 搭建结构+ 填写内容
How 语法 内容 特点

HTML负责  内容和结构 注意事项

1.少嵌套，少修改，少添加样式
2.可重绘（不显示和显示），少重构（改变大小，结构）虚拟dom
3.标签语义化p和a不可嵌套。用标签名字减少class使用
4.书写规范  内容规范标签嵌套 ul>li   
   格式规范  添加注释  结构和class语义化 大的结构用id 内容块用class
3w+h 面试题 + 如何说 


Css 
What 层叠样式表  cascading style sheet  
Why  特点 维护/复用/HTML满足不了你
When  样式 布局 
How 3种添加方式 内容 注意事项

样式 顺序
网页三要素 文字，图片，链接
影响 大小 颜色 形状 状态的切换
C3  A状态 -> B状态  过渡 
主要负责样式 和 布局
1.样式 可继承样式
2.Display的属性值 理解和值的种类
3.bfc 形成方式 布局的进化 

Js 主要负责 功能和交互

什么是编程 程序 算法 解决问题的方式+存储
Es5/Es6，DOM，BOM
存储 表达式 流程控制 对象  
var a=1;
// 栈 5原始 string number boolean undefined null
堆 应用类型 object function array 
存储 内存开辟空间 如何开辟大空间
var arr=[]; 批量存储
var a=2;
var b=3;
var c; 面试题不声明第三个变量实现交换,两种

var a=2;
var b=3;

var a=a+b;
   b=a-b;
   a=a-b;

var arr=[function(){},a];
[a,b]=[b,a];

var a=2; b=’hz’;
a=[b,b=a][0]; //利用程序执行过程 实现交换

数组 索引 关联数组 
var arr=[];// 存储的是 地址 不是整个数组
arr[0]=12;
arr[‘hz’]=”name”;
arr[1]=18;
console.log(arr.length,arr);

// 表达式 +  -  *  /  %  &&  短路逻辑  三目
//  ?  :  :
// 控制流程  上下 选择
 
 swicth(m){//逆向思维
case: 5;console.log(5);
case: 4;console.log(4);
case: 3;console.log(3);
case: 2;console.log(2);
case: 1;console.log(1);
};

//for(知道次数) for in of  while(知道真假) 
// 内置对象
// 可以new  Math  api Array  增删改查

//增 push unshift concat slice splice
//删 pop shift slice splice( start,number,add)
//改 splice reverse sort forEach reduce math
//查 indexOf search lastIndexOf
//’good’,good()//输出3个good

 setTimeout(function(){console.log(2)},0)
 Console.log(0);
//先所有同步，再异步  100s 一定执行吗
//闭包 3种官方说法   能用匿名函数不要用闭包
//一种机制作用域讲  
//函数说法 一个函数能操作另一个函数的变量
//变量 (垃圾回收机制)
//兼备全局和局部优点


function wrap() {//外层函数
   var a=12;//保护变量
   return function() {//操作局部变量的内层函数  
     //1.return 2. 必须被全局接收
     console.log(a+=a);  
} 
}
var b=wrap();