前端面試常見問答

作者:老大徒傷悲
來源:知乎

1. 常用那幾種瀏覽器測試?有哪些內核(Layout Engine)?

       (Q1) 瀏覽器:IE,Chrome,FireFox,Safari,Opera。
       (Q2) 內核:Trident,Gecko,Presto,Webkit。

2. 說下行內元素和塊級元素的區別?行內塊元素的兼容性使用?(IE8 以下)

       (Q1) 行內元素:會在水平方向排列,不能包含塊級元素,設置width無效,height無效(可以設置line-height),margin上下無效,padding上下無效。
       塊級元素:各占據一行,垂直方向排列。從新行開始結束接著一個斷行。
       (Q2) 兼容性:display:inline-block;*display:inline;*zoom:1;

3. 清除浮動有哪些方式?比較好的方式是哪一種?

       (Q1)
       (1)父級div定義height。
       (2)結尾處加空div標簽clear:both。
       (3)父級div定義偽類:after和zoom。
       (4)父級div定義overflow:hidden。
       (5)父級div定義overflow:auto。
       (6)父級div也浮動,需要定義寬度。
       (7)父級div定義display:table。
       (8)結尾處加br標簽clear:both。
       (Q2) 比較好的是第3種方式,好多網站都這么用。

4. box-sizing常用的屬性有哪些?分別有什么作用?

       (Q1)box-sizing: content-box|border-box|inherit;
       (Q2)content-box:寬度和高度分別應用到元素的內容框。在寬度和高度之外繪制元素的內邊距和邊框(元素默認效果)。
       border-box:元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪制。通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度。

5. Doctype作用?標準模式與兼容模式各有什么區別?
       (Q1) <!DOCTYPE>告知瀏覽器的解析器用什么文檔標準解析這個文檔。DOCTYPE不存在或格式不正確會導致文檔以兼容模式呈現。
       (Q2) 標準模式的排版和JS運作模式都是以該瀏覽器支持的最高標準運行。在兼容模式中,頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點無法工作。

6. HTML5 為什么只需要寫 <!DOCTYPE HTML>?

       HTML5不基于 SGML,因此不需要對DTD進行引用,但是需要doctype來規范瀏覽器的行為(讓瀏覽器按照它們應該的方式來運行)。
       而HTML4.01基于SGML,所以需要對DTD進行引用,才能告知瀏覽器文檔所使用的文檔類型。

7. 頁面導入樣式時,使用link和@import有什么區別?

       (1)link屬于XHTML標簽,除了加載CSS外,還能用于定義RSS, 定義rel連接屬性等作用;而@import是CSS提供的,只能用于加載CSS;
       (2)頁面被加載的時,link會同時被加載,而@import引用的CSS會等到頁面被加載完再加載;
       (3)import是CSS2.1 提出的,只在IE5以上才能被識別,而link是XHTML標簽,無兼容問題。

8. 介紹一下你對瀏覽器內核的理解?

       主要分成兩部分:渲染引擎(layout engineer或Rendering Engine)和js引擎。

       渲染引擎:負責取得網頁的內容(HTML、XML、圖像等等)、整理訊息(例如加入CSS等),以及計算網頁的顯示方式,然后會輸出至顯示器或打印機。
        瀏覽器的內核的不同對于網頁的語法解釋會有不同,所以渲染的效果也不相同。所有網頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網絡內容的應用程序都需要內核。

       JS引擎則:解析和執行javascript來實現網頁的動態效果。

       最開始渲染引擎和JS引擎并沒有區分的很明確,后來JS引擎越來越獨立,內核就傾向于只指渲染引擎。

9. html5有哪些新特性?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5?
       (Q1)
       HTML5 現在已經不是 SGML 的子集,主要是關于圖像,位置,存儲,多任務等功能的增加。
       (1)繪畫 canvas;
       (2)用于媒介回放的 video 和 audio 元素;
       (3)本地離線存儲 localStorage 長期存儲數據,瀏覽器關閉后數據不丟失;
       (4)sessionStorage 的數據在瀏覽器關閉后自動刪除;
       (5)語意化更好的內容元素,比如 article、footer、header、nav、section;
       (6)表單控件,calendar、date、time、email、url、search;
       (7)新的技術webworker, websocket, Geolocation;

       (Q2)
       IE8/IE7/IE6支持通過document.createElement方法產生的標簽,
       可以利用這一特性讓這些瀏覽器支持HTML5新標簽,
       瀏覽器支持新標簽后,還需要添加標簽默認的樣式。
       當然也可以直接使用成熟的框架、比如html5shim,
       <!--[if lt IE 9]>
       <![endif]-->

