xhtml과 html의 차이점은 무엇입니까?

1. xhtml과 html

HTML의 차이점은 무엇입니까? HTML은 기본 WEB 웹 디자인 언어이고, XHTML은 기본 입니다. XML 마크업 언어 간의 주요 차이점 ​​

:

XHTML 요소는 올바르게 중첩되어야 합니다.

 XHTML 요소는 닫혀 있어야 합니다.

태그 이름은 소문자로 입력해야 합니다.

      현재 문서 간의 링크(링크)로, 하이퍼링크에 사용됩니다.

src는 src 리소스를 요청하면 가리키는 콘텐츠가 문서의 현재 태그 위치에 포함되며, 가리키는 리소스가 문서에 다운로드되어 적용됩니다. js 스크립트, img 이미지, 프레임 요소 등이 있습니다. 브라우저가 이 요소를 구문 분석하면 리소스가 로드, 컴파일 및 실행될 때까지 다른 리소스의 다운로드 및 처리가 일시 중지됩니다. 이는 지정된 리소스를 리소스에 삽입하는 것과 유사합니다. 현재 태그. 이것이 js 스크립트가 헤드 대신 하단에 배치되는 이유이기도 합니다.

3. 블록 수준 요소는 무엇입니까?

인라인 요소:

a, b, img, input, Strong , label, em, 버튼, textarea

블록 수준 요소:

div, ul, li, dl, dt, dd, p, h1-h6, blockquote

빈 요소: 즉, it 내용이 없습니다

HTML 요소(예: br, 메타, hr, 링크, 입력, img

4), form

의

action 속성과

method

속성의 의미는 무엇입니까? ? 방법일반적으로 사용되는 값은 무엇인가요? action 속성은 form 양식 제출 의 백그라운드 프로그램 주소를 지정하는 데 사용됩니다.

method

속성은 form 양식 제출 방법을 지정하는 데 사용됩니다. method의 공통 값은 : get 및 post

5입니다. form 요소의 새로운 속성은 무엇인가요?

required

: 필수 항목

placeholder

: 프롬프트 정보, 는

입력

콘텐츠를 클릭하면 사라집니다. pattern:확인 규칙성 표현식 antofocus:

자동으로 초점을 얻음

aotucomplete:

autocomplete

6. 지정된 서버에 데이터를 제출하는 방법은 무엇인가요?

Ajax 양식

URL?Parameters

AngularJS $HTTP

JQ Ajax: $.POST (,,) $.GET(,,) x ({ })

JS Ajax: 5단계. (질문 25 참조)

7. 문자열 앞뒤의 공백을 지우는 함수를 작성하세요. (모든 브라우저와 호환)

function Trim(str) {

if (str && typeof str === "string") {

return str.replace(/ (^s*) | (s*) $/g, ""); // 앞뒤 간격 제거

}}}

8, 중복 요소 제거 방법 배열로?

var arr1 =[1,2,2,2,3,3,3,4,5,6],

var arr2 = [ ]

for(var i = 0; i

if(arr2.indexOf(arr1[i])

arr2.push (arr1[i]);

}

}

document.write(arr2) // 1,2,3,4,5,6

9. 쿠키, sessionStorage 및 localStorage의 차이점을 설명해 주세요.

sessionStorage는 세션에서 로컬로 데이터를 저장하는 데 사용되며, 세션이 완료된 후 데이터에 액세스할 수 있습니다. 또한 파괴될 것이다. 따라서 sessionStorage는 영구 로컬 저장소가 아니며 세션 수준 저장소일 뿐입니다. LocalStorage는 데이터가 적극적으로 삭제되지 않는 한 영구 로컬 저장소에 사용됩니다.

웹 저장소와 쿠키의 차이점

웹 저장소의 개념은 쿠키와 유사하지만 차이점은 더 큰 용량의 저장소를 위해 설계되었다는 점입니다. 쿠키의 크기는 제한되어 있으며 새 페이지를 요청할 때마다 쿠키가 전송되므로 대역폭이 낭비됩니다. 또한 쿠키는 범위를 지정해야 하며 도메인 간에 호출할 수 없습니다.

