杭州銀行前端筆試題及答案全

單項選擇題（每題2分，共10題）1.HTTP狀態(tài)碼中，表示“請求成功”的是哪個？A.200B.301C.404D.5002.CSS中，選擇器優(yōu)先級最高的是？A.內(nèi)聯(lián)樣式B.ID選擇器C.類選擇器D.標簽選擇器3.JavaScript中，以下屬于基本數(shù)據(jù)類型的是？A.ObjectB.ArrayC.NumberD.Function4.以下哪個不是JS的異步編程方案？A.回調(diào)函數(shù)B.PromiseC.async/awaitD.synchronized5.以下哪種方式可以在瀏覽器中持久化存儲數(shù)據(jù)？A.sessionStorageB.localStorageC.cookieD.以上都是6.“事件冒泡”指的是？A.事件從目標元素向上傳播到父元素B.事件從父元素向下傳播到目標元素C.事件僅在目標元素觸發(fā)D.事件在多個目標元素間循環(huán)7.Flex布局中，設置子元素在主軸方向居中對齊的屬性是？A.justify-content:centerB.align-items:centerC.flex-direction:centerD.flex-wrap:center8.Vue中，數(shù)據(jù)響應式的核心原理是基于？A.Object.definePropertyB.getter/setterC.ProxyD.以上都是9.瀏覽器渲染頁面時，以下步驟順序正確的是？A.解析HTML→構(gòu)建DOM樹→構(gòu)建CSSOM→合成渲染樹→布局→繪制B.解析HTML→構(gòu)建CSSOM→構(gòu)建DOM樹→合成渲染樹→布局→繪制C.解析HTML→合成渲染樹→構(gòu)建DOM樹→構(gòu)建CSSOM→布局→繪制D.解析HTML→構(gòu)建DOM樹→合成渲染樹→構(gòu)建CSSOM→布局→繪制10.以下關于HTTP請求方法，用于獲取資源的是？A.GETB.POSTC.PUTD.DELETE單項選擇題答案：AACDDAADAA多項選擇題（每題2分，共10題）1.以下屬于JavaScript可迭代對象的有？A.ArrayB.MapC.SetD.Object2.HTTP請求方法中，屬于冪等性的有？A.GETB.POSTC.PUTD.DELETE3.以下屬于CSS中“長度單位”的有？A.pxB.emC.vhD.%4.ES6中引入的新特性有？A.let/constB.箭頭函數(shù)C.模板字符串D.類（class）5.前端常見的安全問題有哪些？A.XSSB.CSRFC.SQL注入D.點擊劫持6.以下屬于DOM事件類型的有？A.clickB.loadC.submitD.onchange7.Vue生命周期中，在實例創(chuàng)建后調(diào)用的鉤子有？A.beforeCreateB.createdC.beforeMountD.mounted8.前端性能優(yōu)化的常見手段有？A.減少HTTP請求B.圖片懶加載C.代碼壓縮D.使用CDN9.HTTP緩存機制包括哪些？A.強緩存B.協(xié)商緩存C.本地緩存D.服務器緩存10.前端框架中，React和Vue的區(qū)別有？A.虛擬DOMB.單向數(shù)據(jù)流C.模板語法D.響應式原理多項選擇題答案：ABCACDABCDABCDABDABCABABCDABBCD判斷題（每題2分，共10題）1.HTTP請求頭中的Referer字段，表示請求來源頁面的URL。（對/錯）2.CSS中display:inline-block元素之間的空格會被瀏覽器忽略。（對/錯）3.JavaScript中使用var聲明的變量具有塊級作用域。（對/錯）4.Promise的then方法是異步執(zhí)行的。（對/錯）5.Vue中v-model指令只能用于表單元素，不能用于自定義組件。（對/錯）6.瀏覽器的同源策略會阻止跨域資源請求，但允許跨域發(fā)送Cookie。（對/錯）7.前端路由的實現(xiàn)方式包括Hash模式和History模式。（對/錯）8.HTTP2相比HTTP1.1的主要改進是支持多路復用。（對/錯）9.CSSFlex布局中，flex-direction的默認值是row。（對/錯）10.JavaScript中，深拷貝和淺拷貝都會復制對象的函數(shù)屬性。（對/錯）判斷題答案：對錯錯對錯錯對對對錯簡答題（總4題，每題5分）1.請簡述瀏覽器的渲染過程。2.Vue的響應式原理及實現(xiàn)方式。3.前端性能優(yōu)化的常見方法有哪些？4.HTTP狀態(tài)碼中304、400、500分別代表什么含義？簡答題答案：1.解析HTML構(gòu)建DOM樹→解析CSS構(gòu)建CSSOM樹→合成渲染樹→布局→繪制。2.Vue2基于Object.defineProperty，Vue3基于Proxy，監(jiān)聽數(shù)據(jù)變化觸發(fā)更新。3.減少HTTP請求、資源壓縮、緩存策略、優(yōu)化DOM操作、代碼分割。4.304：協(xié)商緩存命中；400：請求參數(shù)錯誤；500：服務器內(nèi)部錯誤。討論題（總4題，每題5分）1.如何實現(xiàn)前端頁面的自適應（適配不同設備）？2.前端模塊化的發(fā)展歷程及當前主流方案。3.談談前端工程化的主要內(nèi)容和工具。4.前端安全問題有哪些，如何防范？討論題答案：1.使用媒體查詢、Flex/Grid布局、視口設置、rem/em單位。2.歷程：無模塊→CommonJS→AMD/CMD→ESModule；主流：ES