碼上快樂

相關內容    簡體    繁體

1+X Web初級筆記查漏補缺+練習題

本文轉載自   查看原文   2022-04-26 09:31   1789    備考

學習筆記：

position:relative是相對定位，是相對於自身位置移動，但是占據原有空間

absolute是絕對定位，原有空間不保留會被其他元素擠占

絕對定位 absolute不占位置完全浮動，相對定位 relative會占有位置。

  1. absolute：絕對定位，相對最近父元素，原有空間不保留會被其他元素擠占。寬度為文本寬度，且寬度不會影響父元素寬度
  2. relative：相對定位，相對自身原來位置，原有空間保留，不會被擠占。寬度為父元素寬度，且寬度會撐大/縮小父元素寬度

transform主要包括以下幾種：

  1. 旋轉rotate
  2. 扭曲skew
  3. 縮放scale
  4. 移動translate
  5. 矩陣變形matrix

translate() 根據左(X軸)和頂部(Y軸)位置給定的參數，從當前元素位置移動。
rotate() 在一個給定度數順時針旋轉的元素。負值是允許的，這樣是元素逆時針旋轉。
scale() 該元素增加或減少的大小，取決於寬度（X軸）和高度（Y軸）的參數。
matrix() 和2D變換方法合並成一個。
matrix 方法有六個參數，包含旋轉，縮放，移動（平移）和傾斜功能。

skew()包含兩個參數值，分別表示X軸和Y軸傾斜的角度，如果第二個參數為空，則默認為0，參數為負表示向相反方向傾斜。
skewX(<angle>);表示只在X軸(水平方向)傾斜。
skewY(<angle>);表示只在Y軸(垂直方向)傾斜。

border-radius是CSS3中的一個簡寫屬性，用於為邊框創建（1~4個）圓角效果。

語法：

1

border-radius: 1-4 length|%

值：

  • length 定義彎道的形狀。

  • % 使用%定義角落的形狀。

注意: 每個半徑的四個值的順序是：左上角，右上角，右下角，左下角。如果省略左下角，右上角是相同的。如果省略右下角，左上角是相同的。如果省略右上角，左上角是相同的。

  • 四個值: 第一個值為左上角，第二個值為右上角，第三個值為右下角，第四個值為左下角。

  • 三個值: 第一個值為左上角, 第二個值為右上角和左下角，第三個值為右下角

  • 兩個值: 第一個值為左上角與右下角，第二個值為右上角與左下角

  • 一個值： 四個圓角值相同

rowspan和colspan

1、如果要合並兩行或更多行，則將使用rowspan屬性。
2、如果要將兩個或多個列合並為一個列，將使用colspan屬性。

操作題關鍵詞：

<!DOCTYPE html>
<html>
<head>
	<title>第二題</title>
	<meta charset="utf-8">
<!-- 根據說明正確導入當前目錄下css文件夾中的style.css -->
<link rel="stylesheet" type="text/css"  href="     （1）        " >
</head>
<body>
<div class="box">
	<div class="con">
		<ul class="clear">
			<li>
				<img src="img/icon-img.jpg">
				<p>優化速度</p>
				<span>更多</span>
			</li>
			<li>
				<img src="img/icon-img2.jpg">
				<p>營銷分析</p>
				<span>更多</span>
			</li>
			<li>
<!-- 根據上下文填寫正確的標簽 --> 
				<     （2）      src="img/icon-img3.jpg" >
				<     （3）      >SEO和導入鏈接</p>
				<span>更多</span >
			</li>
		</ul>
	</div>
