前端攻略系列(二) - 前端各種面試題

 幸運且光榮的被老大安排了一個任務 - “去整理些前端面試題”。年前確實不是招人的好時候,所以我們前端團隊經過了超負荷的運轉,終于堅持過了春節。春節以后就開始招人啦,這套題考察的目標就是基礎基礎再基礎,嘿嘿。

  事先聲明:

  • 這些題目的來源:面試曾經被問過;工作被別人問過或者遇見過;網上看見過...
  • 答案真心不給提供,真的是許多問題都需要個人的理解和沉淀,所以還請各位自己動手...前端可以試試自己差不多能回答多少題,哈哈。
  • 其實很多題我也沒有好答案,面試的時候如果遇到牛人我也可以順便交流交流,反正我也只是一面,不丟人也不怕丟人。
  • 如果朋友們有好的面試題歡迎提建議,我會其實補充更新的,先謝謝各位了。

  HTML相關

  1. <!DOCTYPE>標簽的定義與用法。
  2. 塊級元素和行內元素都有哪些?
  3. 你真的了解HTML嗎? 雅虎面試題  把前面黃底那段拿去搜索下就知道了(曾在某浪公司面試的時候被問到過,確實是很好的問題)。

?

  CSS相關

  1. 介紹所知道的CSS hack技巧(如:_,?*, +,?\9, !important 之類)。
  2. 介紹CSS盒模型。
  3. CSS層疊是什么?介紹一下。
  4. 都知道哪些CSS瀏覽器兼容性問題。
  5. 有時會被問到些刁鉆點的題,比如position值都有哪些,CSS3都有哪些新內容...

?

  JavaScript基礎相關

  1. HTTP協議的狀態消息都有哪些?(如200、302對應的描述)
  2. AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解決辦法?
  3. 同步和異步的區別??
  4. 簡述JavaScript封裝。
  5. JavaScript繼承有哪兩種形式形式,進行描述。
  6. 什么是閉包?以下代碼點擊<p>會輸出什么?為什么?能大概說明白的話繼續問能想出幾種解決辦法。

    復制代碼

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>閉包演示</title>
    <style type="text/css">p {background:gold;}
    </style>
    <script type="text/javascript"> 
    function init() {    var pAry = document.getElementsByTagName("p");    for( var i=0; i<pAry.length; i++ ) {    pAry[i].onclick = function() {    alert(i);    } }
    }
    </script> 
    </head> 
    <body onload="init();"> 
    <p>產品 0</p> 
    <p>產品 1</p> 
    <p>產品 2</p> 
    <p>產品 3</p> 
    <p>產品 4</p> 
    </body> 
    </html> 

    復制代碼

  7. 在JS中this關鍵字的使用場合和用法(如在構造函數中、setTimeout中等)。
  8. 簡述下cookie的操作,還有cookie的屬性都知道哪些。
  9. IE與FF的JS兼容性都知道哪些。
  10. DOM操作 - 怎樣添加、移除、移動、復制、創建和查找節點(這個問題真心是基礎題,一般不會問)。

?

  jQuery相關

  1. jQuery源碼是否嘗試去讀過?說說基本的架構或者?jQuery.fn.init?中都做了哪些判斷。
  2. 都知道哪些不好的jQuery書寫方式。
  3. Sizzle是否有讀過?

?

  其它相關的加分項:

  1. 都使用和了解過哪些編輯器?都使用和了解過哪些日常工具?
  2. 都知道有哪些瀏覽器內核?開發過的項目都兼容哪些瀏覽器?
  3. 國內外的JS牛人都知道哪些?
  4. 瀑布流布局或者流式布局是否有了解
  5. 正則表達式有系統學習過嗎(看書或網上教程)?有的話就問問簡單點的郵箱驗證、URL驗證,?或者問問 貪婪匹配與懶惰匹配 的理論知識。
  6. Node.js是否有過嘗試?到什么程度?說說個人理解的看法?
  7. HTML5都有哪些新的JS API?
  8. 前端優化知識都知道哪些?
  9. 基礎算法題(如快速排序,能否一兩句說說重要的核心原理或者數組消重等)。
  10. 是否有接觸過或者了解過重構。

