一次理論試験（用紙8）の1 + X証明書のWebフロントエンド開発

ウェブ開発遠位一次コイルのシミュレーションテスト（C）

55の質問の合計の合計：200フラクタルテストのスコア：0

まず、30問の選択問題、60ポイントの合計

1.正しいスタイルを達成するために、赤い三角形の権利を達成することです（）

<div class="icon"></div>

A.icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-left-color:#f00; }

B.icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-left-color:transparent;}

C.icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-right-color:#f00;}

D.icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-right-color:transparent;}

以下のすべてのタグを除い2.Pスパンは、45度回転（）

- *A*p :not(span){transform:rotate(45deg)}
- *B*p :not(span){translate:rotate(45deg)}
- *C*p not(:span){transform:rotate(45deg)}
- *D*p:not(span){rotate(45deg)}

オブジェクトの3.jqueryトラバーサル指定された配列および方法（）A

• の$ .each（オブジェクト、コールバック）
• B $（セレクタ）.each（関数（））
• Cの foreachの（）
• Dのための...で

4.argumentsは、配列と同様の目的です。C：参照は、あなたも参照する）（パラメータ名を使用することができます名前付きパラメータを使用することができる方法で

• 関数引数[N]
• Bの arguments.n
• Cの引数[N]
• Dの isfunction

印刷された結果は、次のコード（）Cであります

var cars = ['bmw','qq','byd','glof']; cars.splice(2,0,'polo'); console.log(cars);

• 【 "BMW"、 "QQ"、 "BYD"、 "ポロ"、 "GLOF"]
• B [ "BMW"、 "QQ"、 "ポロ"、 "GLOF"]
• C [ "BMW"、 "QQ"、 "ポロ"、 "BYD"、 "GLOF"]
• Dが上記のなし

6.以下は、兄弟のオプション（）Bであります

• A＃UL2 + P
• B＃UL2〜P
• C＃UL2> P
• D＃UL2 P

7.次のキャンバスに描画することができる画像である（）C

• ビデオ
• Bのオーディオ
• Cのキャンバス
• Dのヘッダ

8でのjQueryは、マウスイベントではない（）C

• マウスオーバー
• BののMouseEnter
• Cの KeyDownイベント
• DののMouseMove

9.input値タグは、属性（）Dに記載されています

• タイプ
• B無効
• Cの ID
• Dの値

（）Cの最高優先順位を有する次の10

• Aのクラス
• Bの ID
• C！重要
• Dのインライン

11印刷結果が、次のコードである（）D

 for(var i=0;i<=30;i+=5){ if(i%3==0){ continue; } console.log(i); }  

• 5,10,15,20,25,30
• B 5.15
• C 5,15,25
• D 5,10,20,25

12.あなたがラベルにスタイルを追加する必要があり、幅と高さを設定するラベルを与えたい（）D

• 表示：インライン;
• Bオーバーフロー：隠されました。
• Cフォントサイズ：0。
• Dディスプレイ：ブロック;

弾性メインボックス要素の配向方向がB上の（）属性を使用することができる設定13

• ALIGN-コンテンツ
• Bは正当化コンテンツを
• Cの ALIGN-セルフ
• Dの ALIGN-アイテム

14.パラメータ1番初めからセレクタ（）B

• 第nの型
• B n番目の子
• C：最初の
• D：EQ

15.以下の結果が正しいコードが実行される（）Bであります

var a = 2; switch (a) { case 1: alert("1"); case 2: alert("2"); case 3: alert("3"); 

デフォルト：警告（ '4'）; }

• Aそれぞれ1234をポップアップ
• Bは、それぞれ234を取り出します
• Cのプログラムエラー
• Dのみがポップアップ2

16.flex-成長役割（）D

• 弾性要素カセットアラインメント
• Bの弾性要素カセットの配列
• C弾性要素ボックスの表示順序
• D弾性要素は、ボックスの残りの空間を割り当てる方法

この方法は、アレイ17次のようにソートすることである（）A

• ソート
• B逆
• Cのポップ
• Dのスライス

ブロックタグ（）Aはない次の18