또한 Web Storage에는 setItem, getItem, RemoveItem,clear 및 기타 메서드가 있습니다. 쿠키와 달리 프런트 엔드 개발자는 setCookie 및 getCookie를 직접 캡슐화해야 합니다. 그러나 쿠키도 필수입니다. 쿠키는 서버와 상호 작용하는 데 사용되며 HTTP 사양의 일부로 존재하는 반면, 웹 저장소는 데이터를 로컬에 "저장"하기 위해서만 생성됩니다.

10

, 쿠키

, 세션의 차이점은 무엇인가요?  쿠키 클라이언트 컴퓨터에 저장;

세션서버 측에 저장;

연락처: 세션의 id

이 존재합니다

쿠키中.

11. 페이지에서 스타일을 가져올 때 link와 @import를 사용하는 것의 차이점은 무엇인가요?

1

).link은 2)페이지에 속합니다. 페이지가 로드되면 link 동시에 로드되며, CSS

가 참조한 @import는 페이지가 로드되기 전에 3) .import에서만 인식될 수 있습니다. 또는 그 이상, while link은

.link 스타일의 가중치>@import12. 위치 지정에 대한 간략한 설명: 상대:상대 위치 지정. 원래 위치를 기준으로 원래 DOM

공간이 유지됩니다. Absolute: 절대 위치. static 위치가 아닌 첫 번째 조상 요소를 기준으로 위치를 지정하면 원래 DOM

공간이 삭제됩니다. Fixed: 위치 지정을 위한 고정 로케이터 창

이 DOMspace 을 삭제합니다. Static:

기본값. 위치 지정이 없으면 요소는 일반적인 흐름으로 나타납니다( 위쪽, 아래쪽, 왼쪽, 오른쪽 Z-색인 선언 무시). Inherit: 은 position 속성 값이 상위 요소에서 상속됨을 지정합니다.

13. display

의 가치는 무엇인가요? 그들의 역할을 설명하십시오.

block 블록형 요소처럼 표시됩니다.

없음 기본값입니다. 인라인 요소 유형처럼 표시됩니다. inline-block 인라인 요소처럼 표시되지만 내용은 블록형 요소처럼 표시됩니다.

list-item 블록형 요소처럼 표시하고 스타일 목록 마크업을 추가합니다.

테이블 이 요소는 블록 수준 테이블로 표시됩니다.

상속 표시 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다

1 어떻습니까 4 、jquery 배열을 json 문자열로 변환한 다음 다시 되돌리시겠습니까?

$.parseJSON

$.fn.stringify = function() {

return JSON.stringify(this);

}

사용 : $(array).stringify();

15. JSON 이해 ?

JSON(JavaScript Object Notation)

은 가벼운 데이터 교환 형식입니다.

이는 JavaScript의 하위 집합을 기반으로 합니다. 데이터 형식은 간단합니다, 읽고 쓰기가 쉽습니다, 작은 대역폭을 차지합니다

예: {"age":"12", "name":"back"}

JSON

문자열을 JSON 개체로 변환 :

var obj =eval('('+ str +')');

obj = str.parseJSON( );

var obj = JSON.parse(str);

JSON

객체가 JSON 문자열로 변환됨:

var last=obj.toJSONString();

var last= JSON.stringify(obj);

16. 반응형 디자인이란 무엇인가요? 반응형 디자인의 기본 원칙은 무엇입니까?

다양한 기기의 화면 크기, 해상도, 방향 등에 따라 통합된 웹사이트가 다양한 효과로 표시됩니다.

모바일 우선. JS를 사용하여 다양한 모바일 사이트와 PC 사이트로 이동할 수 있고, MediaQuery를 사용하여 다양한 장치의 속성을 감지하고 다양한 CSS을 표시할 수 있으며, 다양한 반응형을 사용할 수 있습니다. 프론트엔드 프레임워크.

장점: 특히 휴대폰에서 좋은 사용자 경험.

단점: 중복되는 코드가 많고 개발 비용이 높음(하지만 모바일 사이트를 개발하는 모델보다 훨씬 낮습니다+PCstation)

17. visible: hidden과 display: none의 차이점은 무엇인가요?

