魚鱗圖-Web前端研發(fā)工程師（筆測(cè)題目）測(cè)試題

1、魚鱗圖-Web前端研發(fā)工程師（筆測(cè)題目）復(fù)制1、隱藏對(duì)應(yīng)的元素，但是在文檔布局中仍保留原來的空間，請(qǐng)問下列哪個(gè)CSS屬性可以實(shí)現(xiàn)？ 單選題 *A：display: noneB : visibility:hidden(正確答案)C：overflow:hiddenD：opacity:02、下列CSS的選擇器優(yōu)先級(jí)最高到低順序?yàn)?) 單選題 *A： !important 行內(nèi)樣式 ID選擇器 類選擇器 標(biāo)簽 子選擇器 偽類選擇器(正確答案)B： 標(biāo)簽 行內(nèi)樣式 !important ID選擇器 類選擇器 偽類選擇器 繼承C： !important ID選擇器 類選擇器 行內(nèi)樣式 標(biāo)簽 偽類選擇器 繼

2、承D： !important ID選擇器 偽類選擇器 類選擇器 標(biāo)簽 行內(nèi)樣式通 繼承3、怎么讓Chrome支持小于12px 的文字? 單選題 *A : pfont-size:10px;B : pfont-size:10px;-webkit-transform:rotate(0.8);C : pfont-size:10px;-webkit-transform:scale(0.8);(正確答案)D：pfont-size:10px;-webkit-transform:translate(0.8);4、以下描述正確的是: *A: 標(biāo)準(zhǔn)盒子模型中：盒子所占寬度 = 左右margin + 左右borde

3、r + 左右padding + widthB: 當(dāng)樣式box-sizing：border-box時(shí)，塊級(jí)別元素width包括border、padding(正確答案)C: IE盒子模型中：盒子總寬度 = 左右margin + 左右border + widthD: 通過設(shè)置overflow:hidden可以創(chuàng)建一個(gè)新的BFC(正確答案)5、下列對(duì)css外邊距描述正確的是(不考慮BFC對(duì)邊距的影響) 單選題 *A：外邊距的css代碼是paddingB: 兩個(gè)上下相鄰的同級(jí)元素Div1，Div2。Div1的下邊距是20px，Div2的上邊距是10px。Div1和Div2的間距是20px(正確答案)C：

4、兩個(gè)上下相鄰的同級(jí)元素Div1，Div2。Div1的下邊距是10px，Div2的上邊距是10px。Div1和Div2的間距是20pxD: 元素的高度，邊框，內(nèi)邊距都是0，上下外邊距為20px，那么這個(gè)空元素的框模型的高度為40px6、新窗口打開網(wǎng)頁，用到以下哪個(gè)值() 單選題 *A、_selfB、_blank(正確答案)C、_topD、_parent7、以下哪個(gè)選項(xiàng)不是塊級(jí)元素() 單選題 *A、divB、span(正確答案)C、pD、h18、input元素的 type 屬性的取值可以是() *A、image(正確答案)B、checkbox(正確答案)C、selectD、button(正確答案

5、)9、下列選項(xiàng)中數(shù)據(jù)js值類型的選項(xiàng)是？() 單選題 *A：String、Number、Boolean、Null、Undefined、Symbol(正確答案)B：Object、Array、Boolean、Null、Undefined、SymbolC：String、Number、Boolean、Null、Undefined、FunctionD：String、Number、Boolean、Null、Undefined、Object、Function10、關(guān)于undefined和null的理解，下列表述正確的是() 單選題 *A：undefined表示未定義，類型也是undefined, null表

6、示空值，表示一個(gè)特殊的對(duì)象值。(正確答案)B：undefined 和null 都是空對(duì)象指針，區(qū)別在于null是一個(gè)特殊的值。C：undefined和null只是其類型不同而已，都有一個(gè)實(shí)際的內(nèi)存指針。D：undefined通常表示變量已賦值并且為空。null通常表示變量還未定義11、typeof(null) 的值是() 單選題 *A: “null”B: “object”(正確答案)C: “array”D: function12、表達(dá)式 ylt + true ? hello : word， 下列表述正確的是() 單選題 *A:先執(zhí)行 true ? hello : word ，為字符串hello

7、 ,然后字符串ylt ,結(jié)果為ylthelloB: 先執(zhí)行ylt + true ，為字符串ylttrue, 在執(zhí)行三元表達(dá)式，結(jié)果為“hello”(正確答案)C: 先執(zhí)行ylt + true ，為布爾值 true, 在執(zhí)行三元表達(dá)式，結(jié)果為“hello”D: 先執(zhí)行ylt + true ，為字符串 ylt,在進(jìn)行字符串轉(zhuǎn)布爾值，結(jié)果為“hello”13、在JS中，下列選項(xiàng)不屬于數(shù)組的方法是() 單選題 *A: sort()B:length()(正確答案)C:concat()D:reverse()14、String對(duì)象的方法不包括() 單選題 *A：chart();B：substring()C:

8、 length()(正確答案)D:toUpperCase()15、下列表述正確的是() *A：for in 一般常用來遍歷對(duì)象或json(正確答案)B：for of數(shù)組對(duì)象都可以遍歷，遍歷對(duì)象需要通過和Object.keys()(正確答案)C：for in循環(huán)出的是key，for of循環(huán)出的是value(正確答案)D：在使用箭頭函數(shù)的時(shí)候，可以使用yield命令，因此箭頭函數(shù)能用作 Generator 函數(shù)16、關(guān)于setInterval(“getName”, 10)中說法正確的是() 單選題 *A：程序循環(huán)執(zhí)行10次B：getName函數(shù)每10s執(zhí)行一次C：10作為參數(shù)傳遞給getName

