웹 프런트 엔드 리뷰 (HTML, CSS, 자바 스크립트)

한, HTML

1. HTML은 무엇
HTML 기본적으로 HTML, 당신은 텍스트, 오디오 및 기타 프로그램과 같은 복잡한 요소를 표시 할 수 있습니다.

2. 라벨은 무엇
태그 오른쪽 : 태그 이름, 속성 (이름 값 쌍) 콘텐츠를.
이와 유사한 속성이 라벨은 특별한 능력을 가지고 그래서, 장비의 레이블을 추가한다.

3 중요 레이블 설명
(1) 형태 탭 표
THEAD TH TR
TBODY TR TD

  <table border="1">
       <thead>
            <tr>
                <th>表头1</th>
                <th>表头2</th>
            </tr>
       </thead>
      <tbody>
            <tr>
               <td>内容1</td>
               <td>内容2</td>
            </tr>
      </tbody>
</table>

TBODY이, THEAD를 설명 할 때 권장 테이블을 정의합니다.

(2) 양식 태그 양식의
조치 : 요청 된 작업은 주소에 의해 수행 제출할
방법 : 지정 요청 GET의 유형을 / POST
• 양식 제출 양식은 Ajax 요청 직렬화 된 형식에 의해 운영 제출해야합니다 (직렬화 ()) 방법이 아니다 양식 데이터 제출을 완료합니다. (아약스 건물의 형태로 데이터를 직렬화하는 것입니다, 이름이 배경에 제출 문자열의 일치를 의미)
• 데이터의 Ajax 요청 제출 및 제출 양식 양식에 의해 채택 된 두 개의 완전히 다른 설계 원칙이다.

(3) 폼 요소 레이블
을 통해 서버에 제출 된 이름 - 값 쌍의 방법으로 소자를 형성 할 데이터 브라우저를 제출 제출.

<input>:type(text,password,radio,checkbox,hidden)
<select>
<textarea>

그리고 선택하는 방법에 선택한 텍스트의 값은 데이터의 제출시 만 할 기본을 선택하는 JS에서 선택한 얻을
과거에 선택한 옵션 값의 값을 전송합니다.

<form>
    <select>
        <option value="html">内容</option>
        <option value="html">内容</option>
        <option value="html">内容</option>
        <option value="html">内容</option>
        <option value="html">内容</option>
     </select>
</form>

형태는 어떤 개념인가? 웹 프로그래밍에서, 데이터 수집 (그룹)의 한 형태로 이해 될 수있다, 우리는 여러 형태가 존재 할 수있는 페이지에, 처리 비즈니스 논리를 들어, 통합, 배경을 제출 데이터 세트의 형태로이 패키지를 넣어. 그러나 AJAX 요청은 양식의 존재를 필요로하지 않을 수 있습니다.

4 시맨틱 라벨
H1 / H2 / H3은 윤곽 레벨 표시
DIV / 스팬 / P 성능 레이아웃

시맨틱 검색 엔진과 라벨의 사용은 신속하게 포함 할 수있다
다른 레이블이 같은 표시를 달성 할 수있을 수도 있지만, 그러나 그것은 강력하게 제어 + CSS 스타일을 의미 태그를 사용하는 것이 좋습니다.

<style>
.hstyle {
display: block;
font-size: 2em;
font-weight: bold;
}
</style>
<h1>标题1</h1>
<span class="hstyle">标题1</span>

5, 브라우저에서
HTML, CSS, 자바 스크립트, 이미지, 오디오 및 비디오의 내용을 확인할 수 브라우저 런타임 환경을 제공합니다.
우리는 일반적으로 브라우저를 포함하는 의미라고 : 파이어 폭스 / 크롬 우리는 최고의 표준 브라우저, W3C 조직에 전화 관련 기술 사양의 정의를 충족하는 등 IE / 파이어 폭스 / 크롬 / 오페라,.

당신은 표준화 된 정의가없는 경우, 다른 브라우저 벤더를 충족하기 위해 프로그래머는 무거운 가격을 지불 할 것입니다. 그러나 심지어
그래서, 다른 브라우저 사이에 미묘한 차이가,이 문제는, 전항의 발전에 관심을 지불에 일반적으로 브라우저 호환성을 고려하는 것이있다.
우리는 일반적으로 360, Sogou는 브라우저 커널이 깊은 변화를 기반으로 사용합니다.

6, CSS
캐스 케이 딩 스타일 시트 : 요소 패턴은 여러 가지 방법으로 중첩 될 수 있습니다.

HTML 요소는 스타일을 가지고 있지만, 다른 레이블에있는 브라우저가 기본 스타일을 가지고 있기 때문에 스타일을 정의하지 않고, 다른 레이블도, 다른 디스플레이 스타일을 보여줄 수있는 그 자체에 있지 않습니다.

7, 스타일을 작성하는 요소를 정의하는 방법을
일반적으로 코드 사이의 결합을 줄이기 위해 체인을 통해 페이지 스타일 시트의 스타일을 정의, 개발 과정에서와 전문이 페이지를 예술하자. 다른 사람이 같은 페이지에서 파일을 수정하지 않을 수 있습니다이 단순히 수단, 그들은 그들의 일에 관심.

내용을 알 수있는 (1) 필요
• DIV + CSS는 상자 모델의 완전한 이해에 기반의 레이아웃
• 상자 크기 조정 참고
• 스타일 선택기 (.) ID (#) 등급 라벨 (A DIV SPAN)

. 8, 자바 스크립트
언어 프로그래밍의 이해 (1.) : 본격적인 프로그래밍 언어가 있어야한다 : 변수, 데이터 형, 연산자, 제어문 (순차 구조, 분 지형 구조, 순환 구조), 독립적 인 API.
(2) 자바 스크립트의 역할
• 비즈니스 로직
• DOM을 조작 (DOM : 문서 객체 모델) : 이벤트 기반으로 페이지 모델 변경 (변경 검색 요소의 DOM 트리 삭제가, 특히 변경 : 변경 내용을 변경 스타일) 자바 스크립트는 자바 스크립트의 DOM을 조작 할 수 있기 때문에 구현 인터페이스 DOM 관련 작업은 DOM의 작업을 만날 것이다.
의 내용을 알 수있는 (3) 필요
자바 스크립트가 약하게 언어를 입력하고, 쓰기는 더 캐주얼입니다.
변수에 반영 • 약한 언어는 더 정확한 데이터 유형 정의입니다. var 키워드로 정의.

// 动态类型,随值的变化而变化
var flag = 'abc';
flag = 12;
flag = true;
flag = {name : 'Tom'};
flag = function() {
alert("Hello,JavaScript");
}

자바 스크립트에 대한 조건을 결정 •

조건식 1이 아닌 0 거짓 참으로 표현 될 수있는 숫자 0이
가리 카드 (2) 측쇄 구조
3 원계 조작자가 실질적 표현이다 필요성 익숙한

var age=20;
var str=age>=18 ? ' 成年 ' ：' 未成年 ';
console.log(str);