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();