</div>
</body>
</html>
/* 注意：此處省略了部分和本題無關的css代碼 */
.box .con ul li{
	float:left;
	background-color: #fff;
	width: 380px;
/*設置li邊框為圓角15px，文字對齊方式為居中。*/ 
	   （4）     ：  （5）      ;
	     （6）   ：   （7）      ;
	overflow: hidden;
}
.box .con ul li:nth-child(2){
	margin:0 30px;
} 
.box .con ul li img{
	margin:50px auto 0;
/*此處設置圖片的過渡效果為0.8秒*/
	     （8）     ：0.8s;
}
.box .con ul li p{
/*設置內邊距上下為0，左右為15px*/
	    （9）     ：  （10）      ;
	line-height: 140px;
	border-bottom:1px solid #ddd;
	font-weight: 600;
	color:#555;
}
.box .con ul li span{
	display: block;
	width: 100%;
	height:60px;
	line-height: 60px;
/*此處設置文字的過渡效果為0.8秒*/
	      （11）     ：0.8s;                  
}
/*用CSS3的實現鼠標經過圖片旋轉360度，放大1.3倍，離開再旋轉還原。*/
.box .con ul li:hover img{
	     （12）     ：             （13）             ;
}
.box .con ul li:hover span{
	background-color: #f7c324;
	font-weight: 600;
}

1+X Web前端（初級）理論題考試樣題及答案（建議收藏）

 

評分規則


理論題共50道，包括： 單選題30道、多選題15道、判斷題5道（每道題2分，多選題選錯不得分，選少得1分，全部選對得2分）

答案

1D 2B 3D 4B 5B 6C 7D 8C 9C 10A 11B 12A 13B 14C 15D 16D 17B 18B 19D 20C 21A 22C 23C 24C 25B 26A 27C 28A 29A 30B

1AB 2CD 3ABD 4BC 5ACD 6BCD 7ACD 8ABCD 9ABDC 10AB 11ABCD 12ABCD 13ABCD 14BC 15AD

1x 2o 3z 4x 5o

 


 

（一）單選題


1、以下關於網頁結構說法錯誤的是（D）

A、HTML文件是結構層

B、CSS文件是表示層

C、JS文件是行為層

D、CSS文件是行為層

2、給以下代碼中id名為con的元素設置樣式正確的是（C）。選B

<div class=”box”>

<div class=”main” id=”con”>祝您好運！</div>

</div>

A、.box>.main{font:16px;}                  B、.box .main{font:16px ‘微軟雅黑’}       

C、#con{font-family:16px}          大盒子套小盒子的話不能直接寫。        D、.con{font:16px/32px ‘微軟雅黑’}

3、關於邊距的設置說法正確的是（D）。

A、margin:0 是設置內邊距上下左右都為0；

B、margin:20px 50px;是設置外邊距左右為20px,上下為50px;

C、margin:10px 20px 30px;是設置內邊距上為10px，下為20px; 左為30px;

D、margin:10px 20px 30px 40px;是設置外邊距上為10px，右為20px，下為30px,左為40px

4、關於盒模型說法不正確的是（B）

A、盒模型由margin,border,padding,content四部分組成；

B、標准盒模型是box-sizing:border-box；

C、IE盒模型是box-sizing:border-box;

D、標准盒模型是box-sizing:content-box；

5、以下關於HTML描述不正確的是（D）選B，看成正確的了。

A、HTML是描述網頁的語言

B、HTML是一種編程語言不是編程語言而是超文本標記語言

C、HTML是由標記標簽組成的

D、HTML是超文本標記語言

6、下列選項關於標簽默認樣式說法正確的是（A）選C。

A、標題標簽只是默認加粗

B、段落標簽默認帶有外邊距和內邊距

C、無序列表默認帶有外邊距和內邊距 [√]

D、input無默認樣式

7、在HTML中，CSS樣式中文本屬性的說法錯誤的是（D）。

A、font-weight用於設置字體的粗細

B、font-family用於設置文本的字體類型

C、color用於設置文本的顏色

D、text-align用於設置文本的字體形狀 【對齊方式】

8、在HTML中,通常要通過定位，Css屬性中（A）可以設置垂直疊放次序。選C

A、list-style

B、padding

C、z-index【屬性設置元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。】

D、Float

9、關於html5說法錯誤的是（C）。

A、HTML5新增了音頻和視頻標簽

B、HTML5只是對HTML4的一個簡單升級

C、所有主流瀏覽器都支持HTML5

D、HTML5新增了離線緩存機制

10、以下不是HTML5新特性的是（D）。選A

A、新的@font-face字體設置【這不是html，這是css的】

B、新的離線存儲

C、新的音頻、視頻API

D、新的內容標簽

11、以下屬於目標選擇器的是（B）。

