자 이제 제이 코리에 대한 제 소개와 제이 쿼리에 대한 저의 의견 및 우리가 여기서 취하고있는 접근법에 대해 간단히 요약하면 바닐라 자바 ​​스크립트로 시작 했으므로 이제는 자신감있게 행동하게되었습니다. 그런 식으로 우리는 제이 퀘리로 옮깁니다.
따라서 우리가 먼저 이야기해야 할 것은 애플리케이션에 쿼리를 포함시키는 방법입니다.
그래서 나는 아주 단순한 응용 프로그램으로 시작할 것입니다. 단지 제 나이에 입에 넣고 제목을 붙이기 만하면됩니다.
Jay queery 데모 Jay on Jay queery는 항상 소문자입니다.
이유 Q를 묻지 마십시오. 대문자가 몇 가지 요소에 불과합니다.
제이
코리 데모.
그것과 아마 동맹 일 수도 있고 두 가지 일 수도 있고 그냥 임의의 텍스트 일 ​​것입니다.
OK 그래서 3 명의 동맹국 등.
그리고 H-1을 저장하면 저장됩니다.
그리고 물론 브라우저에서이를 열어 볼 것입니다.
여기에 데모 페이지가 있습니다.
우리 자신의 애플리케이션과 우리 시대의 html 파일에 쿼리를 추가하는 방법은 몇 가지가 있습니다.
J 쿼리는 자바 스크립트 파일이라는 것을 기억하십시오.
지금까지 작성한 파일과 다르지 않습니다.
우리의 컬러 게임처럼 A-S 나 To Do 목록을 피하십시오.
예 또는 스크립트 태그를 사용하여 만들고 링크 한 모든 자바 스크립트 파일.
두 가지 방법 모두에서 스크립트 태그를 사용하고 있습니다.
유일한 차이점은 소스 속성입니다.
그리고이 경우 우리는 파일에 로컬로 연결하고 있는데, 그 의미는 내가 쿼리를위한 코드를 다운로드하고 그것을 내 프로젝트와 동일한 디렉토리에 넣은 다음 연결 한 것입니다.
그래서 우리가 J Crew 문서를 읽고 다운로드를 클릭하면 버전을 선택해야하며 최신 2.1 포인트 4로 갈 것이고 우리는 몇 가지 옵션.
압축 된 제작 Jey 쿼리 2.0 포인트 1.4와 압축되지 않은 개발 버전을 다운로드 할 수 있습니다.
나는 둘 다 할 것입니다.
일반적으로 압축하기 때문에로드하는 것이 더 빠릅니다.
그러나 나는 그것이 어떻게 생겼는지 보여주고 싶습니다.
따라서 압축되지 않은 압축 파일과 압축 파일을 구하고 두 개의 다른 파일을 볼 수 있습니다.
우리는 Dot J.S.의 1 점을 지적하기 위해 제이가 기발합니다. J는 남성에게 2.1 %의 질문을 던졌다.
예.
그래서 저는 두 사람 모두 여기에서 숭고하게 열어 갈 것입니다.
그냥 드래그하여 살펴 보겠습니다.
따라서이 파일은 압축되지 않은 버전입니다.
그리고 내가 스크롤 할 때.
그것이 정말 긴 자바 스크립트 파일이라는 것을 주목하십시오.
9000 라인이 넘기 때문에이 파일을 포함 시키거나 동일한 코드 인 최소화 된 버전을 포함 할 수 있습니다.하지만 무언가가 최소화되거나 압축 될 때 모든 공백이 제거됩니다.
그래서이 모든 것들이 반환되고 모든 주석은 사라지고 변수와 속성의 모든 이름은 하나의 문자로 단축되어서 우리는 em과 같은 것을 볼 수 있습니다. 또는 ABC와 같은 것들을 가질 수 있습니다. 압축되지 않은 파일이므로 두 파일 중 하나를 포함 할 수 있습니다.
그리고 그렇게하기 위해 파일을 올바른 디렉토리에 추가해야합니다.
따라서 프로젝트 대신 새 폴더를 만들어 lib로 부르겠다.
그리고 우리는 이것을 할 필요가 없습니다.
두 파일을 우리 팀과 같은 디렉토리에 드래그 할 수 있습니다.
나는 파일을 작성하고 그 방법으로 시작해서 너에게 보여줄거야.
그래서 저는 H Tim L 파일을 열고 여기에 스크립트 태그를 추가 할 것입니다. 소스가 같아야하고,이 이름을 여기에 써야합니다.이 J 이름은 점 J를 가리키는 한 점을 가리키는 쿼리입니다. 대시.
그래서 나는 그것을 복사하여 소스를 질의 대시 2로 설정합니다. 1.4.
제이
네,이 파일 J Curry 데모가 Jay Querrey 2.1 14 : 4와 같은 위치에 있다면 우리는 잘해야합니다.
그래서 브라우저에서 저장하고 다시 열어 보겠습니다.
콘솔을 열면 실제로 J Query라는 단어를 입력하고 Enter 키를 누릅니다.
쿼리가 애플리케이션에 올바르게 추가되었다는 오류 메시지가 표시되지 않으면
그래서 이것을 구조화하는 더 좋은 방법은 lib라는 별개의 디렉토리에 실제로 이것을 두어 라이브러리 자바 스크립트 파일에서 우리 자신의 javascript 파일을 분리 할 수 ​​있도록하는 것입니다. 그래서 우리는 그들을 혼동하지 않고 우리의 디렉토리를 어수선하게 만들지 않습니다 구조이므로 필수는 아닙니다.
당신이 본 것처럼 우리는 제이 쿼리 작업을했습니다.
하지만 더 좋은 방법은 디렉토리를 만드는 것입니다. 우리는이 디렉토리를 호출 할 수 있습니다.
원할 경우 J 커브라고 부를 수 있습니다.
나는 lib와 함께 갈 것이고, 나는 여기서 나의 링크를 바꿀 필요가있다.
내 소스 lib 슬래시 제이 쿼리 1 점 4 지점을 가리 키도록해야하고 내 할거야.
예, 그렇게하지 않아도됩니다.
기능상의 차이는 없습니다.
유일한 차이점은로드하는 것이 더 빠르다는 것입니다.하지만 여기에로드해야합니다.
다시 말하면 우리는 둘 다 필요하지 않습니다.
우리는 단지 하나만 필요로하고 우리는 그것을 올바르게 연결해야합니다.
그럼 제대로 작동하는지 확인합시다.
잘 작동하는 속도를 새로 고칩니다.
J 쿼리를 입력 할 수 있으며 달러 기호도 입력 할 수 있습니다. 이러한 쿼리가 작동하면 시트 쿼리가 올바르게 설치되었음을 알 수 있습니다.
따라서 쿼리를 로컬에서 다운로드 한 다음 스크립트 태그를 사용하여 쿼리에 연결할 수있는 첫 번째 방법입니다.
CD로 CD를 사용하고 콘텐츠 분산 네트워크를 의미하는 또 다른 옵션이 있습니다. 실제로는 컴퓨터에 다운로드 할 필요없이 온라인에서 파일을 가져 오는 방법 일뿐입니다.
그래서 우리가 바로 여기 Arel을 복사한다면, 당신에게 보여 드리겠습니다. 버전 2.0을위한 AJ queery CDN이 될 것입니다. 1.4.
그리고 그 URL로 가면 J Corey 파일 만 볼 수 있습니다.
우리가 할 수있는 일은 Arel이나 다른 J queery CD에 대한 링크입니다. 온라인에있는 파일이 많아서 로컬 파일에 링크하는 것과 같은 방식으로 작동합니다.
유일한 차이점은 컴퓨터에서 로컬이기 때문에 실제로 조금 더 빠르게로드된다는 것이며 CD로 바꾸면 우리에게 눈에 띄지 않습니다.
그러나 후드에서는 좀 더 오래 걸리지 만 물론 우리가 작성한 모든 응용 프로그램에 대해 Jay 쿼리의 사본을 다운로드 할 필요가 없기 때문에 사용하기가 훨씬 쉽고 간단합니다.
그래서 내가 새로 고쳐 줄거야.
여기에 J 쿼리를 입력하면 여전히 작동해야합니다.
마지막으로 CDN을 어떻게 찾았는지 보여 드리겠습니다.
새로운 탭을 열고 Cdn Jay를 찾으십시오. Cdn을 검색 한 다음 나중에 다른 라이브러리를 볼 수있는 다른 라이브러리를 검색하면됩니다.
마이크 J 쿼리.
우리는 많은 링크가 있다는 것을 알게 될 것입니다.
따라서 Jay 질의에는 공식적인 질의가 있습니다.
Cdn 닷지 시티 뉴저지는 닷컴을 운영하고 있습니다. 우리는 당신을 잔뜩 또는 다른 곳으로 복사 할 수 있습니다.
우리는 3.00 버전이므로주의해야합니다.
우리가 2.20 점 4로 가면 정상적인 버전과 수정 된 버전의 압축을 풉니 다.
그리고 내가 네가 잘 간다면 네가 보여줄거야.
나는 그들을 파일 파일에서 본다.
끝내기 위해서.
어느 쪽이든 작동합니다.
두 경우 모두 스크립트 태그가 필요하지만 원본은 로컬 파일이거나 CDN을 사용하여 연결되는 다른 곳에서 호스팅되는 파일입니다.
당신이하고 싶은 마지막 일은 법정의 모습을 30 초 간 미리 볼 수있게하는 것입니다.
J 쿼리가 어떻게 생겼는지에 대한 약간의 설명이 있습니다.
당신이 알아 차릴지도 모르는 첫번째 물건은 4 개의 다른 장소에서 사용되는 달러 표시 다라는 것이다.
우리는 돔 클릭과 같은 방법을 사용하여 SS 도트가 점 제거되도록 페이드 아웃하는 것을 볼 수 있습니다.
이 코드가 실제로 할 일은 ID 트리거가있는 버튼을 선택하는 것입니다.이 버튼을 클릭하면이 코드가 모두 실행되며 클릭하면 클릭하면 신체의 배경색이 노란색으로 바뀝니다.
우리는 페이지의 모든 이미지를 페이드 아웃 (fade out) 할 것입니다.
페이드 아웃하는 데 3 초가 걸리고, 페이드 아웃이 끝나면 페이지에서 3 개의 이미지를 제거합니다.
IDF 트리거가있는 버튼을 클릭하십시오.
신체 색상을 변경하여 이미지를 3 초 이상 페이드 아웃 한 다음 완료되면 이미지를 제거하십시오.
좋아요, 그래서 그것은 쿼리의 속도 미리보기였습니다.
이제 실제로 다음 비디오에 약간의 글을 쓰기 시작하겠습니다.