• スパン
• Bの P
• Cの DIV
• D UL

19.以下のスタイルオプションを有効にすることができます（）Cであります

<style> p{ color:yellow; } .classB{ color:red; } .classA{ color:blue; } </style> <p class='classB classA'> 123 </p>

• 黄色
• B赤
• Cブルー
• Dの黒

20.metaタグのname属性は、キーワード値（）Cであります

• 説明
• B.の著者
• Cキーワード
• Dの発電機

チェックボックスのIDがcheckAll（）Bであると仮定すると、チェックボックス無効を設定する方法21.javascript

• Aのdocument.getElementById（ "checkAll"）が有効= falseを。
• Bのdocument.getElementById（ "checkAll"）無効=真。
• Cのdocument.getElementById（ "checkAll"）が有効=真。
• Dのdocument.getElementById（ "checkAll"）無効= "無効"。

22本以下のコードである（）Aの効果

@media screen and (min-width:960px) and (max-width:1200px){ body{ background:yellow; } }

• Aは、幅が黄色の背景色の960ピクセル幅1200px体よりも大きい場合よりも小さいです
• Bは、ボディの幅が960ピクセル幅の背景色が黄色よりも大きいときであります
• C文言上記が正しくありません
• D背景色が黄色である場合幅未満1200px体である場合

23.をクリックし、テキストボックスを制御することができる達成するため、以下の設定が（正しい）B

• - *A*<input type="checkbox" name="music" /><label for="music">音乐</label>
  - *B*<input type="checkbox" id="music" /><label for="music">音乐</label>
  - *C*<input type="checkbox" name="music" /><label id="music">音乐</label>
  - *D*<input type="checkbox" id="music" /><label name="music">音乐</label>

24. Enterキーが押された場合：JSは正しい方法を決定（）C

• IF（event.keyCode == 39）
• B（event.keyCode == 38）場合
• C IF（event.keyCode == 32）
• D IF（event.keyCode == 31）

ジェリー細胞がピアに組み合わせたHTML文書表の25 Aマーカー（）C

• CELLSPACING
• Bの CELLPADDING
• C ROWSPAN
• Dの COLSPAN

26.（）Bの浮動ULを削除する方法

• UL李：最後の子{クリア：両方}
• B UL：{： "";クリア：コンテンツの両方;表示：ブロック}後
• C UL {クリア：両方}
• D UL：{： "";クリア：コンテンツの両方;表示：ブロック}前

27.var V;この文は、変数vを定義し、その値はありますか？正解は（）Bであります

• A 1
• B未定義
• C 0
• Dのヌル

28.placeholderアクションは（）Aであります

• デフォルトのプロンプトテキストのテキストボックスとしてセット
• Bアライメントパターンテキストボックスを設定します
• Cは、テキストボックスにデフォルト値を設定します
• D声明上記が正しくありません

29.正解は（）Aであります

var size="true";console.log(typeof size); 

• 弦
• Bの番号
• C未定義
• Dのブール

、正しい言葉遣いが導入されているのと同じフォルダIMG logo.jpg内のindex.htmlファイルのindex.html現在のページと30インサート（）

• - *A*<img src="img/logo.jpg">
  - *B*<img href="img/logo.jpg">
  - *C*<img src="../img/logo.jpg">
  - *D*<img href="../img/logo.jpg">

  第二に、15問の選択問題、30ポイントの合計

  1.divスパン{マージン左：10pxの;}マージンスパンAC）（次のステートメントによって解除可能な第1の要素を

  • IVスパン：最初の子{マージン：0}
  • Bの DIVスパン：n番目の子（0）{マージン：0;}
  • Cの DIVスパン：n番目の子（1）{マージン：0}
  • D DIVスパン{マージン：0}

2.右が次の文の構文（）AC

• - *A*document.getElementsByTagName("body")[0].innerHTML = "HELLO"
  - *B*document.getElementById("box").style.border-top="1px solid #f00"
  - *C*document.getElementsByTagName("div")[0].innerHTML = '<b>hello</b>';
  - *D*document.getElementsByTagName("body").style.paddingTop = "10px";

弾性ボックス（）ABに属する次の属性3.どの

• フレックスシュリンク
• Bのフレックスが成長
• Cの境界線
• Dのマージン

4.以下は一人で閉じることができないラベルである（）ABCD

• - *A*<br />
  - *B*<hr />
  - *C*<input />
  - *D*<img />

5.＃ラップ{幅：600PX;高さ：200pxの、背景：#CCC;位置：絶対;}ブラウザで実装ラップを設定するパターンで、水平方向および垂直方向にセンタリングされる（）BC

• margin-left：-300px;マージントップ：-100px;
• Bは左：300ピクセル;トップ：100pxにします。
• Cは、左：50％;上部：50％と、
• Dのマージン左：-300px;マージントップ：100ピクセル;

6.背景背景プロパティは、（）ABD

• 背景サイズ
• Bの背景起源
• Cのテキスト整列
• D背景クリップ

7.仮定するBTNは、ボタンがcheckCityなA関数を呼ぶもの（）BCの正しい言葉遣いをクリックし、ボタンに取得することです

• btn.onclick =関数（）{checkCity。
• B btn.onclick =関数（）{checkCity（）;}
• C btn.onclick = checkCity。
• D btn.onclick = checkCity（）

何8.HTML5新しいラベル（）ABCD

• ヘッダ
• B.新
• Cのフッター
• Dのセクション

すべての奇数1-100の間に（）ADを印刷することができ、次の文の9.

• Aのための（VAR I 1 =、iが<= 100; I ++）{IF（I％2 == 1）{にconsole.log（I）;}}
• Bのための（VARは、I 1 =; I <= 100; I + = 1）{にconsole.log（I）;}
• Cのための（VARは、I = 1; iが<= 100; I ++）{IF（I％2 == 0）{にconsole.log（I）;}}
• Dのために（VARは、I 1 =; I <= 100; I + = 2）{にconsole.log（I）;}

テキストプロンプト特性を有する10.imgラベル（）AC

• タイトル
• Bのタイト
• Cの ALT
• Dの高さ

前記ブロック要素（に属する以下の要素のうち）BCD

• A
• B.新
• Cのヘッダ
• D UL

12.以下のオプションのjQueryフォーカスイベントは（ある）AC

• ブラー（）
• Bを選択し（）
• Cのフォーカス（）
• D ONFOCUS（）

13. jQueryのjQueryのによってオブジェクトの.css（）スタイルのコントロールは、（次のステートメントが正しい、実現することができる）AB

• CSS（）メソッドは、独自のスタイルを削除し、新しいスタイルを設定します
• B正しい構文：CSS（ "プロパティ"、 "値"）
• C CSS（）メソッドは、独自のスタイルを削除しません。
• D正しい構文：CSS（ "プロパティ"）

要素（）ACD非表示にすることができる次のスタイルの14

• 可視性：隠されました;
• B表示：ショー。
• Cの表示：なし;
• D不透明度：0。

アニメーション（）ABは何15

• 推移
• Bのアニメーション
• Cの静的
• Dの相対

第三に、質問5質問を決定し、10分

1.テキストボックスシャドウボックス効果のフォーカスを追加するときの文章を達成することができます。（）オン

input[type="text"]:focus{box-shadow:2px 2px 2px blue;}

• ペア
• Bの間違いました

2.var A = B = 6、B = 3にconsole.log（）は3（）エラーであります

• ペア
• Bの間違いました

それは追加後のコンテンツに指定された3 jQueryの要素（）の

• ペア
• Bの間違いました

4.marginトップ、ワーク内の線要素のパディングトップ（）エラー

• ペア
• Bの間違いました

遷移元素は、変形スタイル（）エラーを制御するために使用される5.CSS

• ペア
• Bの間違いました

分析を回答

1。	2。	3。	4。	5。
6。	7。	8。	9。	10。
11。	12。	13。	14。	15。
16。	17。	18。	19。	20。
21。	22。	23。	24。	25。
26。	27。	28。	29。	30。
31。	32。	33。	34。	35。
36。	37。	38。	39。	40。
41。	42。	43。	44。	45。
46。	47。	48。	49。	50。