A、.:empty 【選擇器匹配沒有子元素（包括文本節點）的每個元素】

B、:target      

C、:nth-of-type()  【選擇器匹配屬於父元素的特定類型的第 N 個子元素的每個元素.】

D、only-child 【選擇器匹配屬於其父元素的唯一子元素的每個元素。】

12、實現背景圖片不跟隨鼠標滾動而滾動的屬性是（B）選A

A、background-attachment:fixed; 【不跟隨鼠標滾動而滾動】

B、background-attachment:scroll;【這個剛好相反，滾動】

C、background-origin: initial;

D、background-clip: initial;

13、alt和title屬性的特點表述正確的是（B）。

A、不同的瀏覽器，表現一樣

B、alt和title同時設置的時候，alt作為圖片的替代文字出現，title是圖片的解釋文字

C、alt和title同時設置的時候，title作為圖片的替代文字出現，alt是圖片的解釋文字

D、以上說法都不正確

14、給div盒子設置鼠標經過變圓角的屬性是（C）。

A、box-sizing    B、box-shadow     C、border-radius     D、border

15、在彈性盒子中，以下不屬於justify-content的值是（B）。選D

A、flex-start     B、center          C、space-between    D、end

16、從下列選中中選出不同的一個（D）。

A、<nav>       B、<footer>        C、<meta>          D、<canvas>

17、(“5.3” + 2.3 ) 的計算結果是（B）。

A、7.6        B、5.32.3          C、5.32          D、7.3

18、JavaScript函數說法正確的是（B）

A、不可以傳參                     B、可以接受參數

C、沒有返回類型                   D、沒有return關鍵字

19、JavaScript是運行在（B）的腳本語言。選D，跟服務器沒有關系

A、服務器端

B、在服務器運行后，把結果返回到客戶端

C、在客戶端運行后，把結果返回到服務端

D、客戶端

20、下列哪個方法是對數組元素進行排序的（B）。C

A、add( )       B、join( )      C、sort( )      D、length( )

21、分析下面的JavaScript代碼段，輸出結果是（D）A

var str="I am a teacher";

a=str.charAt(9);

document.write(a);

A、I am a te    B、a          C、acher      D、e

22、分析下面的JavaScript代碼段，輸出的結果是（C）。

emp=new Array(4);

emp[1]=1;

emp[2]=2;

document.write(emp.length);

A、2         B、3          C、4         D、5

23、以下不屬於javascript中提供的常用數據類型的是（D）。C

A、Undefined     B、Null     C、Connection     D、Number

24、在JavaScript中，把字符串“789”轉換為整型值789的正確方法是（D）選C

A、var str="789"; var num=(int)str;

B、var str="789";var num=str.parseInt(str);

C、var str="789";var num=parseInt(str);

D、var str="789";var num=Integer.parseInt(str);

25、下面代碼正確的結果是（C）。

var a = [0];

if ([0]) {undefined

console.log(a == true);

} else {undefined

console.log("2");

}

A、true           B、false         C、 "2"           D、報錯

26、請問下面代碼輸出的是（D）。

var trees = ["aa","bb","cc","dd","apple"];

delete trees[3];

console.log(trees.length);

A、5            B、4             C、3             D、以上都不對

27、以下代碼輸出的結果是：（A）。

    var length = 20;

    function fn() {undefined

        console.log(this.length);

    }

    var obj = {undefined

      length: 10,

      method: function(fn) {undefined

        fn();

        arguments[0]();

      }

    };

    obj.method(fn, 1,"aa");

A、20,10       B、10,3      C、20,3       D、以上都不正確  

28、在jQuery中，移除節點類名為"box"下的div元素的方法是 （A）。

A、$(".box div").remove();

B、$(".box div").empty();

C、$("div").innerhtml("");

D、$("div").innerHTML = "";

29、用jQuery，將服務端返回的JSON格式的字符串轉為js對象，語法正確的是（B）？

A、$.parseJSON(data)             B、$.ParseJson(data)

C、 #.parseJSON(data)            D、 #.ParseJson(data)

30、下列選項關於jQuery中的淡入淡出動畫效果描述錯誤的是（C）。

