태그 폐쇄성, 라벨, 파렴치한 중첩, 외부 체인 CS 및 JS 스크립트를 사용하여 로봇 검색 검색 가능성 증가, 구조 성능 분리, 파일 다운로드 및 페이지가 더 빠르며, 콘텐츠에 액세스하고 콘텐츠에 액세스 할 수 있으며 콘텐츠 코드 및 컨텐츠 코드 및 컨텐츠에 액세스 할 수 있습니다. 보다 광범위한 장치에서 액세스 할 수있는 구성 요소는 유지 관리 및 수정이 쉽습니다.
XHTML과 HTML의 차이점은 무엇입니까?
HTML은 기본 웹 디자인 언어입니다. XHTML은 XML 기반 라벨링 언어의 주요 차이점입니다.
XHTML 요소는 올바르게 중첩되어야합니다.
XHTML 요소는 닫아야합니다.
레이블은 소문자 여야합니다.
XHTML 문서에는 루트 요소가 있어야합니다.
3. Doctype? 엄격한 모드와 혼합 모드 호우이 두 모드를 트리거합니다.
해당 사양 (html/xhtml)을 사용하여 문서를 선언하는 데 사용됩니다 (일반적으로 프레임 워크를 기반으로 한 엄격한 프레임 워크가있는 HTML 문서는 XML 문에 의해 트리거되고 분석 방법은 IE5.5를 사용하여 IE5.5 버그로 변경됩니다.
4. 라인의 요소는 무엇입니까?
블록 레벨 요소 : Div P H1 H2 H3 H4 Form ul
라인의 요소 : AB BR I SPAN 입력 선택
CSS 박스 모델 : 컨텐츠, 테두리, 여백, 패딩
5. 링크와 @import의 차이점은 무엇입니까?
링크 안내서의 내부 및 내부 내부 내부
차이 : 동시에로드
전자는 호환되지 않으며 후자는 CSS2.1 아래의 브라우저를 지원하지 않습니다.
링크는 JavaScript를 사용하여 스타일을 변경하는 것을 지원합니다.
6. 선택한 선택 기호는 무엇입니까?
계산하는 방법?
내부 및 중요한 것은 높습니까?
태그 선택 강의 계획서 선택 ID ID 선택 문자
상속은 지정된 ID> 클래스> 레이블 선택만큼 좋지 않습니다.
후자는 우선 순위가 높습니다
7. 프론트 엔드 페이지의 세 층은 무엇이며 차이점은 무엇입니까?
구조 계층 HTML은 계층 CSS 동작 층 JS를 나타냅니다
8. 기본 문장 구성 요소?
선택기 {속성 1 : 속성 2;
9. 당신이 만든 페이지는 무엇입니까?
핵심은 무엇입니까?
IE (IE 커널) Gecko (Webkit) Open (Presto)
10. IE6 버그에 대한 몇 가지 솔루션을 작성하십시오
1. 양측 거리 버그 플로트로 인한 디스플레이를 사용하십시오
2.3 픽셀 문제는 dislpay : inline -3px를 사용하여 플로트로 야기합니다.
3. Howl Link Hover를 클릭 한 후 올바른 쓰기 순서 링크 방문 호버 활성
4.ie Z-idex 문제는 위치를 추가합니다 : 상대
5. PNG 투명 사용 JS 코드 변경
6. 최소값 최소 높이! 중요한 해결책 '
7. IE6 아래의 iframe 중첩으로 덮도록 선택하십시오
8. 폭 컨테이너를 약 1px (IE6 기본 행으로 정의 할 방법이없는 이유
과잉 : 숨겨진, 줌 : 0.08 라인 높이 : 1px)
11. 레이블의 제목과 alt 속성의 차이점은 무엇입니까?
ALT는 그림이 표시되지 않으면 텍스트로 표시됩니다.
제목은이 속성에 대한 정보를 제공합니다
12. CSS 재설정의 역할과 사용을 설명하십시오.
재설정 브라우저의 CSS 기본 속성 브라우저 품종 재설정
다른 스타일을 재설정 한 다음 통일하게하십시오
13. CSS 스프라이트 사용 방법을 설명하십시오.
CSS ELF는 작은 그림을 큰 그림으로 통합합니다.
서버의 요청 수를 줄입니다
14. 브라우저의 표준 모드와 이상한 모드의 차이점은 무엇입니까?
박스 모델 렌더링 모드에서 다릅니다
Window.top.document.compatmode를 사용하십시오
이유 모드를 표시 할 수 있습니다
15. 웹 사이트의 문서와 리소스를 어떻게 최적화합니까?
파일 합병
파일 최소화/파일 압축
CDN 호스팅
캐시 사용
16. 의미 론적 HTML이란 무엇입니까?
태그에 대한 인식은 검색 엔진의 잡기에 좋습니다.
17. 부유물, 각각의 장점 및 단점을 제거하는 몇 가지 방법
1. 빈 레이블을 사용하여 플로팅 클리어를 지우십시오.
모든 레이블 ,,, 의미없는 레이블 추가)
2. 오버플로 사용 : 자동 (빈 태그 요소가없는 플로트를 제거합니다.
의도하지 않은 코드의 단점을 늘리지 말고 Zoom : 1 호환 : 1).
3. afert pseudo 요소가 포함 된 float (비 -IE 브라우저 용).
자바 스크립트1. JavaScript 유형의 데이터 유형
객체 번호 함수 부울 언더 핀
2. 예제 3 강제 유형 변환 및 2 숨겨진 유형 변환?
강제 (parseint, parsefloat, 숫자)
숨겨진 (== - ===)
3. wlit () join ()의 차이
전자는 그룹으로 자르는 형태이고 후자는 배열을 문자열로 변환하는 것입니다.
4. Array Method Pop () push () unshift () shift ()
pus ()의 꼬리에 pop () 꼬리 삭제를 추가하십시오 ()
Unshift () 헤드는 Shift () 헤드 삭제를 추가합니다
5. 이벤트 바인딩과 일반 이벤트의 차이점은 무엇입니까?
6. 흐름 및 DOM 이벤트 스트림과 다릅니다
1. 실행 명령은 다릅니다.
2. 매개 변수는 다릅니다
3. 이벤트를 추가하지 마십시오
4. Ahis는 문제를 가리키고 있습니다
7. II 및 표준에 따른 호환되는 글쓰기 방법은 무엇입니까?
var ev = ev ||
Document.DocumentElement.clientWidth ||
var target = ev.srcelement || ev.target
8. 요청시 Get과 Post 방법의 차이
하나는 URL 뒤의 가상 캐리어에 배치됩니다.
크기 제한이 있습니다
보안 질문
다른 응용 프로그램은 포럼 등입니다.
9. 통화와 신청의 차이
object.call (this, obj1, obj2, obj3)
Object.Apply (이, 인수)
10.ajax가 요청하면 JSON 데이터를 설명하는 방법
Eval Parse는 보안 고려 사항을 고려하여 구문 분석을 사용하기에 더 신뢰할 수 있습니다.
11.B 상속 방법 a
12. 비 -라인 스타일을 얻기 위해 함수 작성
함수 getStyle (obj, attr, value) {if (! value) {if (obj.currenstyle) {return obj.currenstyle (att ] = value}}13. 사건의 수수료는 무엇입니까?
이벤트에서 버블 링의 원리를두고, 이벤트가 트리거되도록하고, 그의 부모 요소를 수행하게하십시오!
14. 폐쇄는 무엇입니까, 특성은 무엇이며, 페이지에 대한 영향
Closing은 다른 기능의 다른 내부 변수를 읽을 수있는 함수입니다.
1. 변수 i를 각 단락 객체 (P)에 저장합니다.
1. 함수 init1 () {
2. var pry = document.getElementsByTagName (p);
3. for (var i = 0; i <prry.length; i ++) {
4. Pary [i] .i = i;
5. Pary [i] .onclight = function () {
6. 경고 (this.i);
7.}
8.}
9.}
2. 익명 함수 자체에 변수 i를 저장
1. 함수 init2 () {
2. var pry = document.getElementsByTagName (p);
3. for (var i = 0; i <prry.length; i ++) {
4. (Pary [i] .onclight = function () {
5. 경고 (Arguments.callee.i);
6.}). i = i;
7.}
8.}
3. 클로저 층의 폐쇄를 추가하면 함수 매개 변수 형태로 내부 레이어 함수로 전송합니다.
1. 함수 init3 () {
2. var pry = document.getElementsByTagName (p);
3. for (var i = 0; i <prry.length; i ++) {
4. (함수 (arg) {
5. Pary [i] .onclight = function () {
6. 경고 (arg);
7.};
8.}) (i);
9.}
10.}
4. 클로저 층의 폐쇄를 추가하면 로컬 변수의 형태로 내부 레이어 함수로 전송합니다.
1. 함수 init4 () {
2. var pry = document.getElementsByTagName (p);
3. for (var i = 0; i <prry.length; i ++) {
4. (function () {
5. var temp = i; // 호출 할 때
6. Pary [i] .onclight = function () {
7. 경고 (온도);
8.}
9.}) ();
10.}
11.}
5. 레이어의 폐쇄를 추가하고 응답 이벤트로 함수를 반환합니다 (3의 미묘한 차이에주의하십시오).
1. 함수 init5 () {
2. var pry = document.getElementsByTagName (p);
3. for (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = function (arg) {
5. return function () {// 함수를 반환합니다
6. 경고 (arg);
7.}
8.} (i);
9.}
10.}
6. 기능이있는 구현의 경우 실제로 모든 기능 인스턴스가 클로저를 생성합니다.
1. 함수 init6 () {
2. var pry = document.getElementsByTagName (p);
3. for (var i = 0; i <prry.length; i ++) {
4
5.}
6.}
7. 기능으로 구현하고 6과의 차이에주의를 기울이십시오.
1. 함수 init7 () {
2. var pry = document.getElementsByTagName (p);
3. for (var i = 0; i <prry.length; i ++) {
4. Pary [i] .onclight = function ( 'alert ('+i+')');
5.}
6.}
15. 사고 버블 링 및 기본 이벤트를 중지하는 방법
CanceBubble은 거짓을 반환합니다
16. 삭제하고 특정 연락처에 삽입하는 방법을 교체합니다.
obj.appendchidl ()
OBJ.INNERSETBEORE 전
obj.replacechild
OBJ.REMOVECHILD
17. JSONP의 원리와 그것이 실제 Ajax가 아닌 이유를 설명하십시오.
스크립트 레이블, 콜백 함수를 동적으로 만듭니다
Ajax는 Pageless Refresh 요청 데이터 작업입니다
18. javaScript의 로컬 객체, 내장 -객체 및 호스트 객체
로컬 객체는 배열 obj regexp 등입니다.
구축 된 객체는 Gload Math 등입니다.
호스트가 브라우저와 함께 제공되는 Documen, Window 등
19. 문서로드와 문서 준비의 차이
Document.onload는 구조와 스타일을로드 한 후 JS 실행입니다.
Document.ready Native Speci에는이 방법이 없으며 jQuery는 사용할 수 있습니다.
$ (). 준비) 기능)
20. == 및 === 다르게
전자는 유형을 자동으로 변환합니다
후자는 그렇지 않을 것이다
21. JavaScript의 상동 전략
스크립트는 동일한 소스에서 Windows의 속성과 문서 만 읽을 수 있습니다.
여기서 동일한 소스는 호스트 이름, 계약 및 포트 번호의 조합을 나타냅니다.
22. 배열에 무겁게 갈 수있는 방법을 작성하십시오
기능 OSORT (ARR)
{{
var result = {};
var newarr = [];
for (var i = 0; i <arr.length; i ++)
{{
if (! result [arr])
{{
newarr.push (arr)
결과 [arr] = 1
}
}
Newarr를 반환합니다
}
23. 미디어 선택기
@Media (Min-width : 992px) 및 (최대 폭 : 1199px)
@Media 화면 및 (Min-Width : 768px)
HTML & CSS
1. 일반적으로 사용되는 브라우저 테스트는 무엇입니까? 어떤 커널 (레이아웃 엔진)?
(Q1) 브라우저 : IE, Chrome, Firefox, Safari, Opera.
(Q2) 커널 : Trident, Gecko, Presto, Webkit.
2. 다운 링크 요소와 블록 레벨 요소의 차이점에 대해 말하면? 내부 블록 요소의 호환성은 무엇입니까? (아래의 IE8)
(Q1) -라인 요소 : 수평 방향으로 배열 될 것이며, 이는 블록 레벨 요소를 포함 할 수 없으며 너비는 유효하지 않습니다.
높이가 잘못되었고 (라인 높이를 설정할 수 있음) 여백이 잘못되었으며 패딩이 유효하지 않습니다.
블록 레벨 요소 : 각각은 선을 차지하며 수직 방향이 배열됩니다. 새 라인의 끝에서 하나는 연결이 끊어졌습니다.
(Q2) 호환성 : 디스플레이 : 인라인 블록;*인라인;*줌 : 1;
3. 플로트를 제거하는 방법은 무엇입니까? 어느 것이 더 낫습니까?
(Q1)
(1) 높이의 정의 Div.
(2) 끝에 빈 DIV 태그.
(3) 가족 div 정의 의사 : 후 및 확대 / 축소.
(4) 오버플로의 정의 : 숨겨진.
(5) 오버플로의 정의 : 자동 : 자동.
(6) 부모 DIV도 떠 다니며 너비를 정의해야합니다.
(7) 정의 디스플레이 : 표.
(8) BR 태그를 추가하십시오 : 끝에 둘 다.
(Q2) 세 번째 방법은 다음과 같이 사용됩니다.
4. 일반적으로 사용되는받은 편지함 크기의 속성은 무엇입니까? 역할은 무엇입니까?
(Q1) 상자 크기 : Content-Box |.
(Q2) 컨텐츠 박스 : 너비와 높이는 각각 요소의 내용 상자에 적용됩니다.
너비와 높이 외부의 요소의 내부와 경계를 그립니다 (요소의 기본 효과).
테두리 박스 : 요소에 지정된 모든 내부 및 프레임이 설정됩니다.
너비와 높이를 그립니다. 설정 너비와 높이에서 각각 감소합니다
콘텐츠의 너비와 높이 만 경계와 내부 거리에서 얻을 수 있습니다.
5.doctype? 표준 모드와 호환성 모드의 차이점은 무엇입니까?
(Q1)> DocType <브라우저 파서를 사용할 문서를 알려줍니다
이 문서의 표준 분석. DocType가 존재하지 않거나 잘못된 형식은 텍스트를 유발합니다.
파일은 호환 모드로 표시됩니다.
(Q2) 표준 모드의 조판 및 JS 작동 모드는 브라우저에서 가장 지원됩니다.
높은 수준의 작동. 호환 모드에서는 페이지가 느슨하고 뒤쪽으로됩니다
시뮬레이션 오래된 브라우저의 동작은 사이트가 작동하지 않도록하는 데 사용됩니다.
6.html5 쓸 필요가있는 이유>!
HTML5는 SGML을 기반으로하지 않으므로 DTD를 참조 할 필요가 없지만
브라우저의 동작을 규제하려면 doctype가 필요합니다 (브라우저가 그들을 따라 가도록하십시오.
실행해야합니다).
HTML4.01은 SGML을 기반으로하므로 DTD를 참조해야합니다.
브라우저 문서에 사용 된 문서 유형을 알려줍니다.
7. 페이지가 가져 오면 Link와 @import 사용의 차이점은 무엇입니까?
(1) 링크는 XHTML 레이블에 속합니다.
RSS를 정의하려면 REL 연결 속성의 역할 등을 정의하십시오
공급의 경우 CSS를로드하는 데만 사용될 수 있습니다.
(2) 페이지가로드되면 링크가 동시에로드되고 @import quotes
CSS는로드하기 전에 페이지가로드 될 때까지 기다립니다.
(3) 수입은 CSS2.1에 의해 제안된다.
링크는 XHTML 레이블이며 호환되지 않습니다.
8. 브라우저 커널에 대한 이해를 소개 하시겠습니까?
주로 두 부분으로 나뉩니다 : 렌더링 엔진 (레이아웃 엔지니어 또는
렌더링 엔진) 및 JS 엔진.
렌더링 엔진 : 웹 페이지의 내용을 얻는 책임 (HTML, XML, 이미지 등),
메시지 (예 : CSS 추가 등) 및 웹 페이지 계산 디스플레이 방법을 정렬하십시오.
그런 다음 디스플레이 또는 프린터로 출력하십시오. 브라우저 커널의 다른 핵심
웹 페이지의 문법 해석은 다르므로 렌더링의 효과가 다릅니다.
모든 웹 브라우저, 이메일 클라이언트 및 기타 편집해야합니다.
네트워크 컨텐츠를 표시하는 응용 프로그램에는 커널이 필요합니다.
JS 엔진 : 웹 페이지의 동적 효과를 달성하기 위해 JavaScript를 분석하고 실행합니다.
처음에는 렌더링 엔진과 JS 엔진이 나중에 명확하게 구별되지 않았습니다
점점 더 독립적으로 커널은 렌더링 엔진을 지칭하는 경향이 있습니다.
9. html5의 새로운 기능은 무엇입니까? 브라우저와 HTML5의 새로운 레이블을 처리하는 방법
의문을 제기 할 수 있습니까? HTML 및 HTML5를 구별하는 방법은 무엇입니까?
(Q1)
HTML5는 더 이상 SGML의 서브 세트가 아닙니다. 주로 이미지, 위치, 스토리지 및 멀티 태스크와 같은 기능의 증가에 관한 것입니다.
(1) 그림 캔버스;
(2) 중간에 사용되는 비디오 및 오디오 요소;
(3) 로컬 오프라인 스토리지 LocalStorage 스토리지 데이터 오랫동안 브라우저가 닫힌 후에는 데이터가 손실되지 않습니다.
(4) 브라우저가 닫힌 후 SessionStorage의 데이터가 자동으로 삭제됩니다.
(5) 기사, 바닥 글, 헤더, NAV, 섹션과 같은 더 나은 콘텐츠 요소;
(6) 제어, 달력, 날짜, 시간, 이메일, URL, 검색 양식;
(7) 새로운 기술 웹 워크, WebSocket, 지질학;
(Q2)
IE8/IE7/IE6은 Document.CreateElement에서 생성 된 레이블을 지원합니다.
이 기능을 사용 하여이 브라우저가 HTML5의 새 레이블을 지원할 수 있습니다.
브라우저가 새 레이블을 지원하면 레이블의 기본 스타일도 추가해야합니다.
물론 HTML5SHIM과 같은 성숙한 프레임 워크를 사용할 수도 있습니다.
>-[LT IE 9 인 경우] <] <
> 스크립트 <src = http://html5shim.googlecode.com/svn/trunk/html5.js>/script <
> [endif]-<
10. HTML 시맨틱에 대한 이해를 간단히 설명합니까?
올바른 레이블로 올바른 일을하십시오.
HTML 시맨틱에는 구조화 된 컨텐츠와 더 선명한 구조가 있으며 브라우저 및 검색 엔진에 편리합니다.
스타일 CS가 없더라도 문서 형식으로 표시되며 읽기 쉽습니다.
검색 엔진의 크롤러는 또한 HTML 마크에 따라 컨텍스트의 가중치와 각 키워드의 키워드를 결정하는데, 이는 SEO에 도움이됩니다.
소스 코드를 읽는 사람들은 웹 사이트의 웹 사이트를 쉽게 분리 할 수 있도록하여 유지 보수 및 이해가 쉽게 읽을 수 있도록합니다.
자바 스크립트
1. JS의 기본 데이터 유형을 소개하십시오
정의되지 않은, 널, 부울, 번호, 문자열
2. JS의 객체는 무엇입니까?
데이터 포장 개체 : 객체, 배열, 부울, 번호, 문자열
기타 개체 : 기능, 인수, 수학, 날짜, Regexp, 오류
3. Athis Object의 이해
이것은 항상 (간접 발신자가 아닌) 함수의 직접 발신자를 나타냅니다.
새로운 키워드가있는 경우이 개체는 새로운 것을 가리 킵니다.
이 사건에서 이것은 특히 사건의 대상을 지적한다
이것은 AttachEvent에서 항상 글로벌 객체 창을 가리 킵니다.
4. Eval은 무엇을합니까?
그 기능은 해당 문자열을 JS 코드로 해결하고 실행하는 것입니다.
평가는 피하고 안전하지 않으며 매우 소비해야합니다 (2 회, 한 번에 JS 문으로 해결, 한 번의 실행).
JSON 문자열에서 JSON 객체로 변환되면 Eval, var obj = Eval ( ' + str +') ')를 사용할 수 있습니다.
5. 추가, 제거, 이동, 복사, 작성 및 노드를 찾는 방법
// 새 노드를 만듭니다
createocumentFraagment () // dom 조각 생성
CreateElement () // 특정 요소를 만듭니다
createTextNode () // 텍스트 노드를 만듭니다
// 추가, 제거, 교체, 삽입
부록 ()
removeChild ()
replacechild ()
insertbefore () // 기존 자식 노드 앞에 새 하위 노드 삽입
// 찾다
getElementsByTagName () // 레이블 이름을 통해
getElementsByName () // 요소의 이름 속성 값
(즉, 결함 공차 용량은 강하고 ID를 포함하여 배열이 이름 값과 동일합니다)
getElementById () // 요소 ID, 독창성을 통해
6. Null과 undefinine의 차이점?
NULL은 아무것도하지 않는 객체입니다
아무것도 나타내지 않는 원래의 값은 가치가 가치로 바뀔 때 NAN입니다.
한정되지 않은:
(1) 변수가 선언되었지만 과제가 없으면 정의되지 않은 것과 같습니다.
(2) 함수를 호출 할 때 제공되는 매개 변수는 정의되지 않은 것과 같습니다.
(3) 객체의 속성이 없으며이 속성의 값은 정의되지 않습니다.
(4) 함수가 값을 반환하지 않으면 정의되지 않은 것은 기본적으로 반환됩니다.
널 :
(1) 함수의 매개 변수로서 함수의 매개 변수는 객체가 아닙니다.
(2) 물체의 기본 체인의 끝.
7. Thenew 작동 상징은 무엇을합니까?
(1) 빈 개체를 만들고이 변수는 객체를 참조하고,
동시에 함수의 프로토 타입도 상속되었습니다.
(2) 속성과 방법은 이것에 의해 참조 된 객체에 추가됩니다.
(3) 새로 생성 된 객체는 이것에 의해 인용되고, 최종 숨겨진 유형은 이것을 반환합니다.
8. JSON 이해?
JSON (JavaScript 객체 표기법)은 일종의 빛입니다
과체중 데이터 교환 형식. JavaScript의 하위 집합입니다.
데이터 형식은 간단하고 읽기 쉽고 쓰기가 쉽고 작은 대역폭을 차지합니다.
형식 : 예를 들어 키 값 쌍을 사용합니다. { 'age': '12', 'name': 'back'}}
9. Call () 및 apply ()의 차이와 함수?
apply () 함수에는 두 가지 매개 변수가 있습니다. 첫 번째 매개 변수는 컨텍스트이고 두 번째 매개 변수입니다.
매개 변수는 매개 변수로 구성된 배열입니다. 컨텍스트가 NULL 인 경우 대신 전역 객체를 사용하십시오.
예를 들어 : function.Apply (this, [1,2,3]);
Call ()의 첫 번째 매개 변수는 컨텍스트이고 후속 매개 변수 시퀀스는 인스턴스에 의해 전달됩니다.
예를 들어 : function.call (this, 1,2,3);
10. UA를 얻는 방법?
기능 Whatbrowser () {
document.browser.name.value = navigator.appname;
document.browser.version.value = navigator.appversion;
document.browser.code.value = navigator.appcodename;
document.browser.agent.value = navigator.useragent;
}
다른
1. DOHTTP 상태 코드는 무엇을 알고 있습니까?
100은 계속됩니다. 일반적으로 사후 요청을 보낼 때 보낼 때 전송되었습니다.
HTTP 헤더 후 서버는이 정보를 반환하여 확인을 표시 한 다음 특정 매개 변수 정보를 보냅니다.
200 OK 정상 반환 정보
201 명의 생성 된 요청이 성공적이었고 서버는 새로운 리소스를 생성했습니다.
202 허용 서버는 요청을 수락했지만 처리되지 않았습니다.
301에 의해 요청 된 웹 페이지는 영구적으로 영구적으로 새로운 위치로 이동했습니다.
302 임시 리디렉션을 발견했습니다.
303 다른 일시적으로 리디렉션을보고 항상 새로운 URI를 요청하십시오.
304 마지막 요청 이후 수정되지 않은 수정이 수정되지 않았습니다.
400 불량 요청 서버는 요청의 형식을 이해할 수 없으며 클라이언트는 동일한 컨텐츠를 사용하여 요청을 다시 시작하지 않아야합니다.
401 무단 요청은 승인되지 않았습니다.
403 금지 된 것은 액세스하는 것이 금지되어 있습니다.
404 찾을 수 없음 URI와 일치하는 리소스를 찾을 수 없습니다.
500 인터넷 서버 오류의 가장 일반적인 서버 -사이드 오류.
503 서비스를 사용할 수없는 서버는 일시적으로 요청을 처리 할 수 없습니다 (아마도 과부하 또는 유지 보수).
2. 어떤 종류의 성능 최적화 방법이 있습니까?
(1) HTTP 요청 수 감소 : CSS Sprites, JS, CSS 소스 코드 압축, 큰 그림
소규모 제어가 적절합니다. 웹 페이지 GZIP, CDN 호스팅, 데이터 캐시, 그림 서버.
(2) 전면 -엔드 템플릿 JS+데이터는 HTML 레이블로 인해 대역폭 폐기물로 감소됩니다.
전면 -엔드 변수는 AJAX 요청 결과를 저장합니다.
(3) InnerHTML을 사용하여 DOM 작업을 대체하고 DOM 작업 수를 줄이며 JavaScript의 성능을 최적화하십시오.
(4) ClassName은 직접 작동하는 대신 설정 해야하는 많은 스타일이 설정 될 때 설정됩니다.
(5) 글로벌 변수 및 캐시 DOM 노드의 결과를 사용하십시오. IO 읽기 작업을 줄입니다.
(6) 동적 특성으로도 알려진 CSS 표현식 (CSS 발현)을 피하십시오.
(7) 사진의 사전로드, 스타일 테이블을 맨 위에 놓고 스크립트를 맨 아래에 놓고 타임 스탬프를 추가하십시오.
3. 우아한 다운 그레이드와 점진적인 향상은 무엇입니까?
우아한 강등 : 웹 사이트는 사용자가 만드는 모든 새로운 브라우저에서 정상적으로 작동 할 수 있습니다
기존 브라우저가 사용되며 코드는 정상적으로 작동 할 수 있는지 확인합니다.
IE의 고유 한 박스 모델 레이아웃 문제로 인해 IE의 해킹 실습의 다양한 버전
우아함이 다운 그레이드되어 기능을 지원할 수없는 브라우저의 후보 계획을 추가했습니다.
기존 브라우저에서 어떤 형태로 강등 경험을 만들지 만 완전히 무효화되지는 않습니다.
졸업 강화 : 모든 브라우저에서 지원하는 기본 기능에서 시작하여 점차 추가하십시오.
새 브라우저의 기능이 지원되므로 기본 브라우저의 무해한 양을 페이지에 추가합니다.
외부 스타일과 기능. 브라우저가 지원되면 자동으로 제시하고 역할을 수행합니다.
4. 메모리 누출을 일으킬 수있는 공통 작업은 무엇입니까?
메모리 누출은 더 이상 소유하지 않거나 필요한 후에도 모든 객체가 존재한다는 것을 의미합니다.
쓰레기 복구 장치는 객체를 정기적으로 스캔하고 각 객체의 다른 객체 수를 계산합니다.
객체의 참조 수가 0이면 (다른 객체가 객체를 인용하지 않았다)
또는 물체에 대한 유일한 참조는 원형이며, 그런 다음 물체의 기억을 재활용 할 수 있습니다.
settimeout의 첫 번째 매개 변수는 함수 대신 문자열을 사용하여 메모리 누출이 발생합니다.
폐쇄, 콘솔 로그, 사이클 (두 객체가 서로 인용하고 서로를 유지하면 사이클이 생성됩니다)
5. 스레드와 프로세스의 차이
프로그램에는 하나 이상의 프로세스가 있으며 프로세스에는 적어도 하나의 스레드가 있습니다.
스레드의 디비전 척도는 프로세스보다 작으므로 다중 스레드 프로그램의 합병증이 높아집니다.
또한 프로세스에는 실행 중에 독립 메모리 장치가 있으며 여러 스레드는 메모리를 공유합니다.
결과적으로 프로그램의 운영 효율성이 크게 향상됩니다.
스레드는 여전히 실행 중 프로세스와 다릅니다. 각 독립 스레드에는 하나의 프로그램이 있습니다
서열 및 시퀀스 및 시퀀싱의 서열 종료. 그러나 스레드는 독립적 일 수 없습니다
응용 프로그램의 존재에 여러 스레드의 적용에 따라 실행을 수행해야합니다.
논리적 관점에서, 다중 스레딩의 중요성은 하나의 응용 프로그램에서 여러 개의 실행이 있다는 것입니다.
부품을 동시에 실행할 수 있습니다. 그러나 운영 체제는 여러 스레드를 여러 스레드로 간주하지 않습니다.
프로세스 일정 및 관리 및 리소스 할당을 달성하기위한 응용 프로그램. 이것이 프로세스와 스레드입니다
중요한 차이점.
프론트 -엔드 개발 엔지니어 얼굴 테스트 질문 JavaScript
1. 층의 내용을 변경하기 위해 동적으로 사용될 수있는 방법은 (AB)입니다.
a) innerhtml
b) 내부 텍스트
c) 설정 레이어의 숨기기 및 표시로 인식
d) 레이어 레이어의 스타일 속성 표시 속성 표시
2. 키보드 A를 누를 때, 인쇄 이벤트의 결과는 onkeydown 이벤트와 함께 keycode입니다.
a) 65
b) 13
c) 97
d) 37
3. JavaScript에서 다음 옵션은 배열 방법 (b)이 아닙니다.
a) 정렬 ()
b) 길이 ()
c) concat ()
d) 리버스 ()
4. 선택한 옵션의 인덱스 번호를 검색하는 데 사용할 수있는 다음 옵션은 무엇입니까?
a) 비활성화
b) selectedIndex
c) 옵션
d) 다중
5. 사진이 제출 버튼과 동일한 기능을 갖기를 바랍니다.
a) 사진의 Onclick 이벤트에 수동으로 제출
b) 사진에 onsubmit 이벤트를 추가하십시오
c) 사진의 onsubmit 이벤트에 수동으로 제출
d) 양식으로 자동으로 제출하십시오
6. div 레이어와 텍스트 상자를 만드는 코드가 정확합니다 (d).
에이)
비)
기음)
디)
7. 다음 옵션에서 올바른 설명은 (두 항목을 선택)입니다. (AD)
a) 옵션 .add (새 옵션 ( 'a', 'a')) drop -down 목록 옵션을 동적으로 추가 할 수 있습니다.
b) 옵션 .add (새 옵션 ( 'a', 'a')) drop -down 목록 옵션을 동적으로 추가 할 수 있습니다.
c) 새 옵션 ( 'a', 'a') 'a'는 목록 옵션의 값을 나타냅니다. 'a'는 페이지에 표시하는 데 사용됩니다.
d) 새 옵션 ( 'a', 'a') 'a'는 목록 옵션의 값을 나타냅니다. 'a'는 페이지에 표시하는 데 사용됩니다.
8. var emp = 새로운 배열 (3);
for (var i in emp)
다음 답변에서는 for 루프 코드로 대체 할 수 있습니다. (선택). (디)
a (var i = 0; i
b 용 (var i = 0; i
C (var i = 0; i
d (var i = 0; i
9. 수업 요리를 만드는 기능을 (a) 드롭 다운 목록 상자의 사건이라고 할 때.
a) onchange
b) Onfocus
c) 선택
d) 클릭하십시오
10. 배열의 다음 진술에서 잘못된 옵션은 (c)입니다.
a) var arry = 새로운 배열 ()
b) var arry = 새로운 배열 (3)
c) var arry [] = 새로운 배열 (3) (4)
d) var arry = 새로운 배열 ( '3', '4')
11. 다음 속성 중 레이어 숨기기를 달성 할 수있는 속성은 무엇입니까?
a) 디스플레이 : FALS
b) 표시 : 숨겨진
c) 표시 : 없음
d) 표시 :
12. 다음 옵션은 문서 개체의 방법이 아닙니다.
a) 포커스 ()
b) getElementByid ()
c) getElementsByName ()
d) bgcolor ()
13. 다음 중 키보드 이벤트 (AB)를 누르는 것은 무엇입니까?
a) onkeydown
b) Onkeypress
c) 키 코드
d) onmouseover
14. 양식 확인을 확인하기위한 JavaScript의 목적은 (b)입니다.
a) 사용자의 정확한 정보를 서버에 제출
b) 제출 된 데이터가 현실을 충족해야한다는 점을 확인하십시오.
c) 페이지를 아름답고 관대하게 만드십시오
d) 서버 측의 압력을 줄입니다
15. 디스플레이 속성 값의 일반적으로 사용되는 값에는 (C)가 포함되지 않습니다.
a) 인라인
b) 블록
c) 숨겨진
d) 없음
16. Pixeltop 속성 및 상단 속성에 대한 다음 진술이 정확합니다. (디)
a) 위치 개체의 모든 속성
b) 사용될 때의 반환 값은 모두 문자열 일 것입니다
c) 모두 픽셀의 값을 반환합니다
d) 위는 옳지 않다
17. 개방형 메소드를 사용하여 브라우저 도구, 주소 열, 메뉴 막대를 사용하여 창을 열십시오. __d__.
A) Open (X.HTML, HI, Toolbas = 1, ScrollBars = 1, status = 1);
b) 열기 (Hi, ScrollBars = 1, local = 1, status = 1);
c) Open (x.html, status = yes, menubar = 1, local = 1);
d) Open (X.HTML, HI, Toolbas = Yes, Menubar = 1, local = 1);
18. 아래에서 닫힌 코드는 정확합니다 (c)
a) 문서 .getElementByIdx_x_x_x (mydiv) .style.display = none;
b) 문서 .getElementByIdx_x_x_x (mydiv) .style.display = 없음;
c) 문서 .getElementByIdx_x_x_x (mydiv) .style.display = none;
d) document.getElementByIdx_x_x_x (mydiv) .style.display == 없음;
19. Div+CSS 레이아웃을 사용하는 이유
형태 및 내용 분리
페이지 코드를 크게 줄이고 페이지 탐색 속도를 높이십시오.
구조는 명확하며 이는 SEO에 도움이됩니다
혁명 시간이 짧으면 레이아웃이 더 편리합니다
디자인, 여러 번 사용하십시오
20. 블록 요소의 특성은 무엇입니까?
항상 새로운 여행에서 시작합니다.
높이, 높이, 상단 및 하단 거리 제어;
너비 기본값은 컨테이너의 100%이며 너비를 설정하지 않는 한
요소가 있습니다 : ,,
,,
21의 특성은 무엇입니까? 인라인 요소는 어떤 요소가 인라인 요소에 속합니까?
둘 다 다른 요소와 함께 라인에 있습니다.
높음, 높음 및 상단 및 하단 마진을 변경할 수 없습니다.
너비는 텍스트 나 그림의 너비이며 변경할 수 없습니다.
인라인 요소입니다 : ,,,,,,
,,,,
그리고.
22. JavaScript에서 parseint (x8x8)+pasefloat ( '8')의 결과는 무엇입니까?
a) 8+8
b) 88
c) 16
d) 8+ '8
23. 문자열 객체의 메소드에는 (c)가 포함되지 않습니다.
a) charat ();
b) substring ()
c) 길이
d) touppercase ()
24. Settimeout 정보 (확인, 10) 진술은 정확합니다 (d)
a) 프로그램주기 실행 10 번
b) 기능 확인 기능은 10 초마다 실행됩니다
c) 10 매개 변수가 함수 점검으로 전달됨에 따라
d) 점검 함수는 10 밀리 초마다 한 번씩 실행됩니다
25. 다음 단어 중 JavaScript 키워드에 속하지 않는 단어 : (c)
a)와
b) 부모
c) 수업
d) void
머리말
이 기사는 고품질의 전면 인터뷰 질문 (주로 인터넷에서)을 요약 한 후에는 초보자가 신중하게 학습, 철저한 학습 및 자체 지식 체인을 형성해야합니다. 추측하지 말고 인터뷰 수준이 잘못되었다고 요청하십시오!
인터뷰에주의를 기울여야 할 몇 가지 요점이 있습니다.
인터뷰 주제 : 레벨 및 위치 변경에 따라, 입력 -전문가 수준 : 스코프 ↑, 깊이 ↑, 방향 ↑.
질문 유형 : 기술 비전, 프로젝트 세부 사항, 이론적 지식 질문, 알고리즘 질문, 개방성 질문, 사례 질문.
질문 : 당신은 당신이 당신이 이해하지 못하거나 면접관을 이해하지 못하는지 확인할 수 있습니다. 이런 종류의 관련 지식은 장기 학습이기 때문에 일시적으로 기억되지는 않습니다.
질문에 대답하십시오. 면접관 (아마도 직접 리더십 인터뷰 일 수도 있습니다).이 사람이 내 동료가되기를 원합니까? 태도가 중요합니다. (눈이 맹목적인 느낌)
선임 엔지니어는 절대적이고 친척을 혼동 할 수 있으므로 그러한 사람들은 그것을 필요로하지 않습니다.
프론트 엔드 개발 인터뷰 지식 포인트의 개요 :
HTML & CSS :
웹 표준 이해, 브라우저 커널 차이, 호환성, 해킹, CSS 기본 기술 : 레이아웃, 박스 모델, 선택기 우선 순위 및 사용, HTML5, CSS3, 모바일 터미널 적응 적응
자바 스크립트 :
데이터 유형, 객체 -지향, 상속, 클로저, 플러그 -인, 액션 도메인, 크로스 도메인, 프로토 타입 체인, 모듈화, 사용자 정의 이벤트, 메모리 누출, 이벤트 메커니즘, 비동기로드 복구, 템플릿 엔진, Nodejs, JSON, AJAX 등 .
다른:
HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯
作为一名前端工程师，无论工作年头长短都应该必须掌握的知识点：
此条由王子墨发表在前端随笔
1、DOM结构- 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
2、DOM操作-如何添加、移除、移动、复制、创建和查找节点等。
3、事件- 如何使用事件，以及IE和标准DOM事件模型之间存在的差别。
4、XMLHttpRequest - 这是什么、怎样完整地执行一次GET请求、怎样检测错误。
5、严格模式与混杂模式- 如何触发这两种模式，区分它们有何意义。
6、盒模型- 外边距、内边距和边框之间的关系，及IE8以下版本的浏览器中的盒模型
7、块级元素与行内元素- 怎么用CSS控制它们、以及如何合理的使用它们
8、浮动元素-怎么使用它们、它们有什么问题以及怎么解决这些问题。
9、HTML与XHTML-二者有什么区别，你觉得应该使用哪一个并说出理由。
10、JSON - 作用、用途、设计结构。