JavaScript 학습 과정 과 소감 공유

머리말
과거 에 자 바스 크 립 트 는 폼 검증,유동 광고 등 간단 한 웹 효과 만 사용 되 었 기 때문에 그 때 자 바스 크 립 트 는 중시 되 지 않 았 다.AJAX 가 유행 하기 시작 한 후부 터 사람들 은 자 바스 크 립 트 를 이용 하여 사용자 에 게 더 좋 은 체험 을 가 져 다 줄 수 있 고 심지어 이 장점 을 이용 하여 대형 웹 게임 을 개발 할 수 있다 는 것 을 발견 하여 이 작은 언어 가 중시 되 었 다.현재 많은 회사 들 이 전문 적 인 자 바스 크 립 트 엔 지 니 어 를 모집 합 니 다.보통 자 바스 크 립 트 는 WEB 전단 에서 개발 하 는 필수 기능 입 니 다.자 바스 크 립 트 의 장점 을 간단하게 소개 했다 고 해서 모두 가 공부 하고 심지어 그것 을 잘 배 우 는 것 은 아니다.취 미 는 매우 관건 적 인 것 이다.나 는 취미 가 가장 좋 은 선생님 이 라 고 생각한다.그것 은 네가 한 가지 일 에 전념 하고 그것 을 잘 하 는 동력 이 라 고 생각한다.또한 여러분 은 작은 언어 가 큰 성 과 를 거 두 었 다 고 믿 어야 합 니 다.저 는Greasemonkey아주 실 용적 인 도 구 를 쓴 적 이 있 습 니 다.예 를 들 어 자바 스 크 립 트+Greasemonkey 로 온라인 홈 페이지 게임 의 외 장 프로그램 을 쓸 수 있 습 니 다.다음은 본인 이 자 바스 크 립 트 를 배 운 과정 과 소감 을 말씀 드 리 겠 습 니 다.
입문
1.DIV+CSS 레이아웃 습득
DIV+CSS 레이아웃 표준 웹 페이지 를 사용 하면 전단 XHTML 코드 가 더욱 적 고 구조 가 뚜렷 합 니 다.이것 은 자바 스 크 립 트 로 DOM 을 쉽게 조작 하 는 데 유리 합 니 다.예 를 들 어 3 줄 3 열 목록 을 보 여 주 려 면 전통 적 인 표 레이아웃 을 사용 하고 지금 은 자바 스 크 립 트 로 이 열 표를 동적 으로 생 성 하려 면 순환 플러그 인 이 필요 합 니 다.li 구조 에 CSS 부동 레이아웃 을 사용 하면한 번 순환 하면 돼.물론 WEB 표준 화 는 반드시 표를 사용 할 수 없 는 것 이 아니 라 구조 가 뚜렷 한 XHTML 이 자바 스 크 립 트 효과 나 기능 을 프로젝트 에 통합 시 키 기 쉽다 는 뜻 입 니 다.
2.몇 가지 개발 테스트 도구 파악
개발 자로 서 테스트 도 구 를 익히 는 것 은 필수 적 이다.이것 은 문 제 를 발견 하고 해결 하 는 효율 을 높이 는 데 도움 이 되 고 특히 큰 프로젝트 에 더욱 그렇다.JavaScript 와 XHTML 개발 테스트 이 기 는 제 가 먼저 두 가지 가장 자주 사용 하 는 것 을 추천 합 니 다.그들 은Web Developer과Firebug입 니 다.
3.자 바스 크 립 트 의 모든 방법 을 숙지 하 는 역할
이 요 구 는 듣 기 에 약간 현실 적 이지 않 은 것 같다.나 는 이 요 구 는 C\#,JAVA 와 같은 대형 언어 에 있어 서 확실히 이런 언어 라 이브 러 리 가 너무 커서 아무 도 그것 을 전면적으로 기억 할 수 없 을 것 이 라 고 믿는다.그리고 모두 기억 할 필요 도 없다.예 를 들 어 JAVA 로 웹 페이지 를 만 드 는 것 과 핸드폰 개발 이 주목 하 는 라 이브 러 리 는 다르다.한편,JavaScript 는 그렇지 않 습 니 다.그 내장 방법 함수 가 정말 많 지 않 습 니 다.먼저 전면적으로 숙지 하고 개발 하 는 것 도 잘 될 것 입 니 다.예 를 들 어 처음에 JavaScript 에 trim()이라는 많은 언어 가 있 는 줄 끝 에 빈 칸 을 가 는 방법 이 있다 고 생각 했 을 수도 있 습 니 다.JavaScript 에 함수 라 이브 러 리 를 내장 한 것 을 알 게 되면 원래 JavaScript 에서 이런 방법 들 은 스스로 실현 해 야 한 다 는 것 을 알 게 될 것 입 니 다.예 를 들 어 만약 에 당신 이 다른 강력 한 언어 에서 자 바스 크 립 트 를 가지 고 놀 았 다 면 자 바스 크 립 트 는 MD5 암호 화 방법 이 있어 야 한다 고 생각 할 수도 있 습 니 다.물론 이것 도 없 지만 누군가가 자 바스 크 립 트 로 이런 방법 을 실 현 했 습 니 다.즉JavaScript MD5.결국 자 바스 크 립 트 내장 방법 이 적 고 불쌍 하지만 많은 소 들 이 자 바스 크 립 트 기능 을 추가 하 는 새로운 방법 을 썼 다.예 를 들 어prototype프레임 워 크 는 주로 자 바스 크 립 트 기초 함수 에 대해 원형 확장 을 하 는 것 이다.
4.DOM 프로 그래 밍 이해
DOM 프로 그래 밍 을 이해 하 는 것 은 JavaScript 과정 을 배 우 는 데 비교적 중요 한 과정 입 니 다.JavaScript 는 순수한 데이터 처리 논 리 를 작성 하 는 것 외 에 XHTML 의 구조 와 내용 을 동적 으로 변경 하여 인터페이스 동적 업데이트 의 목적 을 달성 하 는 것 이 고 이런 작업 은 DOM 프로 그래 밍 에 의존 해 야 하기 때 문 입 니 다.jQuery프레임 워 크 는 이 방면 에서 상당히 잘 밀봉 되 어 있 고 풍부 한 DOM 조작 방법 을 제공 하여 페이지 어느 곳 의 DOM 노드(XHTML 태그)를 쉽게 찾 은 다음 에 관련 조작(추가,삭제,수정,검사)을 할 수 있 습 니 다.다른 언어 로 XML 문 서 를 조작 한 경험 이 있 는 친구 에 게 는 이 부분 이 곧 시 작 될 것 이 라 고 믿 습 니 다.
5,접촉 및 사용 AJAX
오늘 은 AJAX 를 사용 하지 않 고 자 바스 크 립 트 를 배 웠 습 니 다.그것 은 자 바스 크 립 트 의 장점 을 묻 은 것 입 니 다.AJAX 는 사용자 와 서버 에 모두 좋 은 점 이 있 습 니 다.사용자 에 게 더 좋 은 사용자 체험 을 제공 합 니 다.가장 전형 적 인 응용 장면 은 가입 페이지 의 사용자 이름 가용성 예비 검 측 입 니 다.전통 적 으로 이런 문 제 를 만 날 수 있 습 니 다.사용자 가 자 료 를 작성 한 후에 양식 을 제출 한 결과 서버 에 의 해 이 사용자 가 등록 되 었 다 는 것 을 알 렸 습 니 다.사용자 가 자 료 를 다시 작성 하고 등록 하 라 는 것 은 대형 다 중 사용자 사이트 에 치 명 적 이다.사용자 가 10 명의 사용자 이름 을 잃 으 면 절반 이 이미 사용 되 었 을 수 있 기 때문이다.서버 의 경우 AJAX 이후 에는 일반적으로 필요 에 따라 데 이 터 를 불 러 오기 때문에 국부 업데이트 로 전체 페이지 를 다시 불 러 오지 않 습 니 다.예 를 들 어 하나의 웹 페이지 가 세 화면 을 차지 하 는데 우 리 는 기본적으로 첫 번 째 화면의 내용 만 불 러 올 수 있 고 사용자 가 스크롤 바 를 아래로 끌 어 내 릴 때 두 세 화면의 내용 을 다시 불 러 올 수 있다.또한 WEB 온라인 지도 애플 리 케 이 션 도 AJAX 가 사용 하 는 모델 이다.
높이다
1.JavaScript this 키 워드 를 깊이 이해
JavaScript this 의 역할 과 지향 은 많은 진정한 대상 을 대상 으로 하 는 개발 언어 와 큰 차이 가 있 습 니 다.이것 은 항상 현재 대상 을 가리 키 지 않 고 변화 할 것 입 니 다.이 문제 에 주의 하지 않 으 면 맞 는 것 처럼 보 이 는 코드 오류 나 실행 하지 않 는 문제 에 부 딪 힐 수 있다.
2.JavaScript OOP 프로 그래 밍 학습
OOP 는 프로그래머 로 하여 금 문 제 를 더욱 조직 적 으로 생각 하 게 하고 코드 의 조직 도 더욱 뚜렷 하 게 한다.자 바스 크 립 트 도 OOP 할 수 있 지만 일부 전통 적 인 OOP 언어 와 마찬가지 로 큰 차이 가 있 기 때문에 자 바스 크 립 트 OOP 를 진정 으로 익히 려 면 공 을 들 여야 한다.
3,이해 폐쇄
자 바스 크 립 트 폐쇄 도 비교적 많이 이야기 되 는 화제 이다.폐쇄 는 자 바스 크 립 트 변수 역할 영역 을 복잡 하 게 만 들 었 지만 이 특성 은 이 언어 를 더욱 유연 하 게 만 들 었 다.
4.학습 규범 개발
팀워크 는 여러분 이 많이 들 으 셨 을 거 라 고 믿 습 니 다.한 회사 에 취직 하여 개발 을 하 는 것 은 물론 팀 과 떨 어 질 수 없습니다.팀 이 즐겁게 합작 하려 면 모든 구성원 의 인 코딩 이 일정한 규범 에 부합 되 어야 합 니 다.이것 도 모든 회사 가 프로그래머 에 대한 기본 적 인 요구 입 니 다.규범 은 일반적으로 변수 이름,파일 조직,주석 규범 등 을 가리 키 는데 이 분야 의 지식 은 다른 언어의 규범 과 상통 성 이 있다.
5.알고리즘 책 을 찾 아 읽 어보 기
나 는 언어 를 배우 고 사용 하 는 것 이 그리 어 려 운 일이 아니 라 언어 라 는 기본 적 인 문법 과 문구 로 복잡 한 문 제 를 해결 해 야 한다 고 생각한다.복잡 한 문 제 를 해결 하려 면 일부 알고리즘 을 사용 할 수 있 습 니 다.일부 알고리즘 은 한 팀 이 하고 있 는 것 일 수도 있 습 니 다.예 를 들 어중국 과학원 중국어 분사의 구체 적 인 실현,그리고 게임 은 자동 으로 길 찾기A*알고리즘등 이 있 습 니 다.자바 스 크 립 트 개발 에 있어 서 이렇게 복잡 한 문 제 를 만 날 수 없다 고 생각 할 수도 있 습 니 다.사실 이것 은 당신 이 어떤 프로젝트 를 하고 있 는 지 에 달 려 있 습 니 다.만약 에 대형 웹 게임 을 개발 하고 있다 면 더욱 도 전적인 문제 에 직면 하 게 될 것 입 니 다.만약 에 알고리즘 책 을 읽 고 흔히 볼 수 있 는 문제 해결 방법 을 알 고 있다 면 개발 과정 에서 자 연 스 럽 게 날 개 를 돋 울 것 입 니 다.또한 알고리즘 을 익히 는 것 은 앞으로 다른 개발 언어 를 접 하 는 데 도 도움 이 될 것 이다.
습관
1.호 환,BUG 문제 에 대해 필기 하기
CSS 와 JavaScript 브 라 우 저 호 환 문 제 는 필 기 를 하 는 것 이 좋 습 니 다.이러한 문제 들 은 BUG 가 이상 하기 때 문 입 니 다.이런 문제 들 은 브 라 우 저 는 당신 이 어디 에 틀 렸 는 지 알려 주지 않 고 IDE 도 알려 주지 않 습 니 다.특히 CSS 호 환 문 제 는 개발 과정 에서 이런 문제 에 부 딪 히 면 반나절 동안 해결 되 지 못 할 것 입 니 다.비록 이전에 같은 문 제 를 해결 한 적 이 있 더 라 도 나중에 다시 만 날 수 있 습 니 다.결 과 는 이전에 필 기 를 잘 하지 않 고 기억 을 강화 하지 않 았 기 때문에 다시 한 번 고생 을 해 야 합 니 다.이런 호환성 문 제 는 한두 가지 가 아니 기 때문에 임시 기억 효 과 는 현저 하지 않 습 니 다.내 경험 으로 볼 때 많은 문 제 는 IE6 에서 발생 한 것 이다.현재 IE6 는 마이크로소프트 자신 조차도 그것 의 멸망 을 가속 화하 기 를 희망 하고 있다.이것 은 전단 에서 개발 한 우리 에 게 당연히 좋 은 소식 이다.
2.jQuery 같은 우수한 코드 읽 기
우수한 코드 를 읽 는 것 도 스스로 향상 시 키 는 좋 은 방법 이다.이것 은 우수한 코드 의 조직 규범 을 이해 할 수 있 을 뿐만 아니 라 일부 기능 의 실현 방향 도 이해 할 수 있다.예 를 들 어jQuery는 매우 가치 있 는 학습 의 자바 스 크 립 트 프레임 워 크 이다.물론 이런 전문 적 인 자 바스 크 립 트 프레임 워 크 를 읽 으 려 면 자 바스 크 립 트 의 기초 가 튼튼 해 야 한다.그렇지 않 으 면 보 는 과정 에서 너무 많은 의문 을 만 나 고 심지어 자신 에 대한 믿음 도 타격 이다.
주의 하 다
1.JavaScript 가 입문 하기 전에 JavaScript 프레임 워 크 를 직접 사용 하여 개발 하 는 것 을 피한다.
만약 당신 이 자바 스 크 립 트 기반 이 없다 면 자바 스 크 립 트 프레임 워 크 를 직접 사용 하여 개발 하지 마 십시오.나 는 이것 이 당신 이 한 언어 에 대한 인식 을 오도 할 수 있다 고 생각 합 니 다.예 를 들 어 jQuery 가 점 으로 연 결 된 구문 쓰기 방법 을 직접 사용 했다 고 생각 합 니 다.이것 은 자바 스 크 립 트 문법 의 일종 이 라 고 생각 하 십 니까?예 를 들 어 prototype 을 사용 하면 프레임 워 크 를 확장 한 기본 적 인 방법 을 JavaScript 에 내 장 된 것 이 라 고 생각 하지 마 세 요.나 는 자 바스 크 립 트 프레임 워 크 가 효율 을 높이 는 데 쓰 인 다 고 생각한다.자 바스 크 립 트 가 입문 해서 배 워 야 할 것 은 절대 아니다.
2.인터넷 에서 찾 는 많은 예 는 브 라 우 저 간 호 환 되 지 않 을 수 있 습 니 다.
많은 자바 스 크 립 트 효과 소스 코드 는 N 년 전 한 네티즌 이 쓴 것 으로 N 년 전 IE 의 세상 이 었 기 때문에 일부 전단 에 서 는 스 크 립 트 가 브 라 우 저 간 호 환 문 제 를 해결 하지 못 하고 쓴 스 크 립 트 를 IE 에 만 적용 하도록 했다.이러한 코드 를 얻 었 을 때 쓰레기 는 말 하지 마 세 요.불평 하지 마 세 요.이 코드 들 은 가치 가 없 는 것 이 아니 기 때 문 입 니 다.자바 스 크 립 트 의 브 라 우 저 간 호 환 문 제 를 알 고 있다 면 코드 를 적 게 수정 하여 더 좋 은 겸용 성 을 가 질 수 있 을 것 이 라 고 믿 습 니 다.
5.관련 읽 기
《 JavaScript 개발 규범 요구 사항 》