A、fadeOut()方法是通過不透明度的變化來實現所匹配元素的淡出效果

B、fadeOut()、fadeIn()、fadeToggle()的表示動畫時長的參數只能為毫秒數

C、fadeToggle()通過不透明度的變化來開關所有匹配元素的淡入和淡出效果

D、fadeOut()、fadeIn()可常用於制作淡入淡出的幻燈片效果

 

（二）多選題
1、下列關於隱藏元素說法正確的是（）。

A、display: none；不為被隱藏的對象保留其物理空間；

B、visibility:hidden;所占據的空間位置仍然存在,僅為視覺上的完全透明；

C、visibility:hidden;產生reflow和repaint(回流與重繪)；

D、visibility:hidden;與display: none;兩者沒有本質上的區別；

2、關於不同內核的瀏覽器，對CSS的解釋正確的有（）。

A、FireFox的div的內嵌div可以把父級的高度撐大，而IE6.0不可以，要自己設置高度

B、當設置為三列布局時，FireFox0的float寬度不能達到100％，而IE6.可以。當設置為兩列布局時，兩種瀏覽器都可以

C、火狐瀏覽器中，非float的div前面有同一父級的float的div，此div若有背景圖，要使用clear：both，才能顯示背景圖，而IE6.0中不用使用clear：both

D、在[text-decoration:underline]的屬性下，IE6.0顯示的下划線會比FireFox低一點。在FireFox中，部分筆畫會在下划線的下面1個象素左右

3、以下推薦使用清除浮動的方式有哪幾種（）。

A、在浮動元素末尾添加一個空的標簽例如 <div style=”clear:both”></div>

B、通過設置父元素overflow值為hidden

C、父元素也設置浮動

D、給父元素添加clearfix類

4、下述有關border:none以及border:0的區別，描述錯誤的是（）。

A、border:0表示邊框寬度為0

B、當定義了border:none，即隱藏了邊框的顯示，實際就是邊框寬度為0

C、當定義邊框時，僅設置邊框寬度也可以達到顯示的效果

D、border:none表示邊框樣式無  

 

5、下列哪一個表達式返回為真（）。

A、!(3<=1)                      B、(4>=4)&&(5<=2)

C、("a"=="a")&&("c"!="d")         D、(2<3)||(3<2)

6、關於Javascript中數組的說法中，正確的是（）。

A、數組的長度必須在創建時給定，之后便不能改變

B、由於數組是對象，因此創建數組需要使用new運算符

C、數組內元素的類型可以不同

D、數組可以在聲明的同時進行初始化 

7、以下關於javascript中DOM的說法正確的是（）。

A、DOM的全稱為Document Object Model;

B、BOM為文檔對象模型;

C、DOM的作用為可以對頁面得內容進行增加刪除替換;

D、BOM為瀏覽器對象模型

 

8、jquery ajax中都支持哪些返回類型（）。

A、xml        B、html      C、jsonp       D、json

9、屬於HTML5新增的標簽是（）。

A、figure     B、hgroup     C、details      D、progress

10、以下屬於行內塊元素的是（）。

A、img       B、input      C、span         D、div

11、以下屬於HTML5優勢的是（）。

A、解決跨平台問題

B、部標簽代替了原來的JavaScript

C、更明確的語義支持

D、增強了web應用程序和功能

12、屬於HTML5語法變化的是（）。

A、標簽不在區分大小寫

B、元素可以省略結束標簽

C、支持boolean值的屬性

D、允許屬性值不適用引號

13、以下是CSS3新增偽類的是（）。

A、:nth-of-type(n)     B、:empty     C、:root     D、:not()

14、box-sizing的值有哪些（）。

A、none       B、border-box     C、content-box     D、padding-box

15、在jQuery中，能夠實現將div層隱藏的語句是（）。

A、$("div").css("display","none")

B、$("div").addClass ("display","none")

C、$("div").show()

D、$("div").hide()

 

（三）判斷題
1、"12">"2"。

2、DOM中,已知一個節點,並且知道他們得位置關系,就可以操作任何一個節點。

3、定義列表的應該這樣寫<dl><dt><dd></dd></dt></dl>。

