主頁 > 前端設計 > 前端面試---筆試記錄

前端面試---筆試記錄

2021-04-29 13:31:20 前端設計

今天上午去參加了一場國企的筆試面試,到中午的時候,通知筆試成績合格,緊接著就是下午的面試,面試時是兩位面試官,輪番吊打我,然后告訴我回家等通知,愉悅(ganga)的氣氛就在此時凝固了,總之,面完出來,覺得自己這些年啥也沒學會,和面試官say byebye以后拖著沒有知識的腦袋回家了,下面總結一下今天的五十道筆試題,都是單選,每題2分,這里就不附正確答案了,題目比較基礎,都自己嘗試著做一下吧,就當是給正在找作業的小朋友們加點菜吧,
1、哪個元素表示給定范圍內的標量值?
A.option
B.meter
C.label
D.input
2、下列選項中,哪個CSS屬性可以更改字體的大小?
A.text-size
B.font-size
C.text-style
D.font-style
3、以下描述錯誤的是?
A.cookie以及loaclStorage都會伴隨著http請求發送到服務器
B.get提交的url會有長度限制,而post提交的資料則可以比較大
C.在JavaScript中可以操作cookie
D.JavaScript在瀏覽器的執行是單執行緒的
4、下列關于vue-router的說法不正確的是?
A.hash模式會給url中增加#
B.hash模式下可以用hashchange監聽路由變化
C.hash模式下會優先向服務器請求路由
D.history模式利用了pushState API
5、以下關于盒模型的說法不正確的是?
A.盒模型都是由四個部分組成的,分別是margin、border、padding和content
B.標準盒模型的width和height屬性的范圍包含了border、padding和content
C.IE盒模型的width和height屬性的范圍包含了border、padding和content
D.通過修改元素的box-sizing屬性來改變元素的盒模型
6、如何使用CSS選擇器定義某個父元素中所有第“奇數”個子元素的樣式?
A.nth-child(odd)
B.nth-child(even)
C.nth-of-type(odd)
D.nth-of-child(even)
7、v-if和v-for誰的優先級高?
A.v-for
B.v-if
C.一樣高
D.無法比較
8、以下JS運算式回傳false的是?
A.1==true
B.""==false
C.false==null
D.null==undefined
9、以下不是頂級域名的是?
A.net
B.edu
C.www
D.cn
10、對于方法Object.assign()說法錯誤的是?
A.該方法的引數中,第一個引數是目標物件,后面的引數都是源物件
B.undefined和null不能作為該方法的引數
C.不同引數中存在同名屬性,則進行替換
D.該方法對物件實行深拷貝
11、下列正確定義函式的是?
A.function foo() {}
B.Function foo() {}
C.var foo = new Function() {}
D.var foo = new function() {}
12、下列標記中,用于定義HTML5檔案所要顯示內容的是?
A.<head></head>
B.<body></body>
C.<html></html>
D.<title></title>
13、哪個CSS屬性定義某個元素的某一側不允許其他浮動元素?
A.display
B.float
C.clear
D.position
14、哪種定位方式將物件放置在普通檔案流中?
A.absolute
B.float
C.fixed
D.relative
15、下面讓CSS只在當前Vue組件中起作用的正確描述是?
A.在當前組件的樣式檔案中添加scoped關鍵字
B.在當前組件的樣式檔案中添加redonly關鍵字
C.把組件的樣式通過行內方式實作
D.以上描述都不對
16、下面代碼的輸出是什么?+true;!“Lydia”;
A.1和false
B.false和NaN
C.false and false
D.1和NaN
17、下面哪個選項能設定WEB頁面的背景顏色?
A.<body background="color-name"></body>
B.<body backgroundcolor="color-name"></body>
C.<body bg-color="color-name"></body>
D.<body bgcolor="color-name"></body>
18、下面哪一個不是HTML5中的標簽?
A.article
B.section
C.foot
D.main
19、陣列頭部插入方法是哪個?
A.pop
B.push
C.unshift
D.shift
20、console.log(!5)的結果是?
A.5.0
B.0.0
C.true
D.false
21、下列選項中,可以實作顛倒陣列中元素的位置的是?
A.reverse()
B.sort()
C.indexOf()
D.lastIndexOf()
22、下列選項中,不屬于運算子的是?
A.==
B.=
C.=<
D.!=
23、下列程式中輸出結果正確的是?var a = “A”;var b = a;typeof(a==b)
A.number
B.string
C.undefined
D.boolean
24、vue的生命周期,執行順序爭取的是?
A.beforCreate->init->create->mount->destory
B.mount->init->beforCreate->create->destory
C.beforCreate->create->init->mount->destory
D.init->beforCreate->create->init->destory
25、v-if和v-show之間的區別說法錯誤的是?
A.v-if是“真正”的條件渲染,因為他會確保在切換程序中條件塊內的事件監聽和子組件適當的被銷毀重建
B.不管初始條件是什么,v-show作用的元素總是會被渲染,并且只是簡單的基于CSS進行切換
C.v-if如果在初始渲染時條件為假,則什么也不做,直到條件第一次變味真時,才會開始渲染條件塊
D.v-show通過切換CSS屬性visibility來控制元素的顯示和隱藏
26、下列不屬于JavaScript陣列的方法是?
A.push
B.pop
C.slice
D.toFixed
27、下面有關CSS選擇器的說法錯誤的是?
A. .intro,選擇class="intro"的所有元素
B. #firstName,選擇id="firstName "的元素
C.div>p, 選擇所有<div>元素和所有的<p>元素
D.p 選擇所有的<p>元素
28、下列不屬于原始資料型別是?
A.boolean
B.object
C.symbol
D.string
29、vue的常用指令包括?
A.v-if
B.v-get
C.v-set
D.v-hidden
30、下面哪一個不是JavaScript運算子?
A.=
B.===
C.&&
D.$#
31console.log(true+0)輸出為、?
A.0.0
B.1.0
C.2.0
D.3.0
32、下面語法中哪個可以定義一個帶正方形的串列?
A.list-style-image:square
B.list-style-color:square
C.list-type:square
D.list-style-type:square
33、vue-cli專案中src目錄下不包含?
A.error
B.assets
C.router
D.components
34、如何把7.25四舍五入為最接近的整數?
A.round(7.25)
B.rnd(7.25)
C.Math.rnd(7.25)
D.Math.round(7.25)
35、通過vue-cli生成的vue工程內置的打包工具是?
A.rollup
B.webpack
C.gulp
D.vite
36、解決瀏覽器兼容性問題的方法不包括?
A.據兼容需求選擇技術框架/庫,入jQuery等
B.漸進增強
C.優雅降級
D.使用ES6
37、下列描述錯誤的是?
A.onload和DOMContentLoaded都是頁面加載時間,沒有區別
B.DOMContentLoaded有瀏覽器兼容問題
C.定義在全域作用域中的變數是window物件的屬性
D.window物件的方法在呼叫時可以省略不寫window
38、如何使用CSS在標題元素<h2>前插入一個影像檔案?
A.h2:after{content: url(mark.png)}
B.h2:before{content: url(mark.png)}
C.h2:head{content: url(mark.png)}
D.h2:first{content: url(mark.png)}
39、在構建VueRouter時,如何制定history模式?
A.mode:history
B.model:history
C.model:hash
D.無法制定
40、404狀態碼的含義是?
A.請求的網頁或資源部存在
B.請求失敗
C.請求成功
D.網路例外
41、html塊級元素不包括?
A.span
B.div
C.p
D.herder
42、vue生命周期函式不包括?
A.created
B.update
C.destoryed
D.show
43、以下哪個屬性不會使div脫離檔案流?
A.position:absolute
B.float:right
C.position:fixed
D.position:relative
44、vue-cli工程中常用的npm命令有哪些?
A.npm install
B.npm run serve
C.npm run build
D.以上都是
45、下列選項中,可以實作創建元素的是?
A.element.push('<p>你好</p>')
B.element.pop('<p>你好</p>')
C.element.innerHTML('<p>你好</p>')
D.document.createElement('p')
46、CSS盒模型的屬性不包括?
A.margin
B.padding
C.border
D.box
47、網頁開發中,一般需判斷瀏覽器型別,需通過userAgent中獲取瀏覽器內核來判斷,下列說法錯誤的是?
A.一直到IE9,都是Trident內核
B.firefox是Gecko內核
C.Chrome是webkit內核
D.IE是目前最快的瀏覽器
48、下面哪項不是vue-cli腳手架創建的工程常用的npm命令?
A.npm run dev
B.npm run build
C.npm run build --report
D.以上都是
49、padding的屬性不包括?
A.padding-bottom
B.padding-left
C.padding-right
D.padding-length
50、CSS樣式,邊距:10px 20px 40px 30px;哪一個是底邊距?
A.10px
B.20px
C.40px
D.30px

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/281286.html

標籤:其他

上一篇:動規如此簡單

下一篇:什么時候能被好運眷顧一次:快手前端三面,敗在智力題稱砝碼重量...

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more