>웹 프론트엔드 >JS 튜토리얼 >jQuery 소스 코드를 어떻게 이해할 수 있나요?

jQuery 소스 코드를 어떻게 이해할 수 있나요?

零下一度
零下一度원래의
2017-06-26 11:41:192814검색
말도 안 되는 소리소스 코드를 어떻게 이해할 수 있나요?>

요 며칠간 소스코드를 봐야겠다는 생각이 들어서 소스코드를 조사하기 시작했는데, 며칠간 탐색을 해보니 아직은 독해력이 좀 있는 것 같았습니다. 나는 이것을 짧은 요약으로 적어볼까 생각했습니다.

한 달여 전부터 Vue 소스코드에 대한 연구를 진행했는데, 당시에는 소스코드를 보는 방식이 기본적으로 위에서 아래로 되어 있어서 더 이상 참을 수가 없었습니다. 아주 오래된 버전을 찾았습니다. 읽었지만 여전히 잘 이해가 되지 않아서 도구 카테고리만 읽어볼까 생각했습니다. 도구 카테고리는 일반적으로 상대적으로 단순하고 문맥과 별로 관련이 없기 때문입니다. 그리고 나는 기본적으로 그것들을 이해할 수 있습니다.

소스 코드가 무엇이든 연구 방법은 기본적으로 동일합니다. 요즘 jQuery 소스 코드를 공부하고 있었기 때문에 제목은 jQuery입니다.

기본 단계소스 코드를 어떻게 이해할 수 있나요?>

소스 코드를 연구하는 첫 번째 단계는 소스 코드의 입구를 찾는 것입니다. 소스 코드의 입구는 다음과 같은 중단점을 통해 찾을 수 있습니다.

<script src="dist/jquery.js?1.1.11"></script><script>console.log($())</script>

그런 다음 Chrome 브라우저에서 console.log(아래와 같이 $()) 라인에 중단점을 설정합니다

jQuery 소스 코드를 어떻게 이해할 수 있나요?

위의 방법으로 입구를 찾았고, 나머지는 디버거를 따라가서 이 코드들이 어떻게 되는지 확인하는 것입니다. 실행.

특정 메소드의 경우 jQuery의 확장 메소드와 같이 중단점을 사용하여 코드가 무엇을 하고 있는지 확인할 수도 있습니다.

jQuery 소스 코드를 어떻게 이해할 수 있나요?

중단점은 디버깅에만 사용할 수 있는 것이 아니라 학습 도구로도 사용할 수 있습니다. . 중단점을 통해 프로그램의 실행 프로세스와 종속성을 대략적으로 이해할 수 있습니다.

그러나 그것이 방법이든 기술이든 우리 문제의 일부만 해결할 수 있습니다. 소스 코드를 진정으로 이해하고 이해하는 데는 다른 많은 요소가 있습니다.

Talk소스 코드를 어떻게 이해할 수 있나요?>

일단 소스코드를 보면 알 수 있다는 생각으로 들어가지 마세요. 사실 그냥 배우기 위한 것 아닌가? 우리가 이전보다 나아지는 한 모든 것을 이해해야 합니다. 이렇게 하면 압박감이 너무 커서 배우고 싶지 않을 때도 있습니다.

소스 코드는 아키텍처, 세부 사항 또는 특정 도구 방법에서 다양한 각도로 볼 수 있습니다. 기술이 좋지 않은 경우 도구 클래스 방법으로 시작할 수 있습니다. 일부 세부 사항은 무시하십시오. 먼저 그것이 무엇을 하는지 알아내십시오. 이것은 방법이 아닙니다.

위 내용은 jQuery 소스 코드를 어떻게 이해할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.