4、在HTML中，div+css可以用作排版布局，表格的也可以。

5、div占用的位置是一行，一行可顯示多個span。

 

答案
1D 2B 3D 4B 5B 6C 7D 8C 9C 10A 11B 12A 13B 14C 15D 16D 17B 18B 19D 20C 21A 22C 23C 24C 25B 26A 27C 28A 29A 30B

1AB 2CD 3ABD 4BC 5ACD 6BCD 7ACD 8ABCD 9ABDC 10AB 11ABCD 12ABCD 13ABCD 14BC 15AD

1x 2o 3z 4x 5o

一、單選題（每小題2分，共30小題，共60分）
1、在HTML中，( )用來表示特殊字符引號

A、&reg            B、&copy             C、&quot            D、&nbsp    

2、下面關於文件路徑的說法錯誤的是（ ）。

A、“../”是返回當前目錄的上一級目錄
B、“../”是返回當前目錄的下一級目錄
C、訪問下一級目錄直接輸入相應的目錄名即可
D、文件路徑指文件存儲的位置

3、下列選項中定義標題最合理的是( )

A、`<span class="header">文章標題</span>`
B、`<p><b>文章標題</b></p>`
C、`<h2>標題</h2>`                     
D、`<div>文章標題</div>`

4、關於引入樣式的優先級說法正確的是（ ）

A、內聯樣式>!important>內部樣式>外部樣式>!important
B、!important>內聯樣式>內部樣式>外部樣式
C、以上都不正確

5、在HTML中，下面（ ）不屬於HTML文檔的基本組成部分。

A、<STYLE></STYTLE>        B、<BODY></BODY>
C、<HTML></HTML>         D、<HEAD></HEAD>

6、在HTML中，下列有關郵箱的鏈接書寫正確的是（ ）

A、<A href="telnet:zhangming@aptech.com">發送郵件</A>
B、<A href="mail:zhangming@aptech.com">發送郵件</A>
C、<A href="ftp:zhangming@aptech.com">發送郵件</A>
D、<A href="mailto:zhangming@aptech.com">發送郵件</A>

7、在HTML5中，哪個屬性用於規定輸入字段是必填的？

A、readonly    B、required   C、validate   D、placeholder

8、HTML5的正確doctype是( )

A、<!DOCTYPE html>
B、<!DOCTYPE HTML5>
C、<!DOCTYPE HTML PUBLIC "-
D、//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">

9、以下說法不正確的是（ ）

A、HTML5 標准還在制定中        B、HTML5兼容以前HTML4下瀏覽器
C、<canvas>標簽替代Flash        D、簡化的語法
10、設定一個元素按規定的動畫執行，你需要運用什么規則？

A、animation   B、keyframes   C、flash   D、transition

11、每段文字都需要首行縮進兩個字的距離，該設置什么屬性（ ）

A、text-transform   B、text-align   C、text-indent   D、text-decoration

12、關於box-shadow說法正確的是（ ）

A、設置文字投影              B、第一個值是設置水平距離的
C、第二個值是設置水平距離的  D、第三個值是設置投影顏色的

13、設置盒子圓角的屬性是（ ）

A、box-sizing  B、box-shadow  C、border-radius   D、border

14、將div類名以’c’開頭元素添加文字為紅色，書寫正確的是（ ）

A、div[class=^c]{color:red}        B、div[class=$c]{color:red}
C、div[class=c]{color:red}       D、div[class=*c]{color:red}

15、在HTML中，通過( )可以實現鼠標懸停在div上時，元素執行旋轉45度效果

A、div:hover{transform:rotale(45deg)}
B、div:hover{transform:tanslate(50px)}
C、div:hover{transform:scale(1.5)}
D、div:hover{transform:skew(45deg)};

16、關於flex說法正確的是（ ）

A、flex 屬性用於指定彈性子元素如何分配空間  B、flex:1應該寫在彈性元素上
C、設置flex:1無意義                         D、flex是指設置固定定位

17、讓一個動畫一直執行的屬性是（ ）

A、animation-direction           B、animation-iteration-count       
C、animation-play-state          D、animation-delay

18、以下不屬於background-clip的值的是（ ）

