1. W3C 표준은 무엇입니까?
웹 표준은 표준,하지만 표준의 집합이 아니다. 메인 페이지는 세 부분으로 구성 구조 (구조) 성능 (프레젠테이션) 및 거동 (동작). 해당 표준은 세 가지 영역으로 나눌 수 있습니다 등등 XHTML과 XML, CSS를 포함하여 성능 표준 언어 (예 : W3C DOM 등) 행위를 포함하는 객체 모델의 표준 인 ECMAScript 등 표준 언어의 구조.
2, 부트 스트랩 반응 원리
격자를 통하여 시스템과 미디어 질의 작은 화면 @ 구현 (평면, 같거나 큰 768px) @media (최소 폭 : 스크린 SM 분 @) {...} //보다 크거나 같음 매체 스크린 (데스크탑 모니터 992px) @media (최소 폭 : @ 화면 MD 분) 이상인 {...} // 스크린 (대형 데스크탑 모니터 ... 1,200
의 차이는 3, HTML / XHTM
XHTML과 HTML 4.01 표준은 크게 다르지 않다.
XHTML 요소가 제대로 중첩해야합니다.
XHTML 요소를 닫아야합니다.
레이블 이름은 소문자로해야합니다.
XHTML 문서는 루트 요소가 있어야합니다.
우리 프로그래머, 웹 프런트 엔드 관심, 배우고 싶은 경우에 [, Xiaobian을 찾습니다. 지금은 프런트 엔드 개발 프로그래머 프런트 엔드를 가르 칠 수있는 온라인 수업, 그룹의 라이브 무료 매일 밤입니다. 가장 기본적인 HTML + CSS + JS에서 모든 작은 프런트 엔드 파트너에 주어진 마무리하는 HTML5 프레임 워크의 끝으로 이동하려면 여기 흰색, 환영 초보자 및 고급 주니어 파트너를위한 모임 장소입니다. 플러스 그룹 : 731 771 211. 필수 공공 프런트 엔드 번호 ID 학습 : mtbcxx]
4, 페이지 레이아웃 및 아키텍처
레이아웃 조건을 코딩 할 수 있으며, 이는 시각적 인 형태 일 수있다.
의미 론적 태그 레이아웃은 iframe 프레임 (특수 지역 사용) 레이아웃과 테이블 레이아웃 (일부 특별한 장소에서 사용, 사이트 전체 사용하지 않는 것이 좋습니다) (또한 DIV + CSS를 포함) 관련, 당신은 코딩의 특정 조건에 따라 바이 수 학습 지식을 알아보세요.
그것은 시각적 상호 작용 측면의 경우, 더 많은, 같은 고급 시차 형 레이아웃, 전체 화면 레이아웃, 폭포 등의 새로운 디자인 레이아웃,있을 것입니다, 원활한 퍼즐 다음은 기존의 레이아웃에 국한되지 않으며, 매년 약간의 레이아웃; 기존의 전자 상거래, 대부분 단일 열 정보 클래스, 두 개의 열 또는 3 열 레이아웃, 그리고 더 많은 열 레이아웃, 관련 해상도의 와이드 스크린 레이아웃과 좁은 화면 레이아웃, 유도 레이아웃. 너무 많은 선택, 사물은 그것을 알게 배우고 더 될 것입니다. 더 필요 천천히 모색하고 레이아웃 경험이있다. 나는이 말을 알고있다.
휴대 전화 측에 관해서는, 몇 가지 예 : 수직리스트, 수평 사각형, 사각형, TAB 스위칭 아코디언 레이아웃 때문에 작은 화면, 서랍 / 사이드 라벨 에피소드) (그 분류 쇼케이스 함량 이상이 있음) 상황에 따라 다른 레이아웃을 사용할 수있는 사용자 경험을 증가시킵니다.
5, 부트 스트랩 연구 노트는 장점과 단점을 요약
장점 :
장점 BT 하나는 당신이 잘 수행 한 모든의 크기로 사용자의 화면 크기에 따라 페이지를 조정할 수 있다는 것입니다.
직접 클래스 텍스트 왼쪽, 텍스트 정렬 같이, 클래스 이름에 대응 부여 등을 위해 사용될 때 .table BT에, CSS 클래스 많은 사전 정의. 가장 대표적인는 다른 스타일도, 클래스를 기준으로 확장 할 수있는 다양한 시각 효과를 달성하려면 BT는 기본 클래스 .bt을 정의 클래스 BTN입니다.
BT의 자바 스크립트 플러그인은 기성품도 확장 할 수 있습니다 자신, BT 당신도 도입 될 수 일회용 사용을 통해 직접 걸릴 수 있습니다 통합 BT.js에게 보드를 제공 자신과 중, 매우 풍부하다 *의 .js가 될 수 있습니다.
부적절한 :
IE와 호환 작은 문제가 BT 상자 모델의 모든 요소는 IE 박스 모델 무차별 모드 아래에있는 국경 상자가 설정되어,이없는이 빛 호환되지 않는 IE하게되었다. 또한이 물론, IE와 온라인 호환 여러 가지 방법이 있습니다, 또한 작은 문제가되지 않습니다 만, 다른 문서를 도입 할 필요가 H5 태그와 CSS3 구문, 이러한 측면의 문법 라벨 호환성을 많이 사용하고, 몇 가지 작은하지, 필연적으로 로딩 속도 변화로 이어질 것 천천히, 사용자 경험에 영향을 미치는.
확실히 좋지 않다 BT 호환성 IE6,7, IE8은 또한 몇 가지 추가 서류를 요구하는 지원.
미디어 쿼리는 IE8의 response.js을 달성하는 데 필요한로
BT는 기존의 IE 호환성 모드를 지원하지 않습니다. 최신 IE 브라우저 렌더링 모드를 실행하려면이이 레이블이 페이지에 추가하는 것이 좋습니다 :
IE 디버깅 도구를 열려면 F12 키를 누르십시오, 당신이 볼 수있는 현재의 IE 렌더링 모드 예.
BT는, 당신은 또한 구성 요소를 재 설계 SaaS는 사용할 수 있습니다, 당신은 빨리 첫 페이지를 설정하고 반응하는 인터페이스를 디자인 할 수 프런트 엔드 UI 라이브러리에 속하는
6, JQeury 연구 노트는 장점과 단점을 요약
장점 :
jQuery를 스크립트 및 페이지 분리, 선호 운영 DOM JS 라이브러리입니다.
코드의 최소 대부분의 일을하는
대부분의 일을하는 코드의 최소, 이것은 jQuery를 슬로건하지만, 이름도 가치가있다. 고급 선택기를 사용하여 개발자는 놀라운 결과를 얻을 수 있습니다 몇 줄의 코드를 작성해야합니다. 개발자는 또한도 완벽하게 Ajax를 지원하지만, 개발자의 프로그래밍 효율성을 개선하기 위해 많은 다른 추상적 인 개념을 가지고 너무 걱정 브라우저의 차이가 될 필요가 없습니다. jQuery를 자바 스크립트는 높은 수준으로 가져왔다. 다음은 아주 간단한 예입니다 :
다음과 같이 코드입니다 :
$ ( "p.neat") addClass ( "ohmy") 쇼 ( "느린")..;
위의 짧은 코드를 통해 개발자는 모든에서 "깔끔한"클래스를 통과 할 수
요소를 다음 'ohmy "클래스 그에 첨가 천천히마다 단락 애니메이션을 표시하면서. 개발자는 단지 애니메이션 함수를 작성하지 않고도 루프 코드를 작성하지 않고, 클라이언트 브라우저 유형을 확인하지 않아도, 상기의 효과는 단지 코드의 라인을 통해 달성 될 수있다.
공연
큰 자바 스크립트 프레임 워크에서 jQuery를 최상의 성능을 이해했다. 많은 새로운 기능과 함께 다른 버전에도 불구하고, 가장 제거 다운 버전은 18킬로바이트 크기는이 수치가 감소하기 어려웠다이다. jQuery를의 각 버전은 상당한 성능 향상이있다.
플러그
jQuery를 플러그인은 현재 기반으로 수천에 대해이 개발했다. 개발자는 형태, 차트 종류, 필드 프롬프트, 애니메이션, 진행률 표시 줄 및 기타 작업을 확인하기 위해 플러그인을 사용할 수 있습니다.
개발자들에게 시간을 저장하면 배울 수
우리가 정말 jQuery를 배우고 싶다면 물론, 개발자들은 여전히 더욱 더, 코드 워드 또는 독립적 인 플러그인을 많이 쓰고 싶어요 특히, 약간의 시간을 투자 할 필요가있다. 그러나 개발자는 접근 방식을 "모두가 헤어 졌"취할 수 있으며, jQuery를 시작하기 샘플 코드를 제공하는 아주 쉬운 일이다.
부적절한 :
이전 버전과 호환되지 않음
플러그인 호환성.
jQuery를 안정성
큰 틀에서 애니메이션과 특수 효과에 대한 jQuery를 핵심 코드 라이브러리 지원이 상대적으로 빈약하다.
7 "높은 결합, 낮은 커플 링"결국 뜻?
태그 프로젝트에 대한 '높은 결합, 낮은 커플 링'
모듈 간의 긴밀한 접촉의 각 모듈의 정도와 연계 더 밀접하게 결합 높은 모듈 악화의 독립! 반면 같은 길에;
개별 소자들 사이의 연결 모듈 압박감 경우 높은 간의 링크의 각 요소 (명령문의 블록)의 정도, 응집, 즉, "높은 응집력 '높은!
그러한 :이 20 개 좋은 방법 전화가 있지만 그 중 하나는, 또 다른 19 수정해야 수정 프로젝트이 높은 커플 링입니다! 독립 나쁜!
이제 소프트웨어 아키텍처 디자인, 고품질의 소프트웨어를 보장하기 위해, "높은 결합, 낮은 커플 링을"이 필요합니다! 마크!
8, 알고 전면에 익숙하고 다시 대화 DOM, XML의 개념을 이해해야합니다 공동 개발의 기술적 원리 (아약스, JSON)의 전면 및 후면 끝이 있습니다.
아약스 비동기 상호 작용 원리 : 아약스는 서버에서 데이터를 얻기 위해 XMLHttpRequest 객체를 통해 서버에 대한 비동기 요청을 전송하고 DOM을 조작하고 페이지를 업데이트 자바 스크립트를 사용하는 핵심 자바 스크립트 XMLHttpRequest로, DOM 객체를 가지고있다.
JSON : 나는 일반적으로 더의 사용 AJAX를 통해 비동기 적으로 JSON 데이터를 얻을 수 있습니다.
DOM : 문서 객체 모델은, 한 눈에 모든 루트는 무선 중첩 할 수 DOM 노드입니다. 얻거나 예를 들어, 문서의 속성 태그를 설정, 가져 오거나 입력 값의 형태의 값을 설정하는 데 사용됩니다.
BOM : 브라우저 객체 모델. 새 창, 화면 해상도, 브라우저 버전 번호에 액세스 : 얻거나 같은 브라우저의 특성, 동작을 설정하는 데 사용됩니다.
XML은 : 데이터를 전송하고 저장하도록 설계하고, 형식의 데이터를 표시하도록 설계되었습니다. 그냥 일반 텍스트.
- 다시 대화 형으로 앞면과 :
9, GET과 POST는 차이를 요청
바디 GET 데이터?에 제출 된 URL 이후에 URL을 배치하고, 분할 된 데이터를 전송하고, 이러한 EditPosts.aspx? NAME = TEST1 및 ID와 같은 사이 및 매개 변수에 연결된다 = 123456 POST 방식은 HTTP 패킷에서 전송 된 데이터이다 .
(URL의 길이 브라우저 제한 때문에) 및 POST 방법에 의해 제출 된 데이터가 한정되는 것은 아니다 제한되는 데이터의 크기를 제출 GET.
POST 메서드는으로 Request.Form하여 변수의 값을 얻을 때 GET은 변수의 값을 얻을 수 Request.QueryString을 사용해야합니다.
페이지가 캐시 할 수 있습니다 또는 다른 사람이 컴퓨터에 액세스 할 수 있는지 GET을 통해 데이터를 제출할 때이 같은 로그인 페이지와 같은 보안 문제를 가져올하는 GET 데이터를 전송, 사용자 이름과 암호는 기록에서 수, URL에 나타납니다 레코드는 사용자 ID 및 암호를 얻었다.
있는 사람으로서, 나는 당신이 훨씬 덜 우회를 취할 수 있도록 두려워 부끄러움없이 얼굴, 돈의 액면가를하지 말고,이다 정말 중요한 오래된 가축을 물어 당신에게 있나요? 진정한 기술이 가장 중요하다 알아보세요. 어떤 기술이 더 얼굴 정말 호출되지.
여기에 내가 프런트 엔드 개발 학습 버클 QUN 추천 : 767 273 102 가장 기본적인 HTML + CSS + JS에서, 연구의 프론트 엔드이다 멋진 특수 효과, 게임, 플러그인 패키지 디자인 패턴] 프로젝트 HTML5 전투의 끝으로 이동 학습 자료는 모든 프런트 엔드 주니어 파트너에게 제공, 웹 프론트 엔드를 배우고, 또는 작업, 또는 대학생을 변경뿐만 아니라, 작업 싶었다 자신의 능력을 업그레이드 할 마무리, 우리는 가입 주니어 파트너 환영을 배우고있다.