1、單選題(共21題,每題5分)css
1.爲每個指定元素的指定事件(像click)綁定一個事件處理器函數,下面哪一個是用來實現該功能的?html
A、trigger (type)jquery
B、bind(type)ajax
C、one(type)正則表達式
D、bind算法
參考答案:Bjson
答案解析:暫無bootstrap
2.哪個html盒模型中的border的正確寫法?設計模式
A、p{ border:5px solid red;}瀏覽器
B、p{border:5px <br> red solid; }
C、p{border: red solid 5px; }
D、p{border: solid red 5px; }
參考答案:A
答案解析:爲了代碼的可讀性,建議按照,border-width,border-style,border-color,的順序書寫。
但其實順序調換是不影響呈現的
3.關於適配器模式,說法錯誤的是?
A、適配器繼承或依賴已有的對象,實現想要的目標接口
B、主要解決在軟件系統中,經常要將一些"現存的對象"放到新的環境中,而新環境要求的接口是現對象不能知足的
C、定義了算法家族,分別封裝起來,讓他們之間能夠相互替換,此模式讓算法的變化不會影響到使用算法的客戶
D、將一個類的接口轉換成客戶但願的另一個接口。適配器模式使得本來因爲接口不兼容而不能一塊兒工做的那些類能夠一塊兒工做。
參考答案:C
答案解析:將一個類的接口轉換成客戶但願的另一個接口。適配器模式使得本來因爲接口不兼容而不能一塊兒工做的那些類能夠一塊兒工做 適配器繼承或依賴已有的對象,實現想要的目標接口 主要解決在軟件系統中,經常要將一些"現存的對象"放到新的環境中,而新環境要求的接口是現對象不能知足的
4.如下幾種在HTML文檔中經過CSS的方式將文檔顏色設置爲紅色背景錯誤的是:( )
A、內聯樣式表:<body style=」background-Color:red」></body>
B、嵌入樣式表:<style> body { background-Color:red } </style>
C、外部樣式表:在當前目錄下創 建一個test.css文件,在文件中聲明一條<style> body { background-Color:red } </style>代碼,並在HTML文檔中經過<link style=」text/css」 rel=」stylesheet」 href=」test.css」>將其連接到本文檔中使用
D、輸入樣式表:在當前目錄下建立一個test.css文件,在文件中聲明一條body { background-Color:red } 代碼,並在HTML文檔中經過<style>@import url(test.css);</style>輸入到本文檔中使用
參考答案:C
答案解析:暫無
5.在 HTML5 中,哪一個方法用於得到用戶的當前位置?
A、getPosition()
B、getCurrentPosition()
C、getUserPosition()
D、getLocation()
參考答案:B
答案解析:getCurrentPosition()獲取用戶當前位置放入一個值中保存,getLocation()地圖定位
6.對於下拉菜單,錯誤的是?
pre class="prettyprint"><div class="dropdown"> <button class="btn btn-" tabindex="-1">Separated link</a></li> defaultdropdowtoggle" data-toggle="dropdown" id="dropdownMenu1" type="button"> Dropdown <span class="caret"></span> </button> <ul aria-labelledby="dropdownMenu1" class="dropdown-menu" role="menu"><li role="presentation"><#" role="menuitem" tabindex="-1">Action</a></li> <li r"presentation"><a href="#" role="menuitem" tabindex="-1">Anotheaction</a></li> <li rolef="#" role="menuitem" tabindex="-1">Something else here</a></li> <li role="presentation"><a href="#" role="menuitem" tabindex="-1">Separated link</a></li> <pre class="prettyprint"><div class="dropdown"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1" type="button"> Dropdown <span class="caret"></span> </button> <ul aria-labelledby="dropdownMenu1" class="dropdown-menu" role="menu"><li role="presentation"><a href="#" role="menuitem" tabindex="-1">Action</a></li> <li role="presentation"><a href="#" role="menuitem" tabindex="-1">Another action</a></li> <li role="presentation"><a href="#" role="menuitem" tabindex="-1">Something else here</a></li> <li role="presentation"><a href="#" role="menuitem
A、表示了一個有五個下拉選項的下拉菜單
B、<span class="caret"></span>能夠去掉而不影響功能
C、能夠加入pull-right使菜單右對齊
D、可加入dropdown-menu-right使菜單右對齊
參考答案:A
答案解析:這道題我一眼就看出A有錯了,但是仍是讓我糾結了很久,怎麼會有這麼低級的問題,空城計嗎
7.下面關於 CSS 佈局的描述,不正確的是?( )
下面關於CSS佈局的描述,不正確的是?()
A、塊級元素實際佔用的寬度與它的 width 屬性有關;
B、塊級元素實際佔用的寬度與它的 border 屬性有關;
C、塊級元素實際佔用的寬度與它的 padding 屬性有關;
D、塊級元素實際佔用的寬度與它的 background 屬性有關。
參考答案:D
答案解析:D 塊級元素實際佔用的寬度=width+border*2+padding*2+margin*2 因此與width border padding margin有關,與background無關
8.如下JavaScript代碼輸出的結果是?
var a = '5' + 3var b = '5' - 3
console.log(a, b)
JavaScript
A、53, 2
B、8, 2
C、error
D、都不對
參考答案:A
答案解析:這是一道隱式類型轉換的題 加法: 加法運算中,若是有一個操做值爲字符串類型,則將另外一個操做值轉換爲字符串,最後鏈接起來 減法: 若是操做值之一不是數值,則被隱式調用Number()函數進行轉換 因此第一行結果爲字符串運算,爲'53'。第二行結果爲2,選A9.在jQuery中,有如下代碼, 如下說法正確的是 ?
$(".btn").click(function () {
var json = [{"S_Name": "周顏", "S_Sex": "男"}, {"S_Name": "周穎", "S_Sex": "女"}];
$.each(json, function (index, s) {
alert(s.S_Name + "," + s.S_Sex);//語句1
});});
JavaScript
A、此代碼不會正常運行
B、語句1會被執行1次
C、語句1會被執行2次
D、$.each()函數的用法有誤
10.雖然不一樣的操做系統可能裝有不一樣的瀏覽器。可是這些瀏覽器都符合( )協議。
A、SNMP
B、 HTTP
C、HTML
D、SMTP
參考答案:B
答案解析:
簡單網絡管理協議(SNMP),由一組網絡管理的標準組成,該協議可以支持網絡管理
系統,用以監測鏈接到網絡上的設備是否有任何引發管理上關注的狀況。
HTTP協議(HyperText Transfer Protocol,超文本傳輸協議)是客戶端瀏覽器或其餘程序與WEB服務器之間的應用層通訊協議。
超文本標記語言(HTML),標準通用標記語言下的一個應用,也是一種規範,一種標準,它經過標記符號來標記要顯示的網頁中的各個部分。網頁的本質就是超級文本標記語言,經過結合使用其餘的Web技術(如:腳本語言、公共網關接口、組件等),能夠創造出功能強大的網頁。
SMTP(Simple Mail Transfer Protocol,簡單郵件傳輸協議),它是一組用於由源地址到目的地址傳送郵件的規則,由它來控制信件的中轉方式。SMTP協議屬於TCP/IP協議簇,它幫助每臺計算機在發送或中轉信件時找到下一個目的地。
11.css屬性position的值不包含
A、absolute
B、inherit
C、box
D、static
參考答案:C
答案解析:absolute,生成絕對定位的元素,相對於 static 定位之外的第一個父元素進行定位; 元素的位置經過 "left", "top", "right" 以及 "bottom" 屬性進行規定; fixed,生成絕對定位的元素,相對於瀏覽器窗口進行定位; 元素的位置經過 "left", "top", "right" 以及 "bottom" 屬性進行規定。 relative,生成相對定位的元素,相對於其正常位置進行定位; static,默認值,沒有定位,元素出如今正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明); inherit,規定應該從父元素繼承 position 屬性的值。.
12.如下所有屬於塊級標籤的是?
A、<div><p><input><span><img>
B、<div><h1><p><img><dl>
C、<span><h1><p><img><dl>
D、<div><p><form><ul><h1>
參考答案:D
答案解析:
13.關於下面HTML代碼,說法正確的是?
<table border="10"> <tr> <td align="center" colspan="2">公司</td> </tr> <tr> <td align="center" rowspan="2">名字</td> <td align="center">百度</td> </tr> <tr> <td align="center" colspan="2">百度</td> </tr> <table></table>
</table
HTML
A、該表格共有2行3列
B、該表格的邊框寬度爲10毫米
C、該表格中的文字均居中顯示
D、"公司"單元格跨2行
14.基於哈希算法在信息安全中主要應用在?
(1) 文件校驗
(2) 數字簽名
(3) 鑑權協議
A、(1)(2)
B、(1)(3)
C、(2)(3)
D、(1)(2)(3)
參考答案:D
答案解析:Hash算法在信息安全方面的應用主要體如今如下的3個方面: (1)文件校驗 咱們比較熟悉的校驗算法有奇偶校驗和CRC校驗,這2種校驗並無抗數據篡改的能力,它們必定程度上能檢測並糾正數據傳輸中的信道誤碼,但卻不能防止對數據的惡意破壞。 MD5 Hash算法的"數字指紋"特性,使它成爲目前應用最普遍的一種文件完整性校驗和(Checksum)算法,很多Unix系統有提供計算md5 checksum的命令。 (2)數字簽名 Hash 算法也是現代密碼體系中的一個重要組成部分。因爲非對稱算法的運算速度較慢,因此在數字簽名協議中,單向散列函數扮演了一個重要的角色。對 Hash 值,又稱"數字摘要"進行數字簽名,在統計上能夠認爲與對文件自己進行數字簽名是等效的。並且這樣的協議還有其餘的優勢。 (3) 鑑權協議 以下的鑑權協議又被稱做挑戰--認證模式:在傳輸信道是可被偵聽,但不可被篡改的狀況下,這是一種簡單而安全的方法。以上就是一些關於hash以及其相關的一些基本預備知識。
15.下面哪條聲明能固定背景圖片()
A、background-attachment:fixed;
B、background-attachment:scroll;
C、background-origin: initial;
D、background-clip: initial;
參考答案:A
答案解析:
background-attachment
有三個值,scroll是默認值,背景圖像會隨着頁面其他部分的滾動而移動。
fixed當頁面的其他部分滾動時,背景圖像不會移動。
inherit規定應該從父元素繼承 background-attachment 屬性的設置。
background-origin
屬性規定 background-position 屬性相對於什麼位置來定位。
background-clip
屬性規定背景的繪製區域。
16.如下選項不可以正確地獲得這個標籤:()
<input class="btn" id="btnGo" type="button" value="單擊我"></input>
A、 $("#btnGo")
B、 $(".btnGo")
C、 $(".btn")
D、 $("input[type='button']")
參考答案:B
答案解析:注意是題目是選不能
17.在jquery中想要實現經過遠程http get請求載入信息功能的是下面的哪一下事件?
A、$.ajax()
B、load(url)
C、$.get(url)
D、$. getScript(url)
18.在進行面向對象設計時,採用設計模式可以( ) 。
A、複用類似問題的相同解決方案
B、改善代碼的平臺可移植性
C、改善代碼的可理解性
D、加強軟件的易安裝性
19.標記符title是放在如下哪一個標記符之間的?( )
A、html與html
B、head與head
C、body與body
D、head與body
參考答案:B
20.若是在 HTML 頁面中包含以下圖片標籤,則選項中的()語句可以實現隱藏該圖片的功能。
<img id=」pic」 src=」Sunset.jpg」 width=」400」 height=」300」>
A、document.getElementById(「pic」).style.display=」visible」;
B、document.getElementById(「pic」).style.display=」disvisible」;
C、document.getElementById(「pic」).style.display=」block」;
D、document.getElementById(「pic」).style.display=」none」;
參考答案:D
答案解析:D,display沒有visible這個, visibility纔有這個值
21.如下 jquery 對象方法中,使用了事件委託的是
A、bind
B、mousedown
C、click
D、change
E、on
參考答案:E
答案解析:
jQuery中實現事件委託的三種方法:
$.on: 基本用法:$('.parent').on('click', 'a', function () { console.log('click event on tag a'); }),它是 .parent 元素之下的 a 元素的事件代理到$('.parent')之上,只要在這個元素上有點擊事件,就會自動尋找到.parent元素下的a元素,而後響應事件;
$.delegate: 基本用法:$('.parent').delegate('a', 'click', function () { console.log('click event on tag a'); }),同上,而且還有相對應的$.delegate來刪除代理的事件;
$.live: 基本使用方法:$('a', $('.parent')).live('click', function () { console.log('click event on tag a'); }),同上,然而若是沒有傳入父層元素$(.parent),那事件會默認委託到$(document)上;(已廢除)
事件委託原理:
事件委託是經過事件冒泡的原理,利用父級去觸發子級的事件。
若是不用事件委託,將ul下每個li都去添加click事件監聽,很是麻煩,並且對於內存消耗是很是大的,效率上須要消耗不少性能;
另外就是若是經過js動態建立的子節點,須要從新綁定事件。
而利用事件委託的話,只須要給父級綁定一個事件監聽,便可讓每一個li都綁定上相應的事件,讓你避免對特定的每一個節點添加事件監聽器;事件監聽器是被添加到它們的父元素上。事件監聽器會分析從子元素冒泡上來的事件,找到是哪一個子元素的事件。
2、多選題(共9題,每題5分)
1.當元素的一個繼承屬性沒有指定值時,則取父元素的同屬性的計算值,如下哪些不是...
當元素的一個繼承屬性沒有指定值時,則取父元素的同屬性的計算值,如下哪些不是CSS中的繼承屬性?
A、color
B、display
C、border-style
D、text-align
參考答案:B,C
答案解析:
不可繼承:display,margin,border,padding,background,height,width,position
2.在下面的標籤中哪些是struts標籤
A、html:form
B、html:text
C、html:errors
D、html:message
參考答案:A,B,C,D
答案解析:暫無
3.下面有關html結構描述正確的有?
A、<ul> <li> </li> </ul>
B、<ol> <li> </li> </ol>
C、<dl><dt><dd></dd></dt></dl>
D、<table> <tr> <td></td> </tr> </table>
參考答案:A,B,D
4.Ruby中, 下面定義一個正則表達式正確的方法是()
A、re = /\w+/
B、re = //usr/local?/etc/
C、re = %r{/usr/local?/etc}
D、re = Regexp.escape("usr/local/etc")
參考答案:A,C答案解析:暫無
5.哪些是正確的bootstrap輔助類
A、text-muted
B、text-success
C、text-info
D、text-warning
參考答案:A,B,C,D 。答案解析:.text-muted:文字的顏色換成灰色 /.text-primary:文字的顏色變成藍色 / .text-success:文字的顏色變成綠色 /.text-info:文字的顏色變成暗藍色 /.text-warning:文字顏色變成暗黃色 /.text-danger:文字的顏色變成紅色
6.下列哪些是塊級元素()
A、input
B、ul
C、hr
D、li
E、div
F、form
參考答案:B,C,D,E,F
答案解析:
(1)行內元素有:a b span img input select strong
(2)塊級元素有:div ul ol li dl dt dd h1 h2 h3 h4…p
(3)常見的空元素:
<div></div> <span></span><input></input><link></link><meta></meta><span> </span>
不爲人知的是:
<area></area><base></base><col></col><command><embed><keygen><param></param><source><track><wbr></wbr></track></source></keygen></embed></command>
7.如下選項正確的是
A、<p />
B、<br />
C、<hr />
D、<img />
8關於Web 語義化的說法,正確的有?
A、語義化的含義就是用正確的標籤作正確的事情
B、語義化讓頁面的內容結構化,結構更清晰
C、語義化便於對瀏覽器、便於代碼閱讀、便於維護
D、語義化便於SEO, 頁面中多放置一些H1標籤,會提升網頁的排名
9.如下標籤中,默認是塊級元素的標籤有:
A、span
B、div
C、p
D、img