摘要：但這會(huì)帶來(lái)高度塌陷的問(wèn)題，所以要清除浮動(dòng)。核心內(nèi)置類，會(huì)嘗試先于例外的是，利用的是轉(zhuǎn)換。安全性請(qǐng)求可被緩存，請(qǐng)求保存在瀏覽器的歷史記錄中則不能被緩存。與相比，的安全性較差，因?yàn)榘l(fā)送的數(shù)據(jù)是的一部分。

1.實(shí)現(xiàn)三欄布局（左右兩邊固定寬度，中間自適應(yīng)）

1)浮動(dòng)布局
左右兩邊固定寬度，并分別設(shè)置float:left和float:right。（但這會(huì)帶來(lái)高度塌陷的問(wèn)題，所以要清除浮動(dòng)。清除浮動(dòng)的方式有：
a. 給父級(jí)盒子設(shè)置height；
b.給父級(jí)盒子設(shè)置overflow:hidden；
c.在父級(jí)盒子結(jié)束前的盒子添加clear:both；
d.父級(jí)盒子也設(shè)置浮動(dòng)；
e.父級(jí)div定義偽類：after和zoom，

.clear::after{display:block;clear:both;content:"";visibility:hidden;height:0;} 
.clear{zoom:1;}

2)絕對(duì)定位布局
左中右三個(gè)盒子都設(shè)置position:absolute;然后分別設(shè)置定位
3)flex布局
父盒子設(shè)置display:flex;位于中間的子盒子設(shè)置flex:1
4)表格布局
父盒子設(shè)置display:table;左中右三個(gè)盒子設(shè)置display:table-cell;左右兩個(gè)盒子分別設(shè)置寬度；
5)網(wǎng)格布局
父盒子設(shè)置display:grid; grid-template-columns:300px auto 300px;

2.== 和 === 的區(qū)別

===為恒等符：當(dāng)?shù)忍?hào)兩邊的值為相同類型的時(shí)候，直接比較等號(hào)兩邊的值，值相同則返回true，若等號(hào)兩邊的值類型不同時(shí)直接返回false。

==為等值符： 當(dāng)?shù)忍?hào)兩邊的值為相同類型時(shí)比較值是否相同，類型不同時(shí)會(huì)發(fā)生類型的自動(dòng)轉(zhuǎn)換，轉(zhuǎn)換為相同的類型后再作比較。
a、如果一個(gè)是null、一個(gè)是undefined，那么相等。
b、如果一個(gè)是字符串，一個(gè)是數(shù)值，把字符串轉(zhuǎn)換成數(shù)值再進(jìn)行比較。
c、如果任一值是 true，把它轉(zhuǎn)換成 1 再比較；如果任一值是 false，把它轉(zhuǎn)換成 0 再比較。
d、如果一個(gè)是對(duì)象，另一個(gè)是數(shù)值或字符串，把對(duì)象轉(zhuǎn)換成基礎(chǔ)類型的值再比較。對(duì)象轉(zhuǎn)換成基礎(chǔ)類型，利用它的toString或者valueOf方法。 js核心內(nèi)置類，會(huì)嘗試valueOf先于toString；例外的是Date，Date利用的是toString轉(zhuǎn)換。那些不是JavaScript語(yǔ)言核心中的對(duì)象則通過(guò)各自的實(shí)現(xiàn)中定義的方法轉(zhuǎn)換為原始值。
e、任何其他組合，都不相等。

3.transition和animation

transition
1）語(yǔ)法
transition是一個(gè)復(fù)合屬性，可設(shè)置四個(gè)過(guò)渡屬性，簡(jiǎn)寫方式如下：
transition{ transition-property transition-duration transition-timing-function transition-delay}
transition-property:是用來(lái)指定當(dāng)元素其中一個(gè)屬性改變時(shí)執(zhí)行transition效果，值有none（沒有屬性改變）、all（默認(rèn)值，所有屬性改變），indent（某個(gè)屬性名，一條transition規(guī)則，只能定義一個(gè)屬性的變化，不能涉及多個(gè)屬性，如果要設(shè)置多個(gè)屬性時(shí)，需分別設(shè)置，中間以逗號(hào)隔開）【當(dāng)其值為none時(shí)，transition馬上停止執(zhí)行，當(dāng)指定為all時(shí)，則元素產(chǎn)生任何屬性值變化時(shí)都將執(zhí)行transition效果】;
transition-duration:過(guò)度時(shí)間，是用來(lái)指定元素轉(zhuǎn)換過(guò)程的持續(xù)時(shí)間，單位為s(秒)或ms(毫秒)；
transition-timing-function:時(shí)間函數(shù)，根據(jù)時(shí)間的推進(jìn)去改變屬性值的變換速率，值ease（逐漸變慢）、linear（勻速）、ease-in（加速）、ease-out（減速）、ease-in-out（加速然后減速）、cubic-bezier：（自定義一個(gè)時(shí)間曲線）；
transition-delay:延遲，指定一個(gè)動(dòng)畫開始執(zhí)行的時(shí)間，也就是當(dāng)改變?cè)貙傩灾岛蠖嚅L(zhǎng)時(shí)間開始執(zhí)行transition效果，單位為s（秒）或ms（毫秒）；
2）觸發(fā)方式
偽類觸發(fā)：:hover,:focus,:checked,:active
js觸發(fā)：toggleClass
3）以下情況下，屬性值改變不能產(chǎn)生過(guò)渡效果
a.background-image，如url(a.jpg)到url(b.jpg)（與瀏覽器支持相關(guān)，有的瀏覽器不支持）等
b.float浮動(dòng)元素
c.height或width使用auto值
d.display屬性在none和其他值（block、inline-block、inline）之間變換
e.position在static和absolute之間變換
transition示例:

 
BOX1
 
