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, 링크, 입력, img4), 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< arr1.length; i++){ if(arr2.indexOf(arr1[i]) < 0){ 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를 사용하는 것의 차이점은 무엇인가요? ).link은 2)페이지에 속합니다. 페이지가 로드되면 link 동시에 로드되며, CSS 가 참조한 @import는 페이지가 로드되기 전에 3) .import에서만 인식될 수 있습니다. 또는 그 이상, while link은 .link 스타일의 가중치>@import12. 위치 지정에 대한 간략한 설명: 상대:상대 위치 지정. 원래 위치를 기준으로 원래 공간이 유지됩니다. Absolute: 절대 위치. static 위치가 아닌 첫 번째 조상 요소를 기준으로 위치를 지정하면 원래 DOM 공간이 삭제됩니다. Fixed: 위치 지정을 위한 고정 로케이터 창 이 DOMspace 을 삭제합니다. Static: 기본값. 위치 지정이 없으면 요소는 일반적인 흐름으로 나타납니다( 위쪽, 아래쪽, 왼쪽, 오른쪽 Z-색인 선언 무시). Inherit: 은 position 속성 값이 상위 요소에서 상속됨을 지정합니다. 13. display block 블록형 요소처럼 표시됩니다. 없음 기본값입니다. 인라인 요소 유형처럼 표시됩니다. inline-block 인라인 요소처럼 표시되지만 내용은 블록형 요소처럼 표시됩니다. list-item 블록형 요소처럼 표시하고 스타일 목록 마크업을 추가합니다. 테이블 이 요소는 블록 수준 테이블로 표시됩니다. 상속 표시 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다 1 어떻습니까 4 、jquery 배열을 json 문자열로 변환한 다음 다시 되돌리시겠습니까? $.fn.stringify = function() { return JSON.stringify(this); } 사용 : $(array).stringify(); 15. JSON 이해 ? 은 가벼운 데이터 교환 형식입니다. 이는 JavaScript의 하위 집합을 기반으로 합니다. 데이터 형식은 간단합니다, 읽고 쓰기가 쉽습니다, 작은 대역폭을 차지합니다 예: {"age":"12", "name":"back"} 문자열을 JSON 개체로 변환 : obj = str.parseJSON( ); JSON 객체가 JSON 문자열로 변환됨:
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 커널: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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
