[前端求職必看]前端開發面試題與答案精選_擴展問題
天蓬老师
天蓬老师 2017-11-13 13:07:13
0
2
1801

你遇到過比較難的技術問題是?你是如何解決的?

常用的函式庫有哪些?常用的前端開發工具?開發過什麼應用或元件?

頁面重構怎麼操作?

列舉IE 與其他瀏覽器不一樣的特性?

99%的網站都需要被重構是那本書上寫的?

什麼叫優雅降級和漸進增強?

WEB應用程式從伺服器主動推送Data到客戶端有那些方式?

對Node的優點和缺點提出了自己的看法?

*(優點)因為Node是基於事件驅動和無阻塞的,所以非常適合處理並發請求,
 因此構建在Node上的代理伺服器相比其他技術實現(如Ruby)的伺服器表現好得多。
 此外,與Node代理伺服器互動的客戶端程式碼是由javascript語言編寫的,
 因此客戶端和伺服器端都用同一種語言編寫,這是非常美妙的事情。

*(缺點)Node是一個相對新的開源項目,所以不太穩定,它總是一直在變,
 而且缺乏足夠的第三方​​函式庫支援。看起來,就像是Ruby/Rails當年的樣子。

你有哪些效能優化的方法?

(看雅虎14個效能優化原則)。

 (1) 減少http請求次數:CSS Sprites, JS、CSS原始碼壓縮、圖片大小控制合適;網頁Gzip,CDN託管,data快取 ,圖片伺服器。

 (2) 前端模板JS 數據,減少由於HTML標籤導致的頻寬浪費,前端用變量保存AJAX請求結果,每次操作本地變量,不用請求,減少請求次數

#  ( 3) 用innerHTML取代DOM操作,減少DOM操作次數,優化javascript效能。

 (4) 當需要設定的樣式很多時設定className而不是直接操作style。

 (5) 少用全域變數、快取DOM節點尋找的結果。減少IO讀取操作。

 (6) 避免使用CSS Expression(css表達式)又稱為Dynamic properties(動態屬性)。

 (7) 圖片預先加載,將樣式表放在頂部,將腳本放在底部  加上時間戳記。

 (8) 避免在頁面的主體佈局中使用table,table要等其中的內容完全下載之後才會顯示出來,顯示比div css佈局慢。

http狀態碼有那些?分別代表是什麼意思?

100-199 用來指定客戶端應對應的某些動作。
200-299 用來表示請求成功。
300-399 用於已經移動的檔案並且常被包含在定位頭資訊中指定新的位址資訊。
400-499 用來指出客戶端的錯誤。 400    1、語意有誤,目前請求無法被伺服器理解。 401   目前請求需要使用者驗證 403  伺服器已經理解請求,但是拒絕執行它。
500-599 用於支援伺服器錯誤。 503 – 服務不可用

#

一個頁面從輸入 URL 到頁面載入顯示完成,這個過程中都發生了什麼事? (流程說的越詳細越好)

   查找瀏覽器快取
   DNS解析、尋找該網域對應的IP位址、重定向(301)、發出第二個GET請求
   進行HTTP協定會話
   用戶端傳送標頭(請求標頭)
   伺服器回饋標頭(回應標頭)
   html文件開始下載
#    文件樹建立,依照標記請求所需指定MIME類型的檔案
文件顯示
   [
   瀏覽器這邊所做的工作大致上分為以下幾個步驟:

   載入:根據請求的URL進行網域解析,向伺服器發起請求,接收檔案(HTML、JS 、CSS、圖像等)。

   解析:將載入到的資源(HTML、JS、CSS等)進行語法解析,建議對應的內部資料結構(例如HTML的DOM樹,JS的(物件)屬性表,CSS的樣式規則等等)
   }

除了前端以外還了解什麼其它技術麼?你最厲害的技能是什麼?

你常用的開發工具是什麼,為什麼?

對前端介面工程師這個職位是怎麼樣理解的?它的前景會怎麼樣?

    前端是最接近使用者的程式設計師,比後端、資料庫、產品經理、營運、安全都更近。
   1、實現介面互動
   2、提升使用者體驗
   3、有了Node.js,前端可以實現服務端的一些事情

#前端是最接近使用者的程式設計師,前端的能力就是能讓產品從90分進化到100 分,甚至更好,

參與項目,快速高品質完成實現效果圖,精確到1px;

與團隊成員,UI設計,產品經理的溝通;

做好的頁面結構,頁面重構和使用者體驗;

處理hack,相容、寫出優美的程式碼格式;

針對伺服器的最佳化、擁抱最新前端技術。

加班的看法?

加班就像藉錢,原則應當是------救急不救窮

平常如何管理你的專案?

       先期團隊必須確定好全域樣式(globe.css),編碼模式(utf-8) 等

       編寫習慣必須一致(例如都是採用繼承式的寫法,單一樣式都寫成一行) ;

       標註樣式編寫人,各模組都及時標註(標註關鍵樣式呼叫的地方);

       頁面標註(例如頁面模組開始與結束);







#)。 CSS跟HTML 分資料夾並行存放,命名都得統一(例如style.css)

       JS 分資料夾存放命民以該JS 功能為準英文翻譯;


      圖片採用整合的images.png png8 格式檔案使用盡量整合在一起使用方便將來的管理

如何設計突發大規模並發架構?

說說最近最流行的一些東西吧?常去哪些網站?

   Node.js、Mongodb、npm、MVVM、MEAN、three.js

行動裝置(Android IOS)怎麼做到使用者體驗?

   清晰的視覺縱線、資訊的分組、極致的減法、

   利用選擇取代輸入、標籤及文字的排布方式、

   依靠明文確認密碼、合理的鍵盤利用、

#你在現在的團隊處於什麼樣的角色,扮演了什麼明顯的角色?


你認為怎麼才是全階工程師(Full Stack developer)?

介紹一個你最得意的作品吧?

你的優點是什麼?缺點是什麼?


如何管理前端團隊?

###最近在學什麼?可以談談你未來3,5年給自己的規劃嗎? ######想問公司的問題? ######   問公司問題:###    目前關注哪些最新的Web前端技術(未來的發展方向)? ###    前端團隊如何運作的(實現一個產品的流程)? ###    公司的薪資結構是什麼樣子的? ################
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆(1)
冥冥之中天注定

老師原諒我問一個跟這個標題無關的問題!我只是找不見可以幫我的人,請見諒!

新企業主要是廠子的皮帶運輸機,有個軟體對機器的即時監控,數據的收集,還有單位廠區的攝影機的監控!這些都上傳伺服器,對於這樣的要求需要怎麼樣的伺服器配置,請推薦一下!我看上一個CPU4核心,記憶體8g 網速10Mbps 不知道怎麼樣,請老師推薦一下,在此謝過!

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!