A、border-box   B、padding-box  C、content-box  D、none

19、以下哪條語句會產生運行錯誤（ ）

A、var obj = ();  B、var obj = {};  C、var obj = [];  D、var obj = //;

20、請選擇結果為真的表達式（ ）

A、null instance of Object      B、null === undefined
C、null == undefined         D、NaN == NaN 

21、下面代碼輸出什么( )
var a=0,b=0;
for(;a<10,b<7;a++,b++){undefined
g=a+b;
}
console.log(g);"

A、16     B、10     C、12     D、6

22、下列表達式成立的是( )

A、parseInt(12.5)==parseFloat(12.5)
B、Number("123abc")==parseFloat("123abc")
C、isNaN("abc")==NaN
D、typeof NaN=="number"

23、在JavaScript中，執行下面的代碼后，num的值是( )
var str = ““wang.wu@gmail.com””;
var num = str.indexOf(""."");"

A、-1    B、0    C、4    D、13

24、閱讀下面的JavaScript代碼，輸出結果是（ ）
function f(y) {undefined
var x=y*y;
return x;
}
for(x=0;x< 5;x++) {undefined
y=f(x);
document.writeln(y);
} "

A、0 1 2 3 4    B、 0 1 4 9 16    C、0 1 4 9 16 25    D、以上答案都不對   

25、在Java script中，運行下面代碼的結果是
function foo(x){undefined
var num=5;
bar=function(y){undefined
return (x+y+(++num));
}
}
console.log(foo(2));
console.log(bar(10));
console.log(bar(10));"

A、undefined,18,19   B、17,18,19   C、5,18,19   D、undefined,18,18

26、下面代碼輸出正確的是( )
parseInt(3, 8)
parseInt(3, 2)
parseInt(3, 0) "

A、3, 3, 3    B、3, 3, NaN    C、3, NaN, NaN    D、other

27、在以下選項中，關於JavaScript的Date對象描述正確的是

A、getDay( )方法能返回Date對象的一個月中的一天，其值為1~31
B、getDate( )方法能返回Date對象的一周中的一天，其值為0~6
C、getTime( )方法能返回某一時刻(1970年1月1日)依賴的毫秒數
D、getYear( )方法只能返回4位年份，長用於獲取Date對象的年份

28、以下關於jQuery 節點的說法中錯誤是

A、jQuery中用$(".box").insertBefroe(ele1,ele2)給指定ele2前添加ele1元素
B、jQuery中用$(".box").append(ele)給box類后添加ele元素
C、jQuery中用$(".box").appendTo(ele)給box類后添加ele元素
D、jQuery中用$(".box").insertAfter(ele1,ele2)給ele2后添加ele1元素

29、在jQuery中，下列關於事件的說法錯誤的是（ ）

A、jQuery中用onclick綁定點擊事件
B、jQuery中用on來給未來元素綁定事件
C、jQuery中用hover來綁定鼠標經過事件
D、jQuery中存在冒泡事件，故需要阻止冒泡

30、在jQuery中，能夠操作HTML代碼及其文本的方法是（ ）

A、attr()    B、text()    C、html()        D、val()

