Web前端開發職業技能等級證書模擬真題詳解(中級、高級)

這本證是今年工業和信息化部新出的一本關於1+X證書的前端的技能證書。據說這本證含金量非常高，關於這本證有興趣的進網站進行詳細瞭解。工業和信息化部教育與考試中心

注意！：該題目來源於學校模擬考試，不保證與真實考試的題目有關係。
題目答案均爲自己做的，不保證答案的正確性。
考試分爲上午的理論知識還有下午的實操題。實操題後續會更新。

（中級）理論知識

一、單項選擇題

在Bootstrap中，可以使用navbar-header類的情況是（）
A. 爲整個頁面添加一個標題
B.爲導航欄添加一個標題
C.爲導航欄添加頭部
D.爲整個頁面添加頭部

正確答案：B

下列選項中，（）輸入類型定義滑塊控件。
A.range
B.controls
C.search
D.slider

正確答案：A 。注意不要與D選項的slider混淆，雖然slider的中文也是滑塊，但這是錯的。

使用CSS3過度效果“transition: width .7s esse-in .1s;”,其中“.7s”對應的屬性是（）
A.transition-duration:對象過渡的持續時間
B.transition-property:對象中參與過渡的屬性
C.transition-delay: 對象延遲過渡的時間
D.transition-time: 對象過渡的等待時間

正確答案：A 。正確的屬性順序爲：transition: property duration timing-function delay;

mysql_connect（）與@mysql_connect（）的區別是（）；
A.沒有區別
B.功能完全不同的兩個函數
C.@mysql_connect()不會忽略錯誤，將錯誤顯示到客戶端
D.mysql_connect()不會忽略錯誤，將錯誤顯示到客戶端

正確答案：D。加@的作用爲屏蔽錯誤，如果有錯的話，會把語句都顯示出來。
加@就不顯示。

