페이지 32-JS 튜토리얼 프로그래밍 튜토리얼: JS 튜토리얼 온라인 학습-php.cn

Article Tags

집

기술 기사

웹 프론트엔드

JS 튜토리얼

Matter.js : 소개를 시작합니다

Matter.js는 JavaScript로 작성된 2D 강성 신체 물리 엔진입니다. 이 라이브러리를 사용하면 브라우저에서 2D 물리학을 쉽게 시뮬레이션 할 수 있습니다. 그것은 단단한 몸체를 생성하고 질량, 면적 또는 밀도와 같은 물리적 특성을 할당하는 능력과 같은 많은 기능을 제공합니다. 중력 마찰과 같은 다양한 유형의 충돌 및 힘을 시뮬레이션 할 수도 있습니다. Matter.js는 모든 주류 브라우저를 지원합니다. 또한, 터치를 감지하고 반응이 좋기 때문에 모바일 장치에 적합합니다. 이러한 모든 기능을 사용하면 엔진 사용 방법을 배울 수있는 시간이 필요합니다. 이는 물리 기반 2D 게임 또는 시뮬레이션을 쉽게 만들 수 있습니다. 이 튜토리얼에서는 설치 및 사용을 포함한이 라이브러리의 기본 사항을 다루고

Mar 08, 2025 am 12:53 AM

CSS 글꼴 크기 : 결정적인 글꼴 크기 가이드

CSS 글꼴 크기 설정은 간단 해 보이지만 실제 작업은 어려워집니다. 많은 개발자들은 시각 효과를 달성하기 위해 글꼴 크기 속성에 대한 반복 조정에 의존하지만 다른 브라우저의 렌더링 결과가 일관되지 않음을 알게됩니다. CSS 글꼴 크기 설정에 대한 깊은 이해는 노력의 절반으로 두 배의 결과를 초래할 것입니다. 핵심 요점 CSS 글꼴 크기 특성은 절대, 상대 및 길이 값을 포함한 다양한 매개 변수를 수용 할 수 있습니다. 명시 적으로 상정되지 않는 한, 요소는 상대적 크기를 지정하는 데 중요합니다. 절대 글꼴 크기 키워드를 사용할 수 있지만 정확한 크기는 브라우저마다 크게 다를 수 있으므로 개발자는 일반적 으로이 거친 접근 방식을 피합니다. 상대 글꼴 크기 키워드 부모 요소 크기에 따라 글꼴 크기를 조정합니다. 할 수 있다

Mar 08, 2025 am 12:52 AM

HTML5 웹 워커와의 JavaScript 스레딩

JavaScript의 Key Points 웹 워커는 브라우저의 강력한 기능으로 개발자가 별도의 스레드에서 진행중인 프로세스를 실행하여 클라이언트 성능을 크게 향상시킬 수 있습니다. 그러나 브라우저 UI 스레드와 독립적으로 실행되며 페이지에서 DOM, 글로벌 변수 또는 JavaScript 함수에 액세스 할 수없는 제한 사항이 있습니다. 전용 웹 워커를 생성하고 통신하기 위해 개발자는 JavaScript 파일 이름을 새로운 인스턴스의 작업자 개체에 전달하고 이벤트 인터페이스를 통해 모든 커뮤니케이션을 처리합니다. 웹 스크립트는 PostMessage () 메소드를 통해 단일 데이터 매개 변수를 전달하고 o를 전달합니다.

Mar 08, 2025 am 12:51 AM

JavaScript의 라인 엔딩

나는 오늘 많은 것을 JavaScript로 라인 엔딩과 싸우는 데 많은 시간을 보냈고 결국 다른 개발자들이 동일한 디버깅 블랙홀에 이르기까지 다른 개발자를 구하기 위해서만 공유 할 가치가있는 몇 가지 결과를 나타 냈습니다. 아시다시피, 겸손한 l

Mar 08, 2025 am 12:49 AM

Ajax의 유용성 및 접근성

Ajax Express 기차는 울부 짖으며 경로에서 어떤 것도 부수겠다고 위협합니다. 최근의 논의는 훌륭한 웹 개발, 유용성 및 접근성의 중요한 요소로 바뀌 었습니다. 접근성은 Ajax의 주요 문제입니다.

Mar 08, 2025 am 12:48 AM

jQuery는 현재 요소의 색인을 얻습니다

jQuery 코드 스 니펫 현재 요소의 색인을 얻습니다. 항상 사용하는 작업에 적합하며 간단히 재사용 기능에 넣을 수 있습니다. $ .fn.getIndex = function () { var $ p = $ (this) .parent (). children (); $ p.index (this)를 반환합니다. }

Mar 08, 2025 am 12:46 AM

jQuery 확인란과 관련된 레이블 텍스트를 얻습니다

간단한 jQuery 코드 스 니펫을 사용하여 확인란과 관련된 태그 텍스트를 얻으십시오. console.log ($ ( 'label [for = "carhirechk"]'). html ()); $ ( "label [for = 'ComedyClubs']") $ ( "label [for = 'this.attr ("id ")']"). attr ( 'class', 'error'); 자세한 내용은 문서를 참조하십시오 : http://api.jquery.com/ne

Mar 08, 2025 am 12:44 AM

내부 링크를 JavaScript로 부드럽게 스크롤하게 만듭니다