單選題型筆記：

  1. text-shadow:水平h，垂直v，距離blur，顏色color

  2. 不按功能錯誤的是：邏輯函數運算符(正確答案) 排除法

  3. 函數名不能包括中文

  4. 去除縫隙的方法是設置display：block將元素顯示為塊級元素

  5. 只有IE6才識別的符號是_

  6. position:absolute是絕對定位

  7. position:relative是相對定，占據原有空間

  8. 旋轉rotate

  9. 扭曲skew

  10. 縮放scale

  11. 移動translate

  12. 矩陣變形matrix

  13. 算術運算符>比較運算符>邏輯運算符>賦值運算符

  14. 合並行使用rowspan

  15. 合並列使用colspan

  16. 過渡動畫：transition

  17. 實現下拉框中多選的屬性：multiple

  18. 不屬於運算符的功能是賦值

  19. 表格背景bgcolor=“顏色英文”

  20. css用display來定義盒子的類型

  21. 不屬於運算符的功能是：賦值

  22. 腳本元素的必選屬性是：src

  23. 刪除數組中最后一個元素需要調用pop（）方法

  24. 日期初始值new為：varobjDate=newDate();

  25. css不可能實現的功能是：兼容所有瀏覽器

  26. animations定義不同的過渡動畫效果

  27. 條件語句if else

  28. remove刪除指定的元素子節點並返回被刪除的節點對象

  29. 增加間隔線的是：column-rule

  30. 多媒體元素的loadedmetadata事件表示：當多媒體元素加載完成時間總長與部字節數時觸發

  31. defer：規定是否對腳本執行進行延遲，直到頁面加載為止

  32. 各欄之間添加間隔線：column-rule

  33. 使用write()方法向當前頁面輸入的內容有：文本字符串，HTML表達式，JavaScript代碼

  34. 符合選擇器有：派生選擇器，分組選擇器

  35. 對話框獲取數據和現實數據的方法是alert（）方法

  36. 偽類選擇器組成：偽元素選擇器，偽類選擇器

  37. SVG的圖像是可以伸縮的，可以被壓縮，不能通過問爸編輯器來創建或者修改。

  38. 畫布元素在填充圖形背景色用到的屬性是：fillstyle，strokestyle

  39. 由於權限原因，無法讀取文件的數據信息，訪問某個文件的過程中，該文件被移動或刪除及被其他應用程序並發式修改會導致無法使用FileReader接口中的對象與方法讀取文件數據

  40. 創建數組的方式：隱式和實例化

  41. 基本表達式：this，變量，var

  42. 字面量包括：數字，布爾值，字符串

  43. 閉包可以避免全局污染

  44. 閉包可以將內部函數保存到外部的時候\可以從外部訪問內部變量 \閉包把外部變量保存到內存中不被釋放，導致內存泄漏。

  45. jquery對象屬性：checked，enabled，selected。沒有hidden

  46. prompt()方法用於顯示可提示用戶進行輸入的對話框

  47. div.addEventListener(“click”,function(),false)中的false代表冒泡事件

  48. remove()會刪除被選元素同時也刪除子元素;empty()只會刪除被選元素中的子元素

  49. jquery中:hidden選擇器選取隱藏的元素;而:visible選擇器則會選取每個可見的元素

  50. 在checkbox中,實現點擊文本能控制復選框的方法是：id屬性值和label標簽中的for屬性值一致才行

  51. 在font復合屬性中font-size和font-family屬性必須填寫

  52. font復合屬性中前三個屬性可以隨意調換位置,但是最后兩個屬性的順序不可以進行調換

  53. h2+p {} 選擇緊跟着h2的p元素 相鄰兄弟選擇器

  54. h2~p{} 選擇h2后面的所有兄弟p元素

  55. 在return、break、continue和隨后的表達式之間不能有換行

image-20220426084654736

image-20220426084940876

多選題題型筆記：

  1. speech，imagevalues.transitions模塊

  2. write方法想當前頁面輸入的內容不包括創建文檔流

  3. 對話框獲取的數據和顯示信息的調用方法是：alert，confirm，E方法

  4. 循環語句單次跳轉和完全推出的語句是：continue

    ，break

判斷題題型筆記：

1.所有元素都可以使用 transform 屬性實現元素的，移動、縮放、旋轉和傾斜效果。 [單選題]

√(正確答案)
X

 

2.數組是一組數據的集合，表現在用一個變量可以引用多個數據。 [判斷題] *

對(正確答案)
錯

 

3.字符串類型，可表示單個字符或多個字符的組合。 [判斷題] *

對(正確答案)
錯

 

4.邏輯運算符用於連接 boolean 類型的值或值為 boolean 類型的表達式。 [判斷題] *

對(正確答案)
錯

 

5.使用 [] 符號，可以為數組初始化並直接賦值。 [判斷題] *

對(正確答案)
錯

 


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 JQuery 練習題（前端1+x初級） 查漏補缺1 Python初級練習題（一） 查漏補缺·補丁計划 WEB APIS 練習題 1+x 初級 js練習題筆記 Html（web前端1+x初級模擬題） mysql 增刪改查以及練習題 1+x 證書 web 前端開發初級對應課程分析
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM