Cvteフロントエンドペンテスト

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

1次のコードは次のように実行されます。

 var setPerson=function(person){ 
person.name="kevin";
person={name:"nick"}; 
}; 
var person={name:"alan"}; 
setPerson(person); 
alert(person.name);

回答:ケビン

まず、グローバル関数setPersonが呼び出され、その人物が渡されます。この時点で、人物はvar person = {name: "alan"};渡された後、person.name = "kevin";上書きされる人物の名前属性。 最終的な答えはケビンです。
2次のコード出力の結果は次のとおりです。

  var array1=Array(3);
array1[0]=2;
var result=array1.map(element => "1");
console.log(result);

回答:["1"、null、null]

map()メソッドは、関数によって処理された元の要素によって出力された要素を要素とする新しい配列を返します。 元の配列を変更しない

Map()は、元の配列順に配列要素を1つずつ処理します。

3次のコード出力は次のとおりです。

 var a= 2018<0 || typeof(2018+"");
console.log(a);

答え:string

調査すると、最初の項目がtrue、最初の項目の結果が返され、最初の項目がfalseの場合は2番目の項目に関係なく返されます。 この質問の2番目の項目は文字列です

4以下は行の高さに関するもので、正しい文は次のとおりです。

150%または1.5の線高設定は同じ効果です

B Inline要素の行の高さを設定しても効果はありません

Cはline-heightの値をfont-sizeの値よりも小さく設定し、要素の高さはfontsizeの値に設定します。

D line-height属性は継承されます。

回答:ACD

 <style>
.ce1{
line-height:150%;
}
.ce2{
line-height:1.5;
}
.ce{
font-size:28px;
line-height:10px;
}
.line{
line-height:50px;
background:#ccc;
}
</style>
</head>
<body>
<div class="ce1">我的lineheight为150%</div>
<div class="ce2">我的lineheight为1.5</div>
<div class="ce">我是28px的文字,我的行高为10px</div>
<span class="line">我是inline</span>
</body>

操作の結果は次のとおりです。

ACDが正しく、インライン要素のline-height属性を設定することも有効です。

5次のコードは、

for(var i={j:0};i.j <5;i.j++){
(function(i){
setTimeout(function(){console.log(i.j)},0);
})(JSON.parse(JSON.stringify(i)));
}

回答:0,1,2,3,4,5

6次のコードは次のように実行されます。

for(var i=0;i<5;i.j++){
(function(i){
setTimeout(function(){console.log(i.j)},0);
})(i);
}

回答:4,4,4,4,4

7次のコードは、

   var elements = ['Fire','wind','Rain'];
console.log(elements.join(','));

答え:火、風、雨

8次のコードは、

 var execFunc = function(){
console.log("executed");
};
setTimeout(execFunc,0);
console.log("changed");
execFunc = function(){
console.log("another executed");
}

回答:変更された実行

イベントのバブリングを止める9つの方法

e.preventDefault()

B event.cancelBubble = true

C event.returnValue = false

D e.stopPragation()

回答:BD

分析:DOMのイベントオブジェクトevent.stopPropagation()は、イベントの伝播を防ぐことができます。イベントのバブリングまたはキャプチャをさらにキャンセルします。

IEのイベントオブジェクトcancelBubbleプロパティの値はtrueで、イベントのバブリングをキャンセルできます。

preventDefault()は、イベントのデフォルトの動作を防ぎ、cancelabelプロパティの値がtrueに設定されている場合にのみpreventDefalutを使用できます。

10次​​のオプションは、クリックイベントをsubmitanボタンにバインドします。

btn.addEventListener( "click"、fun、false);

B btn.dispatchEvent( "クリック"、楽しみ、真);

C btn.attachEvent( "onclick"、fun);

D btn.detachEvent( "onclick"、fun);

回答:ABC

解析:DOM2イベントバインディング:addEventListenerには、3つのパラメータがあります。最初のパラメータはイベント名を表します(「クリック」など)。2番目のパラメータはイベント処理を受け取る関数を表し、3番目のパラメータはuseCaptureです。

IEはattachEvent()およびdetachEvent()を使用して、イベント名とイベントハンドラ関数の2つの引数を受け取ります。 IE8以前は以前はサポートされていたイベントのバブリングのみがサポートされていたため、attachEvent()で追加されたイベントハンドラがバブリングフェーズに追加されています。

attachEvent(event、function):イベントは必須です。 イベントの名前を指定する文字列。 注:接頭辞 "on"を使用してください。 たとえば、「クリック」ではなく「onclick」を使用します。

btn.detachEvent( "onclick"、handler); / * IEはリスナーを削除します* /

イベントトリガーも高度なブラウザーとIEに分かれていて、dispatchEventは高度なブラウザーのイベントトリガーです。 dispatchEventは、Chrome、Firfoxなどの高度なブラウザのイベントトリガーとして使用されます。


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