在HTML5中，元素（）用於組合標題元素
A.< group >
B.< hgroup>
C.< headings>
D.< header>`

正確答案：B。在H5中沒有A,C兩個標籤。

下列選項中，JavaScript聲明變量語句中不正確的是（）
A. var dd = ee = 100;
B. var ff=3, gg=&apos；he&apos；s good&apos；
C. var aa;
D. var bb=3；cc=&apos；good&apos；；

正確答案：B &apos爲單引號，B選項相當於 var ff=3,gg=‘he’s good’ ;這樣的話單印號就不匹配了。而D選項等於 var bb=3; cc=‘good’;

要查看一個變量的數據類型，可使用函數（）
A. Type()
B. gettype()
C. type()
D. GetType()

正確答案：B。這是PHP的查看用法。C選項中是python中的查看方法，所以排除了。

以下MySQL命令的作用是（）

 Create table gb(
   Gusetname char(12) not null,
   Email char(40),
   Siteurl char(80),
   Content text,
   Id int auto_increment primary key
);

A.建立一個名爲gb的數據庫，其中包含GuestName、Email、siteurl、content、id等數據表
B.建立一個名爲gb的數據庫表，其中包含GuestName、Email、siteurl、content、id等字段
C.建立一個名爲gb的數據庫表，其中包含char、char、char、text、int等字段類型
D.建立一個名爲gb的數據庫，其中包含GuestName、Email、siteurl、content、id等用戶

正確答案：B

下列選項中，用於設置彈性盒子元素將向行起始位置對齊的是（）。
A. justify-content ： flex-start ;
B.flex：start；
C.justify-content ：start ;
D. flex: flex-start;

正確答案：A 。justify-content 設置或檢索彈性盒子元素在主軸方向上的對齊方式。flex-start：默認值，彈性盒子元素將向行起始位置對齊。

使用媒體查詢時，媒體類型取值爲screen代表（）
A.用於掌上設備或者更小的裝置
B. 用於固定的字符網絡，如電報、終端設備和對字符有限制的便攜設備
C.用於所有設備
D.用於電腦屏幕，平板電腦，智能手機等

正確答案 D，

如果想取得最近一條查詢的信息，應該使用哪個函數（）
A.mysql_insert_id()
B.mysql-free_result
C.mysql_info
D.mysql_stat

正確答案 C

在bootstrap中，使用tab標籤頁插件，要顯示的內容要放在下方哪個容器裏面（）
A. .tab-body
B. .tab-content
C. .tab-group
D. .content

正確答案 B

在bootstrap中，定義標籤頁的選項中需要使用的類是（）
A. .checked類
B. .chose類
C. .selected類
D. .active類

正確答案 D

bootstrap輪播圖中，用於控制輪播計數器的類是（）
A. .carousel
B. .carousel-indicators
C. .carousel-num
D. .carousel-inner

正確答案 B

關於mysql_select_db的作用描述正確的是（）
A:連接並選取數據庫
B:連接並打開數據庫
C:選取數據庫
D:連接數據庫

正確答案 A

在bootstrap中，用於展示一個危險動作的按鈕操作的類是（）
A. .btn類
B. .disabled類
C. .btn-danger類
D. .btn-warning類

正確答案 C

關於PHP，下列說法錯誤的是（）
A.PHP網頁，運行時在客戶端不可查看到真實的PHP源代碼
B.開發PHP網站所使用的腳本語句是PHP
C.PHP和HTML不可混合編程
D.網頁中PHP代碼必須用分隔符“<”和“>”將其括起來

正確答案C

21.、假設今天是2019年11月1日星期六。請問以下JS代碼輸出結果（）

var time=new Date();
Document.write(time.getDate());

A.1
B.2019
C.6
D.11

正確答案 A 。getDate() 方法可返回月份的某一天。getFullYear() 從 Date 對象以四位數字返回年份。getMonth() 從 Date 對象返回月份 (0 ~ 11)。getDay() 從 Date 對象返回一週中的某一天 (0 ~ 6)。

以下屬於location對象的方法，使用它可以實現頁面重新加載的是（A）
A.reload
B.hostname
C.host
D. replace

正確答案 A 。hostname：設置或返回當前URL的主機名. host：設置或返回主機名和當前URL的端口號. replace()：用新的文檔替換當前文檔

用於將事務處理寫到數據庫的命令是（）
A. insert
B. savepoint
C. commit
D. select

正確答案 C。 A選項爲插入數據，B爲設置保存點，並和rollback結合使用，實現回滾到指定保存點。D選項爲從數據表中查詢數據

在HTML5中，方法（）用於獲得用戶的當前位置
A.getCurrentPosition()
B.getClientPosition()
C.getUserPosition()
D.getPosition()

正確答案 A

在canvas中，用於繪製圖片的方法是（）
A.strokeImage()
B. drawImage()
C. fillImage()
D. draw()

正確答案 B

閱讀下面的代碼，段落標籤內文本最終顯示的顏色是（）

<style type=”text/css”>
Body{color:#333;}
#text{color:#666;}
.content{color:#00f;}
.gray{color:#f00}
</style>
……
<p id=”text” class=”content gray”>春潮帶雨晚來急，野渡無人舟自橫。</p>
……

A:#00f
B:#333
C:#666
D:#f00

正確答案 C 。因爲權級問題，id權級爲100，class爲10，100>20，所以顏色爲#666

在HTML中，以下代碼所示的表格包含的單元格數量是（）

<table border=”1”>
<tr>
<td colspan=”3”>成績單</td>
</tr>
<tr>
<td>Java</td>
<td>C#</td>
<td>HTML</td>
</tr>
<tr>
<td>100</td>
<td>80</td>
<td>65</td>
</tr>
</table>

A. 1
B. 3
C. 5
D. 7

正確答案 D。一對td便籤爲一個單元格。

在PHP的str_replace(1,2,3)函數中，1，2，3所代表的含義是（D）
A. “取代字符串”，“被取代字符串”，“來源字符串”
B. “來源字符串”，“被取代字符串”，“取代字符串”
C. “來源字符串”，“取代字符串”，“被取代字符串”
D. “被取代字符串”，“取代字符串”，“來源字符串”

正確答案D .

以下哪個不是HTML5的語義化標籤（）

A. < marquee >< marquee >
B. < header >< /header >
C. < section >< /section >
D. < article >< /article >

正確答案 A

下來選項中，關於柵格系統的說法，錯誤的是（）
A. 對於網頁設計來說，柵格系統的使用，可以讓網頁信息的呈現更加美觀易讀
B. 對於前端開發來說，網頁將更加的靈活與規範
C. 柵格系統是一種響應式設計的實現方式
D. 柵格系統是一個用於響應式設計的組件

正確答案 D

二、多項選擇題

關於bind()方法與unbind()方法說法正確的是（）
A:unbind()方法可以同時移除多個事件，但不能移除單個事件
B:bind()方法可用來移除單個或多個事件
C:使用bind()方法可同時綁定鼠標事件和鍵盤事件
D:unbind()方法是與bind()方法對應的方法

正確答案C、D

屬於PHP不等運算符的有（）
A:<>
B:=/
C:><
D:!=

正確答案A、D

Laravel框架支持的幾種數據庫系統是（）
A:SQL Server
B:SQLite
C:Postgres
D:MySQL

正確答案A、B、D

在HTML中，用於播放視頻與音頻文件的元素是（）
A:< video >元素
B:< move >元素
C:< play >元素
D:< audio >元素

正確答案A、D

下列選項中，有關Bootstrap組件默認樣式，描述正確是（）
A:目前沒有方法可以修改Bootsstrap組件默認樣式
B:可以查找Bootstrap源碼樣式，用CSS覆蓋掉這些默認樣式
C:Bootstrap組件提供的樣式已經足夠使用，無需修改
D:使用!important可以提高代碼優先級

正確答案B、D

使用RESTful API規範設計用戶管理模塊，設計新增用戶接口和查詢用戶接口時，分別選用動詞爲（）
A:DELETE
B:POST
C:GET
D:PUT

正確答案B、C

下列選項中，設置外陰影且陰影在盒子頂部的選項是（）
A:box-shadow:-7px -4px 10px #000 insert;
B:box-shadow:7px -4px 10px #000;
C:box-shadow:7px 4px 10px #000 insert;
D:box-shadow:-7px -4px 10px #000

正確答案B、D 。因爲第二個值中是垂直陰影的位置，只有爲負數的時候纔在頂部。而insert屬性是從元素側邊進行投影,但是隻渲染盒子內部的,丟棄外部的陰影.

RESTful架構的特點包括（）
A:每一個URL代表一種資源
B:客戶端通過3個HTTP動詞，對服務器端資源進行操作，實現“表現層狀態轉化”
C:客戶端通過4個HTTP動詞，對服務器端資源進行操作，實現“表現層狀態轉化”
D:客戶端和服務器之間，傳遞資源的某種表現層

正確答案A、C、D

jQuery中操作ajax的方法分別有（）
A:Json()
B: $.post() C:$ .get()
D:$.ajax()

正確答案B、C、D

Ajax技術的組成包括（）等
A:XMLHttpRequest
B:CSS
C:JavaScript
D:PHP

正確答案A、B、C

PHP函數的參數傳遞包括（）
A:按作用傳遞
B:按變量傳遞
C:按值傳遞
D:按引用傳遞

正確答案B、C

下列選項中關於JavaScript運算符描述正確的是（）
A:a^ =b，相當於a=a^b
B:a+=b，相當於a=a+b
C:a%=b，相當於a=a%b
D:a-=b，相當於a=a-b

正確答案A、B、C、D

Ajax接受的數據類型有（）
A:圖像
B:json
C:文本
D:XML

正確答案B、C、D

爲了適應移動設備，HTML頁面可以用mate標籤duiviewport進行控制，mate標籤內可以控制下列哪些（）
A:user-scalable
B:max-width
C:max-length
D:initial-scale

正確答案A、B、D

PHP中可以實現循環的指令有（）
A:waiting
B:if
C:for
D:while

正確答案C、D

三、判斷題

響應式設計追求PC優先，移動適應。（錯）
對
錯
Bootstrap插件不全部依賴jQuery（錯）
對
錯
盒陰影box-shadow中“陰影模糊值”不可以爲負數（對）
對
錯
< video >標籤不添加controls屬性，只添加autoplay屬性，也可以實現自動播放。（對）
對
錯

controls屬性是設置向用戶顯示控件，比如播放/暫停/定位/音量/全屏切換/字幕/音軌按鈕。
autoplay屬性當視頻在就緒後則馬上播放。

PHP中，單引號字符串不支持變量解析以及轉義字符（對）
對
錯

Web前端開發職業技能等級證書模擬真題詳解(中級、高級)

（中級）理論知識

一、單項選擇題

二、多項選擇題

三、判斷題

Web前端開發——BAT面試題彙總及答案04（持續更新中）

ES6 Promise用法總結

window環境下composer的安裝教程(exe程序安裝失敗的請看這)

Vue入門指南——數組變異方法

【分享】JavaScript中幾套比較流行的代碼風格

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結