displays : none은 숨어서 요소의 공간이 해제되고 다른 요소는 공간을 차지할 수 있습니다 , 그러나 요소의 공간은 여전히 ​​점유되어 있으며 다른 요소에서 사용할 수 없습니다.

18. 배열과 관련된 일반적인 메서드 나열push/pop, Shift/Unshift, Split/Join, Slice/Splice/Concat, Sort/Reverse, Map/Reduce, forEach, filter

19, 문자열과 관련된 일반적인 메서드 나열

indexOf/lastIndexOf/charAt, 분할/일치/테스트, 슬라이스/하위 문자열/substr, toLowerCase/toUpperCase

20 , 일반적인 브라우저 커널은 무엇입니까?

Trident커널: IE, MaxThon, TT, The World, 360, Sogou 브라우저 등 ㅋㅋㅋ ite/SeaMon 키etc

Presto

커널:Opera7 이상. [Opera 커널은 원래: Presto, 현재: Blink;]

Webkit커널: Safari(Apple 자체 브라우저), 크롬 (구글) 등. [Chrome:

Blink(WebKit의 분기)]21. title과 h1

의 차이점은 다음과 같습니다.

b 그리고 Strong의 차이점, i과 em의 차이점은 무엇인가요? title 속성은 명확한 의미가 없으며 제목만 의미합니다. H1

페이지 정보 캡처에도 큰 영향을 미치는 명확한 수준의 제목을 의미합니다. Strong은 표시입니다. 주요 내용은 독서 장치를 사용하여 인터넷을 읽을 때 가 강조되고 는 강조 표시됩니다. 강조한 내용. i 콘텐츠는 기울임꼴로 표시되고, em은 강조된 텍스트를 나타냅니다.

22、웹 인증 코드는 무엇을 위한 것인가요? 어떤 보안 문제를 해결하기 위한 것인가요?

사용자가 컴퓨터인지 인간인지 구별하는 완전 자동 공개 프로그램입니다. 악의적인 비밀번호 크래킹, 티켓 사기 및 포럼 범람을 방지할 수 있습니다.

해커가 특정 프로그램을 사용하여 무차별 공격을 통해 특정 등록 사용자에 대해 지속적인 로그인 시도를 효과적으로 방지합니다.

23. 프론트엔드 엔지니어의 위치에 대해 어떻게 이해하시나요?

a. 제품을 90점에서 100점으로, 더 좋게 발전시키는 것입니다

b. 프로젝트에 참여하여 1px까지 정확한 고품질 렌더링을 빠르게 완성하세요.

c. 디자인, 제품 관리자;

d. 좋은 페이지 구조, 페이지 재구성 및 사용자 경험

e. 해킹, 호환성 처리 및 아름다운 코드 형식 작성

f. 최신 프론트엔드 기술.

24, 클로저란(클로저),왜 사용해야 할까요?

클로저란 다른 함수의 범위에 있는 변수에 액세스하는 함수입니다. 클로저를 만드는 가장 일반적인 방법은 함수 내에 다른 함수를 만들고 다른 함수를 통해 해당 함수에 액세스하는 것입니다. 변수,클로저를 사용하여 범위 체인의 범위를 벗어나 함수 내부의 변수와 메서드를 외부로 전달하세요. 클로저는 간단히 "함수 내부에 정의된 함수"로 이해될 수 있습니다.

클로저의 특성:

1.함수 내에 중첩된 함수

2.내부 함수는 외부 매개변수를 참조할 수 있습니다. 및 변수

3.매개변수와 변수는 가비지 수집 메커니즘에 의해 재활용되지 않습니다

//linode의 onclick이벤트는 현재 클릭한 li을 올바르게 팝업할 수 있습니다. index

                                                                      t; 인덱스 = 1< ;/li>

var 노드 = document.getElementsByTagName("li");

for(i = 0;i

노드[i].onclick = function(){

          콘솔 .log(i+1);       

  //클로저를 사용하지 않으면 값은

4

           );

}

< ;/스크립트>

25、Ajax이란 무엇인가요? Ajax를 만드는 방법은 무엇입니까?称ajax为의 전체 이름은 입니다. Asynchronous javascript and xml,

는 비동기식