BOX2

animation
1）語(yǔ)法
animation{ animation-name animation-duration animatino-timing-function animation-delay animation-iteration-count animation-direction animtion-play-state animation-fill-mode}
animation-name：用來(lái)調(diào)用@keyframes定義好的動(dòng)畫，與@keyframes定義的動(dòng)畫名稱一致；
animation-duration：指定元素播放動(dòng)畫所持續(xù)的時(shí)間；
animation-timing-function：和transition中的transition-timing-function 中的值一樣。根據(jù)上面的@keyframes中分析的animation中可能存在多個(gè)小動(dòng)畫，因此這里的值設(shè)置是針對(duì)每一個(gè)小動(dòng)畫所在所在時(shí)間范圍內(nèi)的屬性變換速率；
animation-delay：定義在瀏覽器開始執(zhí)行動(dòng)畫之前的等待的時(shí)間、這里是指整個(gè)animation執(zhí)行之前的等待時(shí)間，而不是上面所說(shuō)的多個(gè)小動(dòng)畫；
animation-iteration-count：定義動(dòng)畫的播放次數(shù)，通常是整數(shù)，默認(rèn)是1,若為infinity，動(dòng)畫將無(wú)限多次的播放；
animation-direction：主要用來(lái)設(shè)置動(dòng)畫播放次數(shù)，其主要有兩個(gè)值：normal:默認(rèn)值，動(dòng)畫每次訓(xùn)話都是按順序播放；alternate:動(dòng)畫播放在第偶數(shù)次向前播放，第奇數(shù)次想反方向播放（animation-iteration-count取值大于1時(shí)設(shè)置有效）
animation-play-state：屬性用來(lái)控制元素動(dòng)畫的播放狀態(tài)。主要有兩個(gè)值：running:可以通過(guò)該值將暫停的動(dòng)畫重新播放，這里的重新播放不是從元素動(dòng)畫的開始播放，而是從暫停的那個(gè)位置開始播放；paused:暫停播放。
animation-fill-mod：　默認(rèn)情況下，動(dòng)畫結(jié)束后，元素的樣式將回到起始狀態(tài)，animation-fill-mode屬性可以控制動(dòng)畫結(jié)束后元素的樣式。主要具有四個(gè)屬性值：none（默認(rèn)，回到動(dòng)畫沒開始時(shí)的狀態(tài)。）,forwards（動(dòng)畫結(jié)束后動(dòng)畫停留在結(jié)束狀態(tài)）,backwords（動(dòng)畫回到第一幀的狀態(tài)）,both（根據(jù)animation-direction輪流應(yīng)用forwards和backwards規(guī)則）。
animation示例:

4.事件冒泡的事件捕獲

事件冒泡，事件會(huì)從最內(nèi)層的元素開始發(fā)生，一直向上傳播，直到document對(duì)象；
事件捕獲則跟事件冒泡相反，事件會(huì)從document對(duì)象開始發(fā)生，直到最具體的元素；

5.GET和POST的區(qū)別

1.發(fā)送方式：GET請(qǐng)求數(shù)據(jù)放在url上，即HTTP的協(xié)議頭中；而POST把數(shù)據(jù)放在HTTP的包體中。
2.大小的限制：GET傳的參數(shù)有長(zhǎng)度的限制，因?yàn)闉g覽器對(duì)url的長(zhǎng)度有限制；而POST理論上是沒有限制的。
3.安全性：GET請(qǐng)求可被緩存，請(qǐng)求保存在瀏覽器的歷史記錄中；POST則不能被緩存。與POSＴ相比，GET的安全性較差，因?yàn)榘l(fā)送的數(shù)據(jù)是URL的一部分。