10. 簡述一下你對HTML語義化的理解?

       用正確的標簽做正確的事情。
       html語義化讓頁面的內容結構化,結構更清晰,便于對瀏覽器、搜索引擎解析;
       即使在沒有樣式CSS情況下也以一種文檔格式顯示,并且是容易閱讀的;
       搜索引擎的爬蟲也依賴于HTML標記來確定上下文和各個關鍵字的權重,利于seo;
       使閱讀源代碼的人對網站更容易將網站分塊,便于閱讀維護理解。

JavaScript

       1. 介紹js的基本數據類型

       Undefined、Null、Boolean、Number、String

       2. js有哪些內置對象?

       數據封裝類對象:Object、Array、Boolean、Number 和 String

       其他對象:Function、Arguments、Math、Date、RegExp、Error

       3. this對象的理解

       this總是指向函數的直接調用者(而非間接調用者);

       如果有new關鍵字,this指向new出來的那個對象;

       在事件中,this指向觸發這個事件的對象,特殊的是,IE中的attachEvent中的this總是指向全局對象Window。

       4. eval是做什么的?

       它的功能是把對應的字符串解析成JS代碼并運行;

       應該避免使用eval,不安全,非常耗性能(2次,一次解析成js語句,一次執行)。

       由JSON字符串轉換為JSON對象的時候可以用eval,var obj =eval('('+ str +')')。

       5. DOM怎樣添加、移除、移動、復制、創建和查找節點

       // 創建新節點

       createDocumentFragment() //創建一個DOM片段

       createElement() //創建一個具體的元素

       createTextNode() //創建一個文本節點

       // 添加、移除、替換、插入

       appendChild()

       removeChild()

       replaceChild()

       insertBefore() //在已有的子節點前插入一個新的子節點

       // 查找

       getElementsByTagName() //通過標簽名稱

       getElementsByName() //通過元素的Name屬性的值(IE容錯能力較強,會得到一個數組,其中包括id等于name值的)

       getElementById() //通過元素Id,唯一性

       6. null和undefined的區別?

       null是一個表示"無"的對象,轉為數值時為0;undefined是一個表示"無"的原始值,轉為數值時為NaN。

       undefined:

       (1)變量被聲明了,但沒有賦值時,就等于undefined。

       (2) 調用函數時,應該提供的參數沒有提供,該參數等于undefined。

       (3)對象沒有賦值的屬性,該屬性的值為undefined。

       (4)函數沒有返回值時,默認返回undefined。

       null:

       (1) 作為函數的參數,表示該函數的參數不是對象。

       (2) 作為對象原型鏈的終點。

       7. new操作符具體干了什么呢?

       (1)創建一個空對象,并且 this 變量引用該對象,同時還繼承了該函數的原型。

       (2)屬性和方法被加入到 this 引用的對象中。

       (3)新創建的對象由 this 所引用,并且最后隱式的返回 this 。

       8. JSON 的了解?

       JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。它是基于JavaScript的一個子集。數據格式簡單, 易于讀寫, 占用帶寬小。

       格式:采用鍵值對,例如:{'age':'12', 'name':'back'}

       9. call() 和 apply() 的區別和作用?

       apply()函數有兩個參數:第一個參數是上下文,第二個參數是參數組成的數組。如果上下文是null,則使用全局對象代替。

       如:function.apply(this,[1,2,3]);

       call()的第一個參數是上下文,后續是實例傳入的參數序列。

       如:function.call(this,1,2,3);

       10. 如何獲取UA?

       function whatBrowser() {

       document.Browser.Name.value=navigator.appName;

       document.Browser.Version.value=navigator.appVersion;

       document.Browser.Code.value=navigator.appCodeName;

       document.Browser.Agent.value=navigator.userAgent;

       }

       其他

       1. HTTP狀態碼知道哪些?

       100 Continue 繼續,一般在發送post請求時,已發送了http header之后服務端將返回此信息,表示確認,之后發送具體參數信息

       200 OK 正常返回信息

       201 Created 請求成功并且服務器創建了新的資源

       202 Accepted 服務器已接受請求,但尚未處理

       301 Moved Permanently 請求的網頁已永久移動到新位置。

       302 Found 臨時性重定向。

       303 See Other 臨時性重定向,且總是使用 GET 請求新的 URI。

       304 Not Modified 自從上次請求后,請求的網頁未修改過。

       400 Bad Request 服務器無法理解請求的格式,客戶端不應當嘗試再次使用相同的內容發起請求。

       401 Unauthorized 請求未授權。

       403 Forbidden 禁止訪問。

       404 Not Found 找不到如何與 URI 相匹配的資源。

       500 Internal Server Error 最常見的服務器端錯誤。

       503 Service Unavailable 服務器端暫時無法處理請求(可能是過載或維護)。

       2. 你有哪些性能優化的方法?

       (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) 圖片預加載,將樣式表放在頂部,將腳本放在底部 加上時間戳。

       3. 什么叫優雅降級和漸進增強?

       優雅降級:web站點在所有新式瀏覽器中都能正常工作,如果用戶使用的是老式瀏覽器,則代碼會檢查以確認它們是否能正常工作。
       由于IE獨特的盒模型布局問題,針對不同版本的IE的hack實踐過優雅降級了,為那些無法支持功能的瀏覽器增加候選方案,使之在舊式瀏覽器上以某種形式降級體驗卻不至于完全失效。

       漸進增強:從被所有瀏覽器支持的基本功能開始,逐步地添加那些只有新式瀏覽器才支持的功能,向頁面增加無害于基礎瀏覽器的額外樣式和功能的。當瀏覽器支持時,它們會自動地呈現出來并發揮作用。

       4. 哪些常見操作會造成內存泄漏?

       內存泄漏指任何對象在您不再擁有或需要它之后仍然存在。

       垃圾回收器定期掃描對象,并計算引用了每個對象的其他對象的數量。如果一個對象的引用數量為 0(沒有其他對象引用過該對象),或對該對象的惟一引用是循環的,那么該對象的內存即可回收。

       setTimeout 的第一個參數使用字符串而非函數的話,會引發內存泄漏。

       閉包、控制臺日志、循環(在兩個對象彼此引用且彼此保留時,就會產生一個循環)。

       5. 線程與進程的區別

       一個程序至少有一個進程,一個進程至少有一個線程。

       線程的劃分尺度小于進程,使得多線程程序的并發性高。

       另外,進程在執行過程中擁有獨立的內存單元,而多個線程共享內存,從而極大地提高了程序的運行效率。

       線程在執行過程中與進程還是有區別的。每個獨立的線程有一個程序運行的入口、順序執行序列和程序的出口。但是線程不能夠獨立執行,必須依存在應用程序中,由應用程序提供多個線程執行控制。

       從邏輯角度來看,多線程的意義在于一個應用程序中,有多個執行部分可以同時執行。但操作系統并沒有將多個線程看做多個獨立的應用,來實現進程的調度和管理以及資源分配。這就是進程和線程的重要區別。

       HTML

       Doctype作用?嚴格模式與混雜模式如何區分?它們有何意義?
       HTML5 為什么只需要寫 <!DOCTYPE HTML>?
       行內元素有哪些?塊級元素有哪些? 空(void)元素有那些?
       頁面導入樣式時,使用link和@import有什么區別?
       介紹一下你對瀏覽器內核的理解?
       常見的瀏覽器內核有哪些?
       html5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5?
       簡述一下你對HTML語義化的理解?
       HTML5的離線儲存怎么使用,工作原理能不能解釋一下?
       瀏覽器是怎么對HTML5的離線儲存資源進行管理和加載的呢?
       請描述一下 cookies,sessionStorage 和 localStorage 的區別?
       iframe有那些缺點?
       Label的作用是什么?是怎么用的?(加 for 或 包裹)
       HTML5的form如何關閉自動完成功能?
       如何實現瀏覽器內多個標簽頁之間的通信? (阿里)
       webSocket如何兼容低瀏覽器?(阿里)
       頁面可見性(Page Visibility)API 可以有哪些用途?
       如何在頁面上實現一個圓形的可點擊區域?
       實現不使用 border 畫出1px高的線,在不同瀏覽器的Quirksmode和CSSCompat模式下都能保持同一效果。
       網頁驗證碼是干嘛的,是為了解決什么安全問題?
       tite與h1的區別、b與strong的區別、i與em的區別?

       CSS

       介紹一下標準的CSS的盒子模型?與低版本IE的盒子模型有什么不同的?
       CSS選擇符有哪些?哪些屬性可以繼承?
       CSS優先級算法如何計算?
       css3新增偽類有那些?
       如何居中div?如何居中一個浮動元素?如何讓絕對定位的div居中?
       display有哪些值?說明他們的作用。
       position的值relative和absolute定位原點是?
       CSS3有哪些新特性?
       請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景?
       用純CSS創建一個三角形的原理是什么?
       一個滿屏 品 字布局 如何設計?
       常見兼容性問題?
       li與li之間有看不見的空白間隔是什么原因引起的?有什么解決辦法?
       經常遇到的瀏覽器的兼容性有哪些?原因,解決方法是什么,常用hack的技巧 ?
       為什么要初始化CSS樣式。
       absolute的containing block計算方式跟正常流有什么不同?
       CSS里的visibility屬性有個collapse屬性值是干嘛用的?在不同瀏覽器下以后什么區別?
       position跟display、margin collapse、overflow、float這些特性相互疊加后會怎么樣?
       對BFC規范(塊級格式化上下文:block formatting context)的理解?
       CSS權重優先級是如何計算的?
       請解釋一下為什么會出現浮動和什么時候需要清除浮動?清除浮動的方式
       移動端的布局用過媒體查詢嗎?
       使用 CSS 預處理器嗎?喜歡那個?
       CSS優化、提高性能的方法有哪些?
       瀏覽器是怎樣解析CSS選擇器的?
       在網頁中的應該使用奇數還是偶數的字體?為什么呢?
       margin和padding分別適合什么場景使用?
       抽離樣式??樵趺蔥?,說出思路,有無實踐經驗?[阿里航旅的面試題]元素豎向的百分比設定是相對于容器的高度嗎?
       全屏滾動的原理是什么?用到了CSS的那些屬性?
       什么是響應式設計?響應式設計的基本原理是什么?如何兼容低版本的IE?
       視差滾動效果,如何給每頁做不同的動畫?(回到頂部,向下滑動要再次出現,和只出現一次分別怎么做?)
       ::before 和 :after中雙冒號和單冒號 有什么區別?解釋一下這2個偽元素的作用。
       如何修改chrome記住密碼后自動填充表單的黃色背景 ?
       你對line-height是如何理解的?
       設置元素浮動后,該元素的display值是多少?(自動變成display:block)
       怎么讓Chrome支持小于12px 的文字?
       讓頁面里的字體變清晰,變細用CSS怎么做?(-webkit-font-smoothing: antialiased;)
       font-style屬性可以讓它賦值為“oblique” oblique是什么意思?
       position:fixed;在Android下無效怎么處理?
       如果需要手動寫動畫,你認為最小時間間隔是多久,為什么?(阿里)
       display:inline-block 什么時候會顯示間隙?(攜程)
       overflow: scroll時不能平滑滾動的問題怎么處理?
       有一個高度自適應的div,里面有兩個div,一個高度100px,希望另一個填滿剩下的高度。
       png、jpg、gif 這些圖片格式解釋一下,分別什么時候用。有沒有了解過webp?
       什么是Cookie 隔離?(或者說:請求資源的時候不要讓它帶cookie怎么做)
       style標簽寫在body后與body前有什么區別?

       JavaScript

       介紹JavaScript的基本數據類型。
       說說寫JavaScript的基本規范?
       JavaScript原型,原型鏈 ? 有什么特點?
       JavaScript有幾種類型的值?(堆:原始數據類型和 棧:引用數據類型),你能畫一下他們的內存圖嗎?
       Javascript如何實現繼承?
       Javascript創建對象的幾種方式?
       Javascript作用鏈域?
       談談This對象的理解。
       eval是做什么的?
       什么是window對象? 什么是document對象?
       null,undefined的區別?
       寫一個通用的事件偵聽器函數(機試題)。
       [“1”, “2”, “3”].map(parseInt) 答案是多少?
       關于事件,IE與火狐的事件機制有什么區別? 如何阻止冒泡?
       什么是閉包(closure),為什么要用它?
       javascript 代碼中的”use strict”;是什么意思 ? 使用它區別是什么?
       如何判斷一個對象是否屬于某個類?
       new操作符具體干了什么呢?
       用原生JavaScript的實現過什么功能嗎?
       Javascript中,有一個函數,執行時對象查找時,永遠不會去查找原型,這個函數是?
       對JSON的了解?
       [].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toString(16) }) 能解釋一下這段代碼的意思嗎?
       js延遲加載的方式有哪些?
       Ajax 是什么? 如何創建一個Ajax?
       同步和異步的區別?
       如何解決跨域問題?
       頁面編碼和被請求的資源編碼如果不一致如何處理?
       ??榛⒃趺醋??
       AMD(Modules/Asynchronous-Definition)、CMD(Common Module Definition)規范區別?
       requireJS的核心原理是什么?(如何動態加載的?如何避免多次加載的?如何 緩存的?)
       讓你自己設計實現一個requireJS,你會怎么做?
       談一談你對ECMAScript6的了解?
       ECMAScript6 怎么寫class么,為什么會出現class這種東西?
       異步加載的方式有哪些?
       documen.write和 innerHTML的區別?
       DOM操作——怎樣添加、移除、移動、復制、創建和查找節點?
       .call() 和 .apply() 的含義和區別?
       數組和對象有哪些原生方法,列舉一下?
       JS 怎么實現一個類。怎么實例化這個類
       JavaScript中的作用域與變量聲明提升?
       如何編寫高性能的Javascript?
       那些操作會造成內存泄漏?
       JQuery的源碼看過嗎?能不能簡單概況一下它的實現原理?
       jQuery.fn的init方法返回的this指的是什么對象?為什么要返回this?
       jquery中如何將數組轉化為json字符串,然后再轉化回來?
       jQuery 的屬性拷貝(extend)的實現原理是什么,如何實現深拷貝?
       jquery.extend 與 jquery.fn.extend的區別?
       jQuery 的隊列是如何實現的?隊列可以用在哪些地方?
       談一下Jquery中的bind(),live(),delegate(),on()的區別?
       JQuery一個對象可以同時綁定多個事件,這是如何實現的?
       是否知道自定義事件。jQuery里的fire函數是什么意思,什么時候用?
       jQuery 是通過哪個方法和 Sizzle 選擇器結合的?(jQuery.fn.find()進入Sizzle)
       針對 jQuery性能的優化方法?
       Jquery與jQuery UI有啥區別?
       JQuery的源碼看過嗎?能不能簡單說一下它的實現原理?
       jquery 中如何將數組轉化為json字符串,然后再轉化回來?
       jQuery和Zepto的區別?各自的使用場景?
       針對 jQuery 的優化方法?
       Zepto的點透問題如何解決?
       jQueryUI如何自定義組件?
       需求:實現一個頁面操作不會整頁刷新的網站,并且能在瀏覽器前進、后退時正確響應。給出你的技術實現方案?
       如何判斷當前腳本運行在瀏覽器還是node環境中?(阿里)
       移動端最小觸控區域是多大?
       jQuery 的 slideUp動畫 ,如果目標元素是被外部事件驅動, 當鼠標快速地連續觸發外部元素事件, 動畫會滯后的反復執行,該如何處理呢?
       把 Script 標簽 放在頁面的最底部的body封閉之前 和封閉之后有什么區別?瀏覽器會如何解析它們?
       移動端的點擊事件的有延遲,時間是多久,為什么會有? 怎么解決這個延時?(click 有 300ms 延遲,為了實現safari的雙擊事件的設計,瀏覽器要知道你是不是要雙擊操作。)
       知道各種JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能講出他們各自的優點和缺點么?
       Underscore 對哪些 JS 原生對象進行了擴展以及提供了哪些好用的函數方法?
       解釋JavaScript中的作用域與變量聲明提升?
       那些操作會造成內存泄漏?
       JQuery一個對象可以同時綁定多個事件,這是如何實現的?
       Node.js的適用場景?
       (如果會用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?
       解釋一下 Backbone 的 MVC 實現方式?
       什么是“前端路由”?什么時候適合使用“前端路由”? “前端路由”有哪些優點和缺點?
       知道什么是webkit么? 知道怎么用瀏覽器的各種工具來調試和debug代碼么?
       如何測試前端代碼么? 知道BDD, TDD, Unit Test么? 知道怎么測試你的前端工程么(mocha, sinon, jasmin, qUnit..)?
       前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?
       簡述一下 Handlebars 的基本用法?
       簡述一下 Handlerbars 的對模板的基本處理流程, 如何編譯的?如何緩存的?
       用js實現千位分隔符?(來源:前端農民工,提示:正則+replace)
       檢測瀏覽器版本版本有哪些方式?
       我們給一個dom同時綁定兩個點擊事件,一個用捕獲,一個用冒泡,你來說下會執行幾次事件,然后會先執行冒泡還是捕獲
       其他問題

       原來公司工作流程是怎么樣的,如何與其他人協作的?如何夸部門合作的?
       你遇到過比較難的技術問題是?你是如何解決的?
       設計模式 知道什么是singleton, factory, strategy, decrator么?
       常使用的庫有哪些?常用的前端開發工具?開發過什么應用或組件?
       頁面重構怎么操作?
       列舉IE與其他瀏覽器不一樣的特性?
       99%的網站都需要被重構是那本書上寫的?
       什么叫優雅降級和漸進增強?
       是否了解公鑰加密和私鑰加密。
       WEB應用從服務器主動推送Data到客戶端有那些方式?
       對Node的優點和缺點提出了自己的看法?
       你有用過哪些前端性能優化的方法?
       http狀態碼有那些?分別代表是什么意思?
       一個頁面從輸入 URL 到頁面加載顯示完成,這個過程中都發生了什么?(流程說的越詳細越好)
       部分地區用戶反應網站很卡,請問有哪些可能性的原因,以及解決方法?
       從打開app到刷新出內容,整個過程中都發生了什么,如果感覺慢,怎么定位問題,怎么解決?
       除了前端以外還了解什么其它技術么?你最最厲害的技能是什么?
       你用的得心應手用的熟練地編輯器&開發環境是什么樣子?
       對前端界面工程師這個職位是怎么樣理解的?它的前景會怎么樣?
       你怎么看待Web App 、hybrid App、Native App?
       你移動端前端開發的理解?(和 Web 前端開發的主要區別是什么?)
       你對加班的看法?
       平時如何管理你的項目?
       說說最近最流行的一些東西吧?常去哪些網站?
       如何設計突發大規模并發架構?
       說說最近最流行的一些東西吧?常去哪些網站?
       是否了解開源的工具 bower、npm、yeoman、Grunt、gulp,一個 npm 的包里的 package.json 具備的必要的字段都有哪些?(名稱、版本號,依賴)
       每個??櫚拇虢峁茍加Ω帽冉霞虻?,且每個??櫓淶墓叵狄燦Ω梅淺G邐?,隨著功能和迭代次數越來越多,你會如何去保持這個狀態的?
       Git知道branch, diff, merge么?
       如何設計突發大規模并發架構?
       當團隊人手不足,把功能代碼寫完已經需要加班的情況下,你會做前端代碼的測試嗎?
       說說最近最流行的一些東西吧?平時常去哪些網站?
       知道什么是SEO并且怎么優化么? 知道各種meta data的含義么?
       移動端(Android ios)怎么做好用戶體驗?
       簡單描述一下你做過的移動APP項目研發流程?
       你在現在的團隊處于什么樣的角色,起到了什么明顯的作用?
       你認為怎樣才是全端工程師(Full Stack developer)?
       介紹一個你最得意的作品吧?
       你有自己的技術博客嗎,用了哪些技術?
       對前端安全有什么看法?
       是否了解Web注入攻擊,說下原理,最常見的兩種攻擊(XSS 和 CSRF)了解到什么程度?
       項目中遇到國哪些印象深刻的技術難題,具體是什么問題,怎么解決?。
       最近在學什么東西?
       你的優點是什么?缺點是什么?
       如何管理前端團隊?
       最近在學什么?能談談你未來3,5年給自己的規劃嗎?


上一篇: 前端開發自動化單元測試趨勢

下一篇: 10個HTML 5.1的新功能

分享到: 更多
河北时时一定牛推荐号 重庆时时彩有赢钱的吗 捕鱼达人2有卡片的版本下载 长期包九肖能不能赚钱 6码倍投6期方 体球网足球即时比分手机版 pk10赛车直播官网平台 欢乐生肖是官方彩吗 七乐彩中奖规则 双色基本球走势 澳门骰子玩法图 全球彩票下载 金库游戏LG 重庆时时计划八仙 七乐彩走势图表近50期 双色球开奖杀号