긴 문서를 탐색 할 때, 사용자는 종종 같은 문서의 다른 위치로 이동하는 링크를 클릭 할 때 혼란스러워 지거나 혼란스러워합니다. 같은 페이지에 있습니까? 아니면 다른 페이지에 있습니까? 여기에서 더 스크롤해야합니까?

Mar 08, 2025 am 12:43 AM

10 JQuery Fun 및 Games 플러그인

10 재미있는 jQuery 게임 플러그인 웹 사이트를보다 매력적으로 만들고 사용자 끈적함을 향상시킵니다! Flash는 여전히 캐주얼 웹 게임을 개발하기위한 최고의 소프트웨어이지만 JQuery는 놀라운 효과를 만들 수 있으며 Pure Action Flash 게임과 비교할 수는 없지만 경우에 따라 브라우저에서 예기치 않은 재미를 가질 수 있습니다. jQuery tic 발가락 게임 게임 프로그래밍의 "Hello World"에는 이제 jQuery 버전이 있습니다. 소스 코드 jQuery Crazy Word Composition 게임 이것은 반은 반은 게임이며, 단어의 맥락을 알지 못해 이상한 결과를 얻을 수 있습니다. 소스 코드 jQuery 광산 청소 게임

Mar 08, 2025 am 12:42 AM

JavaScript의 정교한 정렬

JavaScript의 분류 메커니즘은 간단하고 사용하기 쉽지만 강력하고 유연한 기능이 포함되어 있습니다. Sort () 메소드는 배열을 알파벳순 또는 숫자로 정렬 할 수있을뿐만 아니라 사용자 정의 조건부 논리에 따라 임의로 정렬 할 수 있습니다. 핵심 포인트 : JavaScript의 SORT () 함수는 조건부 로직을 기반으로 정의 된 사용자 정의 배열을 포함하여 다양한 방식으로 배열을 구성하는 유연한 도구입니다. 정렬 () 함수는 각 작업에서 두 값 (a 및 b)을 비교하여 작동합니다. 함수가 0보다 작아지면 A는 0보다 크게 반환되면 B가 a; Javascr

Mar 08, 2025 am 12:40 AM

jQuery 시차 자습서 - 애니메이션 헤더 배경

이 튜토리얼은 jQuery를 사용하여 매혹적인 시차 배경 효과를 만드는 방법을 보여줍니다. 우리는 멋진 시각적 깊이를 만드는 계층화 된 이미지가있는 헤더 배너를 만들 것입니다. 업데이트 된 플러그인은 jQuery 1.6.4 이상에서 작동합니다. 다운로드

Mar 08, 2025 am 12:39 AM

자동 확장 Textarea JQuery 플러그인, 1 부를 구축하는 방법

텍스트 영역을 자동으로 확장하는 것은 Facebook과 같은 사이트에서 매우 인기가 있습니다. 텍스트 영역 상자의 높이는 사용자가 입력 한 텍스트의 양에 따라 확장되고 줄어 듭니다. 여기에는 몇 가지 장점이 있습니다. 귀하의 페이지 디자인은 큰 텍스트 영역 상자에 의해 지배되지 않습니다. 여러 텍스트 영역이있는 온라인 양식은 더 짧고 완료하기가 쉽습니다. 사용자는 스크롤하지 않고 모든 텍스트를 볼 수 있습니다. 확장 된 텍스트 영역 데모보기 ... 이 세 부분으로 구성된 튜토리얼은 HTML 및 재사용 가능한 jQuery 플러그인을 사용하여 자동으로 확장 된 텍스트 영역을 구축하는 방법에 대해 설명합니다. 세 번째 부분이 끝날 무렵, 당신은 그것이 어떻게 작동하는지 이해하고 자신의 프로젝트에서 사용할 수있는 코드를 가질 것입니다. 필요 모든 훌륭한 개발자와 마찬가지로 우리는해야합니다

Mar 08, 2025 am 12:38 AM

웹 디자이너를위한 10 개의 온라인 CSS3 도구

10 개의 온라인 CSS3 디자인 도구를 사용하면 많은 사람들에게 웹 페이지를 효율적으로 만들 수 있으므로 웹 디자인은 쉽지 않습니다. 낙담하지 마십시오! 수많은 온라인 CSS3 디자인 도구가 요청하여 디자인 문제를 쉽게 충족시킬 수 있도록 도와줍니다. 이 기사는 학습에 도움이 될뿐만 아니라 업무 효율성을 크게 향상시키는 10 가지 실용 도구를 소개합니다. 지금 창의적인 여행을 시작하십시오! 관련 기사 : 10 IE CSS3 및 HTML5 최신 브라우저 에뮬레이터- 10 개의 온라인 도구 CSS-5 온라인 AJAX로드 애니메이션 생성기 CSS3 생성기 CSS3 생성기를 도와주는 온라인 도구이 간단한 도구는 다양한 크로스 브라우저 호환 CSS3 코드 (예 : 라운드 보드, 텍스트 그림자 등)를 생성 할 수 있습니다.

Mar 08, 2025 am 12:37 AM

jQuery는 이미지로드 후 코드를 실행합니다

일부 코드를 실행하기 전에 이미지가로드 될 때까지 간단한 jQuery 코드 스 니펫. 유일한 단점은 이미지 이름 (확장자 포함)을 제공해야한다는 것입니다. $ ( '#myimage'). attr ( 'src', 'image.jpg'). load (function () { // 코드를 실행합니다 경고 ( 'imag

Mar 08, 2025 am 12:35 AM