1. 程式人生 > 實用技巧 >Web前端筆試整理3

Web前端筆試整理3

TCP/IP協議棧的網路層的主要功能是通過以下那個協議來完成的?

  • IP協議
  • ICMP
  • IGMP

picture標籤

HTML5的picture標籤用於為不同裝置提供影象

<picture>
<source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
<img src="mdn-logo-narrow.png" alt="MDN">
</picture>

touch事件

以下是四種touch事件

  • touchStart , 手指放到螢幕上時觸發
  • touchMove, 手指在螢幕上滑動時觸發
  • touchEnd, 手指離開螢幕時觸發
  • touchCancel, 系統取消touch事件的時候觸發, 這個好像比較少用

每個觸發事件被觸發後, 會生成一個event物件, event物件裡額外包括以下三個觸控列表

  • touches: 當前螢幕上所有手指的列表
  • targetTouches: 當前dom元素上手指的列表, 儘量使用這個代替touches
  • changedTouches: 涉及當前事件的手機的列表, 儘量使用這個代替touches

以下幾個標籤預設有margin

  • body
  • form
  • img

可以作為media queries的條件

  • 裝置畫素比
  • 裝置型別
  • 裝置高度

== 表示式

正確

  • null = undefined
  • let Mi = new Function(); Mi__proto__.__proto__ == Object.prototype

錯誤

  • [1, 2, 3].splice(1, 1, 1) == [2]
  • '1' === true

下列不屬於document物件方法的是

  • onload
  • children
  • ajax

以下那些功能預設支援跨域?

  • Image
  • iframe

下列閉包描述正確

(function(){})()理論上是一個閉包

常見的不支援冒泡事件

  • focus
  • blur
  • mouseenter
  • mouseleave
  • load
  • unload
  • resize

清除浮動, 且不會造成不穩定狀態的

  • 在浮動元素末尾新增一個空的標籤例如
  • 通過設定父元素overflow值為hidden;
  • 給元素新增clearfix類

標準和模型和IE盒模型, 佔用寬度

標準: width
IE: width + border + padding

關於快速排序

  • 快速排序是基於比較的排序
  • 快速排序使用了分治的思想

時間複雜度

  • 平均 O(nlog2n)
  • 最壞 O(n^2)
  • 最好 O(nlog2n)

關於web表單登入中用到的圖形驗證碼的實現

驗證不能放在客戶端,
爬蟲或者是惡意程式依舊可以通過各種手段獲取你嵌入html文字或者儲存在cookie中的正確驗證碼文字