前端面試題(8道)

1.data-屬性 好處在哪?

  • 性能高
  • 遍歷方便
  • 向后兼容(未來)

2.描述 <script>、<script async>、<script defer>

  • <script async> 異步 同時執(zhí)行 非阻塞
  • <script defer> 兼容IE瀏覽器

3.描述下浮動及工作?

  • 浮動:
    float:left/right/none
  • 浮動特點(diǎn):
    1.脫離文檔流
    2.元素類型轉(zhuǎn)化
    3.文本環(huán)繞

4.{box-sizing:border-box}是干啥的?有哪些優(yōu)勢

  • 盒子模型:
    1.box-sizing:content-box //加padding+border 向外擴(kuò)展
    2.box-sizing:border-box //加padding+border 向內(nèi)擴(kuò)展

5.宿主對象、本地對象、內(nèi)置對象

  • 宿主對象:(host object)
    window、document...
  • 本地對象:(native object)
    Array、Date、String、Number、Boolean...
  • 內(nèi)置對象:(inlay object)
    Math...

6.new Object()

  • 如果返回值 是基本類型 返回值還會是object
  • 如果返回值 是object 返回的就是這個object

7.事件冒泡(子元素向上傳遞)

  • 原生js阻止:
    event.cancelBubble=true;
    return false
  • jquery阻止:
    ev.stopPropergation()
  • zepto阻止:
    跟jquery一樣

8.如何復(fù)制一份數(shù)組

  • arr.concat(arr1)
  • 循環(huán)
  • Array.from(arr) //ES6數(shù)組擴(kuò)展語法
  • [...arr] //ES6數(shù)組擴(kuò)展語法
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,808評論 1 19
  • 整理下我在面試的時候所遇到的一些問題,想到哪里就更新到哪里.(ps:不定期更新~) Q1.請說出css選擇器ul>...
    Snowxin閱讀 787評論 0 6
  • 前端面試題的簡單整理,都只是大概回答,具體某些問題的具體理解后續(xù)會補(bǔ)上。 前端頁面有哪三層構(gòu)成,分別是什么?作用是...
    李歡li閱讀 539評論 0 2
  • 常見試題 行內(nèi)元素:會在水平方向排列,不能包含塊級元素,設(shè)置width無效,height無效(可以設(shè)置line-h...
    他大舅啊閱讀 2,611評論 1 5
  • kube-dns配置注意及問題排查 基礎(chǔ)的k8s集群可以通過flannel的網(wǎng)絡(luò)ip地址工作,但要擴(kuò)展addons...
    孤遠(yuǎn)閱讀 19,273評論 1 4

友情鏈接更多精彩內(nèi)容