웹 전단 개발 테스트 문제 읽 기 노트

2818 단어 웹 전단 개발
인용:
http://www.w3cplus.com/css/front-end-web-development-quiz.html
Q7: 아래 코드 팝 업 값 은 무엇 입 니까?
x = 1;

function bar() {

    this.x = 2;

    return x;

}

var foo = new bar();

alert(foo.x);

답: 2
여기 서 주요 문 제 는 가장 바깥 x 의 정의 입 니 다. x = 1 을 x = {} 로 바 꾸 면 결과 가 다 를 것 입 니 다.왜 그 럴 까요?함 수 를 구조 기로 사용 할 때 수 동 으로 값 을 되 돌 렸 다 면 이 값 이 간단 한 유형 인지, 그렇지 않 으 면 쓰 지 않 고 되 돌아 오 는 것 과 같 습 니 다. 간단 한 유형 이 아니라면 수 동 으로 되 돌아 오 는 값 을 얻 을 수 있 습 니 다.반환 값 을 수 동 으로 쓰 지 않 으 면 기본적으로 원형 에서 대상 을 만들어 서 되 돌려 줍 니 다.
주: x = {} 로 바 뀌 면 alert 값 은 undefined 입 니 다.
Q11: 아래 코드 팝 업 값 은 무엇 입 니까?
function foo(a) {

    arguments[0] = 2;

    alert(a);

}

foo(1);

답: 2
실제 참 조 는 arguments 배열 에서 직접 수정 할 수 있 습 니 다.
주: 실제 인삼 이 간단 한 유형 이 아니 더 라 도 수 정 됩 니 다.
Q 14: "Sausage" 텍스트 의 색상 은 무엇 입 니까?
#awesome .favorite:not(#awesome) .highlight {
    color: red;
}
#awesome .favorite .highlight:nth-of-type(1):nth-last-of-type(1) {
    color: blue;
}

 
<ul class="shopping-list" id="awesome">
    <li><span>Milk</span></li>
    <li class="favorite" id="must-buy"><span class="highlight">Sausage</span></li>
</ul>

빨간색
           ID   , “0,1,0,0”。
               ,       , "0,0,1,0"。
                 , “0,0,0,1”。
       “*”  ":not()"        。
      ,  “1,0,0,0”
  "!important"         ,   “1,0,0,0,0”

CSS3  ,  :not()             (b),  :not()              ,    .demo:not(#foo)      1,1,0,.demo:not(.foo)      0,2,0。

위 류 와 위 원소 의 차이 참고 여기, 이곳
Q19: 페이지 불 러 오기 가 완료 되면 브 라 우 저 에서 "mypic. jpg" 그림 을 다운로드 합 니까?
<div id="test1">
    <span id="test2"></span>
</div>

 
#test1 {
    display: none;
}
#test2 {
    background-image: url('mypic.jpg');
}

못 하 다
주:
img 태그 의 src, img 이 visibility: hidden 이 든 상관 없습니다.아니면 display: none;,다 불 러 옵 니 다.
css 에서 부모 요소 \ # test 1 이 display: none 이면,하위 요소 \ # test 2 의 background - image 는 불 러 오지 않 습 니 다.
부모 요소 \ # test 1 이 표시 되 거나 visibility: hidden;,하위 요소 \ # test 2 의 background - image 가 불 러 옵 니 다.
부모 요소 \ # test 1 이 어떤 스타일 을 설정 하 든 그 자체 의 background - image 가 불 러 옵 니 다.
 

좋은 웹페이지 즐겨찾기