바닐라 js 예제

이 시리즈의 다음 부분에서는 jQuery의 AJAX 관련 함수 및 메서드에 대해 살펴보겠습니다. 그런 다음 시리즈의 마지막 부분에서보다 복잡한 예제를 살펴보겠습니다. 지켜! 코드는 크롬에서 폴리 필과 함께 작동합니다. 더 넓은 범위의 브라우저에서 실행하려면 폴리필을 추가하고 대상 브라우저 버전에 따라 JS를 이전 버전의 ES로 컴파일하고 CSS에서 접두사를 실행해야 합니다. 브라우저의 대상 집합과 이전 버전을 대상으로 할수록 웹팩을 통해 더 많은 처리를 수행해야 하지만 원래 코드를 변경할 필요가 없으므로 이러한 추가 처리 단계는 이러한 예제의 범위를 벗어납니다. 그 사이트는 유용한 바닐라 JS 의 예로 가득합니다- 보세요! 스택 오버플로 질문에 대한 응답입니다. 처음에는 웹팩을 배우는 것이 진흙 탕에서 수영하는 것처럼 보일지라도 이것을 필요로 할 수 있는 사람들이 있다는 것을 알았습니다. 이것은 웹 팩 4와 바닐라 자바 스크립트 (라이브러리 및 프레임 워크 없음)를 사용하는 빠르고 더러운 충돌 과정입니다. 오늘날 바닐라 JS 대 jQuery를 선택하는 것이 가장 현명한 선택이 아니므로 코드 베이스가 불필요하게 종속성이 부풀어 오르지 않습니다. 우수한 에서 명백한 예 당신은 필요 하지 않을 수 있습니다 jQuery: XMLHttpRequest 개체의 몇 가지 다른 속성을 모니터링. 먼저 readyState 속성은 요청의 상태를 지정합니다. AJAX 전체에서 값 변경을 호출하고 0에서 4까지값을 수신할 수 있습니다(예: 값 4는 응답 데이터를 사용할 수 있음을 의미함).

둘째, 상태 속성은 요청이 성공했는지 여부를 나타냅니다(예: 값 200은 성공적인 요청을 정의합니다). 이 예제에서는 응답 데이터를 검색하고 AJAX 호출이 성공했다고 가정하면 대상 요소의 내용을 업데이트합니다. 그렇지 않으면 XMLHttpRequest 개체에서 추출된 정보가 있는 메시지가 표시됩니다. AJAX소개에 이어 XMLHttpRequest API를 사용하여 AJAX 요청을 초기화하는 예제가 있습니다. VanillaJS는 jQuery와 같은 추가 라이브러리없이 일반 자바 스크립트를 사용하는 것을 지칭하는 이름입니다. 사람들은 다른 개발자들에게 추가 자바스크립트 라이브러리없이 요즘 많은 일을 할 수 있다는 것을 상기시키기 위해 농담으로 사용합니다. 참고: 로컬 환경에서 예제를 실행하고 Bio.txt 파일을 저장하면 오류 메시지가 다를 수 있습니다. 예를 들어, 당신은 다음과 같은 결과를 볼 수 있습니다 : Haxe와 함께 바닐라 JS에 대해 쓴 첫 번째 사람은 필립 엘사스 (또한 플래시 개발 사람라고도 함)입니다. 그것은 흥미로운 기사이고 난 당신이 그것을 읽을 것을 제안 : „JS 프레임 워크“사이트로 포즈 바닐라 JS 사이트의 역사는 짧지만 재미있습니다.

에릭 와슬은 2012년에 트롤링과 혼란을 이용해 홈포인트를 망치로 만들었다: 종종 추가 JS 프레임워크나 라이브러리 대신 일반 자바스크립트를 사용할 수 있다. 마지막으로 index.js에서 모든 것을 한데 모읍시다. 자바 스크립트는 이제 웹의 프로그래밍 언어입니다. 당신이 자신에게 괜찮은 웹 경력을 구축하려는 경우 핵심 엔지니어링 원칙을 이해하는 것이 가장 중요합니다. 특히 팩의 전면을 목표로하는 경우. 그런 다음 index.html과 짜잔을 엽니 다 열어! 웹 서버에서 실행할 필요가 없습니다. 이 작업은 index.html 파일을 두 번 클릭하는 것에서 직접 작동합니다. JS 프레임 워크를 사용하면 확실히 어딘가에 빨리 가져올 수 있습니다. 그러나 그 뒤에 핵심 개념을 이해하지 못한다면 그것은 당신을 멀리 데려 오지 않을 것입니다. 그냥 기타에 Wonderwall을 연주하는 법을 배우는 것처럼 음악을 구성하는 방법을 가르쳐하지 않습니다,하지만 그것은 당신에게 연습 할 이유를 줄 것이다.

프레임워크 구현에 대해 작업하는 사람들은 모두 재능이 있으며, 적어도 대부분은 재능이 있습니다. 그들은 복잡한 노력을 단순화하는 엄청난 일을합니다. 그러나 이러한 추상화 수준은 모두 빠르게 악이 될 수 있습니다. 에릭은 그 때라는 용어를 동전으로 만들지 는 않았지만, 그의 사이트는 확실히 그것을 대중화하는 데 도움이되었습니다. 하지만 제 친구들과 저는 우리 수업 중 하나에 대해 부드러운 실시간 작업 지향 로봇을 만들어야 했습니다.