?

  如果覺得此文還算用心,請勞駕點擊右下角的推薦^.^ 。?

?

  即將離職,再為老東家出一份力吧。公司網址 www.baifendian.com ,工作地點 北京總公司、沈陽分公司 都行。待遇的話我確實不方便多說,不過以國內的標準來說算是不錯的。

  對前端職位感興趣的話可以發簡歷至 peng.zhang@baifendian.com ,title請注明來自博客園,謝謝(感覺利用博客招人有點罪惡感,所以就把字設置的小一些吧^.^)。

?

?

作者:聶微東
出處:http://www.cnblogs.com/Darren_code/
本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/248834.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/248834.shtml
英文地址,請注明出處:http://en.pswp.cn/news/248834.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

html 初識

一、web請求流程模擬 python編寫的簡易服務器應用程序 import socketserversocket.socket() ip_port (127.0.0.1,8080) server.bind(ip_port) server.listen()while 1:conn, addr server.accept()from_browser_msgconn.recv(1024)print(from_browser_msg)conn.send(bHTTP/1.1 …

Iframe的那些事

在web開發中&#xff0c;經常會用到iframe&#xff0c;難免會碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中獲取iframe中的元素 1、 格式&#xff1a;window.frames["iframe的name值"].document.getElementByIdx_x(…

異常處理try...catch...throw

C 引入了異常處理機制。其基本思想是&#xff1a;函數 A 在執行過程中發現異常時可以不加處理&#xff0c;而只是“拋出一個異常”給 A 的調用者&#xff0c;假定為函數 B。 拋出異常而不加處理會導致函數 A 立即中止&#xff0c;在這種情況下&#xff0c;函數 B 可以選擇捕獲 …

Makefile 中:= ?= += =的區別

是最基本的賦值: 是覆蓋之前的值? 是如果沒有被賦值過就賦予等號后面的值 是添加等號后面的值轉載于:https://www.cnblogs.com/mingyunrangwozoudaoxianzai/p/10118039.html

原生JS寫Ajax的請求函數

本文主要介紹了如何通過原生JavaScript封裝ajax請求&#xff0c;文中給出了具體的實現代碼和詳細的解釋&#xff0c;希望對你有所幫助。 一、JS原生Ajax ajax&#xff1a;一種請求數據的方式&#xff0c;不需要刷新整個頁面&#xff1b; ajax的技術核心是 XMLHttpRequest 對象&…

軟件工程--第十三周學習進度

第十三周代碼量258 所花時間 6h博客量 2篇了解到的知識點 在尋找“水王”程序編寫時&#xff0c;學習了一種新的設計思想&#xff0c;兩兩刪除法&#xff0c;最后剩下的就是水王。這種設計思想&#xff0c;感覺可以用到多種編程&#xff0c;感覺很有意思。轉載于:https://www.c…

如何使用 tf object detection

# 如何使用 tf object detectionhttps://juejin.i m/entry/5a7976166fb9a06335319080https://towardsdatascience.com/how-to-train-your-own-object-detector-with-tensorflows-object-detector-api-bec72ecfe1d9https://towardsdatascience.com/building-a-toy-detector-with…

WEB文件上傳之JQuery ajaxfileupload插件使用(二)

1.JQuery ajaxfileupload插件使用準備 下載地址&#xff1a; http://www.phpletter.com/DOWNLOAD/ 2.原理分析 ajaxfileupload也是利用iframe實現無刷新異步提交&#xff0c;與我的上一篇文章&#xff08;WEB文件上傳之apache common upload使用&#xff08;一&#xff09;&…

Navicat安裝激活

有條件的同學麻煩不要使用下面的激活步驟&#xff0c;僅供個人學習使用 。。。。。。 。。。。。。 。。。。。。 。。。。。。 一、去官網下載最新Navicat軟件https://www.navicat.com.cn/download/navicat-premium 二、去下載激活腳本https://github.com/DoubleLabyrinth/nav…

WEB文件上傳之apache common upload使用(一)

文件上傳一個經常用到的功能&#xff0c;它有許多中實現的方案。 頁面表單 RFC1897規范 http協議上傳 頁面控件(flash/html5/activeX/applet) RFC1897規范 http協議上傳 頁面控件(flash/html5/activeX/applet) 自定義數據規范 http協議上傳 頁面控件(flash/html5/act…

前端CSS學習筆記

一 CSS介紹 層疊樣式表(英文全稱&#xff1a;Cascading Style Sheets)是一種用來表現HTML&#xff08;超文本標記語言&#xff09;或XML&#xff08;標準通用標記語言的一個子集&#xff09;等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁&#xff0c;還可以配合各種腳本語…

自律以自救

在一次邏輯思維的跨年晚會上&#xff0c;羅胖曾以「帝王」來形容活在當下移動互聯網世界的人們。一個手機 App 可以讓你足不出戶&#xff0c;享受上百名廚師團隊的服務&#xff0c;中飯想吃啥菜式、樣品&#xff0c;輸入框中一應俱全&#xff0c;光論規格&#xff0c;可能已超過…

Validform使用入門

Validform使用入門 1、引入css 請查看下載文件中的style.css&#xff0c;把里面Validform必須部分復制到你的css中&#xff08;文件里這個注釋 "/*以下部分是Validform必須的*/" 之后的部分是必須的&#xff09;。之前發現有部分網友把整個style.css都引用在了頁面…

Java爬取并下載酷狗音樂

本文方法及代碼僅供學習&#xff0c;僅供學習。 案例&#xff1a; 下載酷狗TOP500歌曲&#xff0c;代碼用到的代碼庫包含&#xff1a;Jsoup、HttpClient、fastJson等。 正文&#xff1a; 1、分析是否可以獲取到TOP500歌單 打開酷狗首頁&#xff0c;查看TOP500&#xff0c;發現存…

C 表達式及返回值

以下程序的輸出結果是__A____。 #include<stdio.h> main() {int i10,j10;printf("%d,%d\n",i,j--); } A、11,10 B、9,10 C、010,9 D、10,9 8.若變量a、i已正確定義&#xff0c;且i已正確賦值&#xff0c;合法的語句是___B___。 A、a1 B、i; C、…

Webpack/Vue-cli兩種方式加載markdown文件并實現代碼高亮

準備的資源&#xff1a; highlight.js &#xff1a; 實現代碼高亮&#xff0c;通過npm install highlight.js -D安裝 vue-markdown-loader&#xff1a;解析md文件的必備loader&#xff0c;通過npm install vue-markdown-loader -D安裝 下面我們分兩個場景來說明一下md文件的…

新浪微博第三方登陸重定向錯誤23123

新浪微博第三方登陸重定向錯誤23123 2019年06月02日 13:49:43 溫室花朵 閱讀數&#xff1a;2更多 個人分類&#xff1a; 第三方微博登陸21323編輯當我們使用微博第三方登陸的時候&#xff0c;發現登陸出錯了&#xff0c;錯誤碼為&#xff1a;21323&#xff0c;解決方案如下&…

Utility Manager 的一些百度不了的操作

一進來是不是這樣的&#xff01; 那突然出了點問題&#xff0c;咋辦呢&#xff01; 就像這樣子的&#xff0c; 恢復默認布局就OK啦&#xff01;哈哈哈&#xff0c;太聰明啦&#xff0c;但是百度了好長時間還是找不到啊&#xff0c;怎么辦吶&#xff0c;煩死啦&#xff01; 其實…

Echart 5.0+版本報錯Error in data(): “TypeError: Cannot read properties of undefined (reading ‘graphic‘)“

首先第一步需要檢查echarts的導入方式&#xff0c;在5.0以后的版本&#xff0c;echarts做了比較大的調整&#xff0c;在vue中引入時必須使用如下命令 // import echarts from echarts 這種方式高版本不支持import * as echarts from echartsvue.prototype.$echarts echarts其次…

記錄一次內網滲透試驗

0x00 前言 目標&#xff1a;給了一個目標機ip&#xff0c;要求得到該服務器權限&#xff0c;并通過該ip滲透至內網控制內網的兩臺服務器 攻擊機&#xff1a;kali (192.168.31.51) 目標機&#xff1a;windows 2003 (192.168.31.196) 0x01 信息收集 nmap端口探測 御劍后臺掃描 …