什麼是盒子模型？元素寬度是否包含margin寬度？padding百分比是相對於父級寬度還是自身寬度？解釋px和em?
答：盒子模型又稱框模型，包含了元素內容、內邊距、邊框、外邊距幾個要素。元素內容不包括margin寬度，但是ie模式的width包括content+padding+border，w3c的盒子模型width=content，可以通過設定box-sizing:content-box和box-sizing:border-box來指定寬度。padding的百分比是相對於父級寬度，px是畫素單位，相對於顯示器螢幕解析度而言，優點是比較穩定和精確，但在瀏覽器放大和縮小時會出現頁面混亂。em相對于父元素設計字型大小，如果父元素沒有設定，則相對於預設元素大小設定，優缺點：值不固定，它會繼承父元素的大小。
解釋css的偽類、偽元素，以及使用場景？解釋css3的flexbox，以及適用場景？
**答:錨點偽類：link、：visited、:hover、：active記住愛恨原則
使用者行為偽類：hover、：active、：focus
ui偽元素狀類:enabled、:disabled、:checked、:unchecked
css3的:nth選擇器:first-child、:last-child、:nth-child()、:nth-last-child()、：nth-of-type()、:nth-last-of-type()、:first-of-type選擇乙個上級元素下的第乙個同類子元素、:last-of-type、：only-child、:only-of-type、:empty**
偽元素::first-line選擇元素的第一行、
::first-letter選擇文字的第乙個字母、
::before、::after主要給元素前後插入內容 ，和content配合使用，清楚浮動。
使用場景：.clearfloat:after
.clearfloat
# serve with hot reload at localhost:8080、
$cd sell
$npm run dev
vue-resource和後端互動
vue-router路由實現單頁應用。
第三方js庫better-scroll
最大程度元件化
html5的localstorage
圖示字型的使用
移動端1畫素邊框
css sticky footer 布局
flex彈性布局
前端面試題總結
1.彈性布局 flex布局是css3中新增的一種布局方式。元素排列方式 flex direction 超出行是否換行 nowrap不換行 flex wrap 水平對齊方式 justify content 垂直對齊方式 align items 實現水平居中對齊 display flex justify...
前端面試題總結
前端瀏覽器快取問題 1.強快取，可以通過cache control和expires控制。cache control no cache，no store,must revalidate cache control must revalidate 必須重新驗證 cache control no cach...
前端面試題總結
1.寫出 的結果並解釋原因 false 涉及知識點 比較運算子的轉換規則 1 undefined和null比較之前不能進行任何型別的轉換，等於true 2 如果有乙個運算元是nan，則返回false 3 如果乙個運算元是字串型別，乙個運算元是數值型別，則先將字串型別轉換成數值型別之後進行比較 4 如...