1.介紹一下標(biāo)準(zhǔn)的CSS的盒子模型？與低版本IE的盒子模型有什么不同的？
答：標(biāo)準(zhǔn)的盒子模型有內(nèi)容、填充、邊框、外邊距。低版本的內(nèi)容包括填充和邊框，也就是高度=內(nèi)容+邊框+填充
2. HTML5有哪些新特性？
答：新增iframe、header、main、aside、floor、article等語(yǔ)義化標(biāo)簽
? ? ? ? 新增form表單屬性和元素
? ? ? ? 新增視頻和音頻
? ? ? ? 新增canvas
? ? ? ? 新增拖放事件
? ? ? ? 新增webstorage本地離線存儲(chǔ)
? ? ? ? 新增websoket網(wǎng)絡(luò)套節(jié)字?
? ? ? ? webworker
? ? ? ? 緩沖
https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5
3. 在你以往的項(xiàng)目中是如何進(jìn)行移動(dòng)端適配的，請(qǐng)簡(jiǎn)要說(shuō)明。
視口：1vw等于視口寬度的1%，750px=100%,1%=750/100=7.5px,即1vw=7.5px 所以：13.33333vw*7.5px=100px，此時(shí)根元素的字體大小等于100px; 假如某個(gè)字體大小100px。100px/根字體大?。?00px）=1rem;? 所以此時(shí)1rem? =? 100px
rem參考：http://caibaojian.com/rem-and-px.html
4. 什么是響應(yīng)式設(shè)計(jì)？響應(yīng)式設(shè)計(jì)的基本原理是什么？
答：同一網(wǎng)頁(yè)能夠隨著不同屏幕分辨率有不同的變化。十二柵格
5. margin和padding分別適合什么場(chǎng)景使用？
margin:
? ? ?需要在border外側(cè)添加空白時(shí)；
? ? ?空白處不需要背景（色）時(shí)；
? ? 上下相連的兩個(gè)盒子之間的空白，需要相互抵消時(shí)。
padding：
? ? 需要在border內(nèi)測(cè)添加空白時(shí)；
? ? 空白處需要背景（色）時(shí)；
? ? 上下相連的兩個(gè)盒子之間的空白，希望等于兩者之和時(shí)
6. var?a='aa'function?fn(){alert(a);var?a='bb';alert(a);}??fn();以上輸出的結(jié)果是什么？
undefined bb。首先進(jìn)行解析函數(shù)作用域，因?yàn)橛衯ar 關(guān)鍵字所以解析a變量，只會(huì)在函數(shù)作用域內(nèi)解析。會(huì)覆蓋外邊的全局變量a
https://segmentfault.com/a/1190000018344949? //var和let
7. 你如何獲取瀏覽器URL中查詢字符串中的參數(shù)。
const? getURLParameters =?url=>
??(url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce(
????(a, v) =>?((a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') +?1)), a),
????{}
??);
// Examples
getURLParameters('http://url.com/page?n=Adam&s=Smith');?// {n: 'Adam', s: 'Smith'}
getURLParameters('google.com');?// {}
8. 同步和異步的區(qū)別？
9. 猜猜如下題目的結(jié)果?????function?Timer(){??????this.s1?=?0;??????this.s2?=?0;??????setInterval(()=>this.s1++,?1000);
????setInterval(function(){
??????? ???this.s2++;??????
},1000);???? ???}????var?timer?=?new?Timer();???
setTimeout(()=>console.log('s1:',timer.s1),3100);????
setTimeout(()=>console.log('s2:',timer.s2),3100);
答： 3? 0
10. 統(tǒng)計(jì)字符串中每個(gè)字母?jìng)€(gè)數(shù)，并找出個(gè)數(shù)最多的字母將其輸出。var?str?=?"aaaabbbccccddfgh";
## 面試題地址
1、?FE-Interview??https://poetries1.gitee.io/fe-interview/docs/base.html
