js기초에서 흔히 볼 수 있는 문제 총결산(一)~

4670 단어
1. 웹 표준이란 무엇인가
쉽게 말하면 HTML, CSS, JavaScript 이 세 가지가 분리된다.WEB 표준은 하나의 표준이 아니라 일련의 표준의 집합이다.웹 페이지는 주로 구조(Structure), 표현(Presentation), 행위(Behavior) 세 부분으로 구성된다.대응하는 표준도 세 가지로 나뉜다. 구조화된 표준 언어는 주로 XHTML과 XML을 포함하고 표현 표준 언어는 주로 CSS를 포함하며 행위 표준은 주로 대상 모델(예를 들어 W3C DOM), ECMAScript 등을 포함한다.
2. 2.css 우선 순위
! important > 줄 사이 > ID > class > 와일드카드
3. 웹 페이지의 해석 순서
페이지 로드 순서: HTML 구조 해석, 외부 스크립트 및 스타일시트 파일 로드, 스크립트 코드 해석 및 실행, HTML DOM 모델 구성, 이미지 로드 등 외부 파일, 페이지 로드 완료.
4. js에서 전역 변수는 window에 속합니다. 그가 window에 속하지 않는 것을 어떻게 해결합니까?
화살표 함수를 사용하면 지향을 바꾸면 전역 변수가 window에 속하지 않습니다
5.js의 점수는 언제 추가해야 합니까
이벤트 함수, 모든 괄호 뒤에 점수를 붙여야 합니다. 등호 오른쪽에 점수를 붙여야 합니다
6.return의 일부 특성
함수에 되돌아오는 값이 없으면 undefined를 되돌려주고return에 값이 없으면 undefined를 되돌려줍니다.뒷코드의 실행을 막습니다: 뒷코드의 실행을 막습니다 봉인 함수
7. 대상을 향한 3대 특성
봉인, 계승, 다태
8.타이머
setTimeout clearTiomeout 순환을 시뮬레이션할 수 있습니다 setInterval clearInterval
9. 기본 이벤트 차단
  return false;   //    
  event.preventDefault();  //    
  event.returnValue = false;    //IE   

10. js에서 대량으로 스타일 수정
 //   
  setStyle(oDiv, {width: '200px', background: 'red'}); 

 //      cssText
  oDiv.style.cssText="width: 200px; height:300px; background:yellow;";   

 //      with (     )
    with(oDiv.style) {
       width='300px';
       height='500px';
       background='yellow';
    }


11. 비줄 스타일 가져오기
    window.onload = function(){
        var oDiv1 = document.getElementById("oDiv1");
        var oDiv2 = document.getElementById("oDiv2");
        //      
        alert(oDiv2.style.background)

        //        currentStyle IE m   ,getComputedStyel         
            //       ,style       ,            
        function getStyle(obj,attr){
            if(obj.currentStyle){
                return obj.currentStyle[attr]
            }else{
                return window.getComputedStyle(obj,fa6lse)[attr];
            }
        }
        alert(getStyle(oDiv1,"background"))
    }

12. 순환 중break와continue
break는 전체 순환체를 끝내고,continue는 한 번 끝내기 break도while에서 사용할 수 있습니다
13. js 문장의 조건 문장과 순환 문장
조건문:
//     【if  】         ,              
  if(    ){ 
    //   true       
  }else{
    //   false      
  }

//     【switch  】      
  switch(    ){
      case   1:
      //   true      
      break;
      case   2:
      //   true      
      break;
      case   3:
      //   true      
      break;
      default:
      //        
  }

주기문:
//     【while  】
  while(       ){
     //         ,      
  }

//     【do while  】        ,      
  do{
    //   
  }while(    )

//     【for  】
  for(    ;     ;       ){
    //  
  }

//     【for in  】
  for(variable in object){
      statement
  }

/***     IE6-8     ***/

//     【forEach()】
  var ary = [12,23,24,42,1];
  var res = ary.forEach(function (item,index,input) {
       input[index] = item*10;
  })
  console.log(res);//-->undefined;
  console.log(ary);//-->           ;


//     【map()】
var ary = [12,23,24,42,1];
var res = ary.map(function (item,index,input) {
     return item*10;
})
console.log(res);//-->[120,230,240,420,10];
console.log(ary);//-->[12,23,24,42,1];

14. 삼목 연산자
변수 = 조건?문:문
15. js의 진위 값
True, Null, undefined, NaN
16. 기본 데이터 유형
symbol (ES6에서 도입한 새로운 데이터 형식, 유일무이한 값을 표시함) undefined에서 boolean 블라인드 문자열null 빈number 디지털 object 대상을 정의하지 않았습니다.
체크 데이터 유형: typeOf () instanceOf ()
17. 몇 가지 undefined가 나타나는 경우
- 선언되지 않은 변수 - 선언되지 않은 변수 - 전참 없음 - 존재하지 않는 속성에 액세스
18. 스텔스 변환
** "+"연산자**
  var a = 1 + '2';
  console.log(a) //12

연산자 '+' 양쪽이 숫자 형식이고, 문자열 형식이 될 때, js 엔진은 산술 가산이 아닌 문자열 연결 연산을 규정합니다."+"연산자를 사용하면 Number를 String으로 쉽게 변환할 수 있습니다.
** "-"연산자 **
       var a = 11, b = '5';
       var c = a - b;
       alert(typeof c); //--> number

-'연산자는 문자열 b를 숫자 5로 은밀하게 변환한 다음에 산술 감법 연산을 한다.
19. 현식 변환
수치 형식으로 변환: Number (mix) parseInt (string,radix) 를 정수 parseFloat (string) 로 변환하고 부동점수로 변환합니다. 이 세 함수는 비수치를 수치로 변환할 수 있습니다.첫 번째 함수, 즉 변환 함수 Number()는 모든 데이터 형식에 사용할 수 있고, 다른 두 함수는 문자열을 수치로 변환하는 데 전문적으로 사용된다.
문자열 유형으로 변환: toString(radix) String(mix)
부울 유형으로 변환: Boolean(mix)
20.this가 특정 상황에서 사용할 수 없는 문제를 해결
1. 화살표 함수 2.타이머 바깥쪽에 변수를 쓰다
21. i가 특정 상황에서 사용할 수 없는 문제 해결
1. 순환에 이벤트를 추가하면 이벤트는 i, 사용자 정의 속성을 사용할 수 없습니다(IE 지원하지 않습니다. 사용자 정의 속성은 줄 사이에 쓸 수 없습니다).순환 중 타이머를 추가합니다. 타이머는 i로 공간을 폐쇄할 수 없습니다. (자동 실행 함수)

좋은 웹페이지 즐겨찾기