9、函數(shù)D：getName函數(shù)每10ms執(zhí)行一次(正確答案)17、下面哪些是瀏覽器的緩存相關(guān)功能() *A:indexDB(正確答案)B:localStorage(正確答案)C:applicationCache(正確答案)D:File System API18、下面關(guān)于DOM2標(biāo)準(zhǔn)事件模型的三個(gè)階段準(zhǔn)確的是() 單選題 *A：冒泡階段 =捕獲階段 =目標(biāo)階段B：捕獲階段 =目標(biāo)階段 =冒泡階段(正確答案)A：目標(biāo)階段 =捕獲階段 =冒泡階段A：冒泡階段 =目標(biāo)階段 =捕獲階段19、下列關(guān)于Promise的表述，錯(cuò)誤的是() 單選題 *A：es6中提供了then從而進(jìn)行鏈?zhǔn)秸{(diào)用，而catch可以捕獲

10、then中發(fā)送的異常。B：它有三種狀態(tài) 初始化(pending)，調(diào)用成功(pending=fulfilled)，調(diào)用失敗(pending=rejected)C：promise狀態(tài)一旦改變就還可以再次改變(正確答案)D：它是一種es6新增特性，是一種語法糖，用于解決異步問題的思路、方案20、以下代碼的輸出結(jié)果：(function()var a = b = 5;)();console.log(a); 單選題 *A：5B：Uncatch ReferenceError: a is not defined(正確答案)C： NULLD：Undefined21、下列哪些操作會(huì)造成內(nèi)存泄露？ *A：dom清

11、空或刪除時(shí)，事件未清除導(dǎo)致的內(nèi)存泄漏(移除元素綁定的事件)(正確答案)B：閉包也可以引起內(nèi)存泄漏(正確答案)C：定義全局變量(正確答案)D：setTimeout (計(jì)時(shí)器)的第一個(gè)參數(shù)使用字符串而非函數(shù)的話，會(huì)引發(fā)內(nèi)存泄漏(先停止定時(shí)器，然后置空字符串)(正確答案)22、下列關(guān)于this說法正確的是() *A:普通的函數(shù)調(diào)用，函數(shù)被誰調(diào)用，this就是誰(正確答案)B:構(gòu)造函數(shù)的話，如果不用new操作符而直接調(diào)用，那即this指向window。用new操作符生成對(duì)象實(shí)例后，this就指向了新生成的對(duì)象。(正確答案)C:匿名函數(shù)或不處于任何對(duì)象中的函數(shù)指向window 。(正確答案)D:如果是c

12、all，apply等，指定的this是誰，就是誰(正確答案)23、React 組件的應(yīng)該在生命周期那個(gè)階段發(fā)起 Ajax 請(qǐng)求() 單選題 *A：componentDidMount(正確答案)B：componentWillMountC：componentWillReceivePropsD：componentWillUnmount24：React性能優(yōu)化階段函數(shù)是哪一個(gè)()？ 單選題 *A：componentDidMountB：componentWillMountC：shouldComponentUpdate(正確答案)D：componentWillUpdate25: 下列說法錯(cuò)誤的是() 單選

13、題 *A：devDependencies作用是該模塊中所列舉的插件屬于開發(fā)環(huán)境的依賴B：dependencies作用是該模塊中所列舉的插件屬于生產(chǎn)環(huán)境的依賴C：如果拿到別人的項(xiàng)目，需要安裝之前package.json中devdependencies 和 dependencies兩個(gè)模塊下所列舉的依賴D：npm uninstall 依賴名稱表示刪除依賴，同時(shí)也會(huì)刪除package.json的配置(正確答案)26：關(guān)于package.json中,的區(qū)別，下列說法錯(cuò)誤的是() 單選題 *A：antd: 3.1.4,表示安裝3.1.4的版本B：antd: 3.1.4,表示安裝3.1.4及以上的版本，但

14、不能安裝大版本號(hào)C：antd: 3.1.0,表示可以安裝3.2.1版本(正確答案)D：antd: 3.1.4,表示可以安裝3.2.1版本27：下列關(guān)于webpack常見的loader理解正確的是() 單選題 *A：css-loader表示把 CSS 代碼注入到 JavaScript 中，通過 DOM 操作去加載 CSSB：file-loader表示把文件輸出到一個(gè)文件夾中，在代碼中通過相對(duì) URL 去引用輸出的文件(正確答案)C：url-loader和 file-loader 類似，兩者沒有區(qū)別。D：image-loader表示加載圖片文件28：下面關(guān)于nodejs 中Buffer理解錯(cuò)誤的是() 單選題 *A；Buffer代表一個(gè)緩沖區(qū)，主要用于操作二進(jìn)制數(shù)據(jù)流，其用法與數(shù)組非常相似B：new Buffer(size)，創(chuàng)建一個(gè)指定大小的bufferC：一個(gè)Buffer對(duì)象的大小，在創(chuàng)建時(shí)就固定下來，創(chuàng)建之后可改變。(正確答案)D：new Buffer(buffer)，根據(jù)buffer實(shí)例創(chuàng)建一個(gè)新的buffer29、以下