javaScript 및 xml(페이지 없는 브러시 기술이라고도 함)입니다. 여기서 비동기식은 간단히 다음과 같이 이해될 수 있습니다. : 서버에 요청을 보낼 때 결과를 기다릴 필요가 없지만 결과가 나오면 동시에 다른 작업을 수행할 수 있습니다. 동시에, 페이지는 전체 페이지를 새로 고치지 않으므로 사용자 경험이 향상됩니다. Ajax을 만드는 방법은 무엇입니까?

(1) XMLHttpRequest 객체

를 생성합니다. 즉, 비동기 호출 객체를 생성합니다

(2)새 HTTP 생성 요청 ,

그리고

HTTP 요청 방법, URL 및 확인 정보 (3)을 지정하고 HTTP요청 상태 변경에 응답하는 기능을 설정합니다.

(4 ) HTTP 요청

보내기(5)비동기 호출로 반환된 데이터 가져오기(6)

JavaScript

및 를 사용하세요. DOM

부분 새로 고침

26. 기본 JS의 window.onload

과 Jquery의 $(문서)의 차이점은 무엇입니까? .ready(함수 (){})? 네이티브 JS를 사용하여 Jq의 ready 메서드를 구현하는 방법은 무엇인가요? window.onload() 메서드는 실행되기 전에 이미지를 포함한 페이지의 모든 요소가 로드될 때까지 기다려야 합니다. $(document).ready()는

DOM

구조가 그려진 후 로드될 때까지 기다리지 않고 실행됩니다.

27. (디자인 질문) 페이지에서 특정 노드의 드래그를 구현하고 싶으십니까? 어떻게 하나요? (네이티브 JS 사용)

다음은 몇 가지 핵심 사항입니다. mousedown이벤트가 발생한 후 드래그를 시작하세요

mousemove할 때 event.clientX와 clientY를 통해 드래그 위치를 얻어야 하며, 드래그가 끝나면 실시간

mouseup으로 위치를 업데이트해야 합니다

28、 Apply, call 및 bind의 차이점은 무엇입니까?

세 가지 모두 다른 개체에 함수를 적용할 수 있습니다. apply, call은 함수 호출을 직접 실행하는 것이고, bind는 바인딩하고, 실행을 다시 호출해야 합니다.

apply과 call의 차이점은 apply는 배열을 매개변수로 허용하는 반면, call은 쉼표로 구분된 매개변수의 무제한 목록을 허용한다는 점입니다.

코드 데모

   function Person() {
    }
    Person.prototype.sayName() { alert(this.name); }
    var obj = {name: 'michaelqin'}; // 注意这是一个普通对象，它不是Person的实例
    1) apply
    Person.prototype.sayName.apply(obj, [param1, param2, param3]);
    2) call
    Person.prototype.sayName.call(obj, param1, param2, param3);
    3) bind
    var sn = Person.prototype.sayName.bind(obj);    
    sn([param1, param2, param3]); // bind需要先绑定，再执行 
   sn(param1, param2, param3); // bind需要先绑定，再执行

29 및 iframe의 단점은 무엇인가요?

*iframe은 메인 페이지의 Onload 이벤트를 차단합니다.

*검색 엔진의 검색 프로그램은 이러한 종류의 페이지를 해석할 수 없으며 이는 SEO에 도움이 되지 않습니다. ;

*iframe과 메인 페이지는 연결 풀을 공유하며, 브라우저는 동일한 도메인 내 연결에 제한이 있으므로 페이지의 병렬 로딩에 영향을 미칩니다.

iframe을 사용하기 전에 이 두 가지 단점을 고려해야 합니다. iframe을 사용해야 하는 경우에는 javascript

를 통해 src 속성 값을 iframe에 동적으로 추가하는 것이 가장 좋습니다. 이렇게 하면 위의 두 가지 문제를 피할 수 있습니다.

30, ajax 도메인 간 문제를 해결하는 방법은 무엇입니까?

jsonp, iframe, window.name, window.postMessage, 서버에 프록시 페이지 설정

저만의 접근방식:

jQueryajax

$.ajax({

dataType:'jsonp'

})

사용

위 내용은 xhtml과 html의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!