要想在眾多面試者中脫穎而出,就需要具備過硬的專業技能。如何提升自身的專業技能呢,首先需要不斷的進行專業知識的學習,可以選擇專業的培訓機構或者自學,同時在求職階段,多刷面試題,例如下面的HTML5經典面試題集錦。
1.百度移動端首頁秒開是如何做到的?
從幾個方面優化:
(1)靜態文件放置
(2)緩存
(3)外鏈
(4)緩存DOM
(5)使用iconfont
(6)卡片的異步加載與緩存
(7)不在首屏的就要異步化
(8)少量靜態文件的域名
2.前端速度統計(性能統計)如何做?
回答下面的兩個問題:
(1)網站都有哪些指標?
(2)如何統計自己網站的這些指標?
架構
3.如果讓你來制作一個訪問量很高的大型網站,你會如何來管理所有css、js文件、圖片?
(1)遵循自定的一套CSS,JS和圖片文件和文件夾命名規范
(2)依托采用的前端工程化工具,依照工具腳手架規范 (gulp, webpack, grunt, yeoman)
(3)依據采用的框架規范(Vue, React, jQuery)
4.如果沒有框架、怎么搭建你的項目
應用原生JS自己嘗試搭建一個MVC架構:
(1) 基本模塊
common:公共的一組件,下面的各模塊都會用到
config:配置模塊,解決框架的配置問題
startup:啟動模塊,解決框架和Servlet如何進行整合的問題
plugin:插件模塊,插件機制的實現,提供IPlugin的抽象實現
routing:路由模塊,解決請求路徑的解析問題,提供了IRoute的抽象實現和基本實現
controller:控制器模塊,解決的是如何產生控制器
model:視圖模型模塊,解決的是如何綁定方法的參數
action:action模塊,解決的是如何調用方法以及方法返回的結果,提供了IActionResult的抽象實現和基本實現
view:視圖模塊,解決的是各種視圖引擎和框架的適配
filter:過濾器模塊,解決是執行Action,返回IActionResult前后的AOP功能,提供了IFilter的抽象實現以及基本實現
(2)擴展模塊
filters:一些IFilter的實現
results:一些IActionResult的實現
routes:一些IRoute的實現
plugins:一些IPlugin的實現
5.在選擇框架的時候要從哪方面入手?
影響團隊技術選型有很多因素,如技術組成,新技術,新框架,語言及發布等。為了更好的考量不同的因素,需要列出重要的象限,如開發效率、團隊喜好,依次來決定哪個框架更適合當前的團隊和項目。上線時間影響框架選擇,不要盲目替換現有框架。
(1)jQuery
項目功能比較簡單。并不需要做成一個單頁面應用,就不需要 MV* 框架。項目是一個遺留系統。與其使用其他框架來替換,不如留著以后重寫項目。
(2)AngularJS
當我們在制作一個應用,它對性能要求不是很高的時候,那么我們應該選擇開發速度更快的技術棧AngularJS,她擁有混合開發能力的ionic框架。對于復雜的前端應用來說,基于 Angular.js 應用的運行效率,仍然有大量地改進空間。Angular2需要學習新的語言,需慎重選擇。
(3)React
選擇React有兩個原因,一是通過Virtual DOM提高運行效率,二是通過組件化提高開發效率。大型項目**。選擇 React 還有一個原因是:React Native、React VR 等等,可以讓 React 運行在不同的平臺之上。我們還能通過 React **編寫出原生應用,還有 VR 應用。
令人遺憾的是 React 只是一個 View 層,它是為了優化 DOM 的操作而誕生的。為了完成一個完整的應用,我們還需要路由庫、執行單向流庫、web API 調用庫、測試庫、依賴管理庫等等,為了完整搭建出一個完整的 React 項目,我們還需要做大量的額外工作。
(4)Vue.js
對于使用 Vue.js 的開發者來說,我們仍然可以使用 熟悉的 HTML 和 CSS 來編寫代碼。并且,Vue.js 也使用了 Virtual DOM、Reactive 及組件化的思想,可以讓我們集中精力于編寫應用,而不是應用的性能。
對于沒有 Angular 和 React 經驗的團隊,并且規模不大的前端項目來說,Vue.js 是一個非常好的選擇。
以上HTML5經典面試題集錦是在面試的過程中經常會遇到的,建議大家多花些時間進行記憶、聯系,以便在面試的時候做到得心應手。更多關于Web問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。