홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • 캔버스 서치라이트 효과의 샘플 코드

    캔버스 서치라이트 효과의 샘플 코드

    캔버스의 클립() 메서드는 원본 캔버스에서 임의의 모양과 크기를 자르는 데 사용됩니다. 특정 영역이 잘리면 이후의 모든 그림은 잘린 영역으로 제한됩니다(캔버스의 다른 영역에는 액세스할 수 없음). 또한,clip() 메서드를 사용하기 전에 save() 메서드를 사용하여 현재 캔버스를 저장할 수도 있습니다. 영역에 저장하고
    2025-01-16
  • HTML5 Geolocation API의 올바른 사용

    HTML5 Geolocation API의 올바른 사용

    Geolocation은 기기의 현재 위치 정보(좌표)를 가져오는 데 사용할 수 있는 HTML5 표준에 따른 웹 API입니다. 이 API에는 getCurrentPosition, watchPosition 및 ClearWatch의 세 가지 메서드가 있으며, 그 중 가장 일반적으로 사용되는 것은 getCur입니다.
    2025-01-16
  • JavaScript 32비트 정수 무부호 연산 예

    JavaScript 32비트 정수 무부호 연산 예

    JavaScript에서 모든 정수 변수는 기본적으로 부호 있는 정수입니다. 이것은 무엇을 의미합니까? 부호 있는 정수는 31비트를 사용하여 정수 값을 나타내고, 비트 32는 정수의 부호를 나타냅니다. 0은 양수를 나타내고 1은 음수를 나타냅니다. 값 범위는 -2^31 - 2^31-1, 즉 -21474입니다.
    2025-01-16
  • html5+css로 가운데는 크고 가운데는 작은 회전목마 효과를 얻는 방법

    html5+css로 가운데는 크고 가운데는 작은 회전목마 효과를 얻는 방법

    국제관례에 따르면, 먼저 말을 하지 말고 그냥 계속 자위를 하면 효과가 가장 좋습니다. CSS:<style> *{margin: 0;padding: 0} .wrap{ } .container{ width: 100%;
    2025-01-16
  • Node.js 빠른 정렬 구현 코드

    Node.js 빠른 정렬 구현 코드

    그러나 이를 명확하게 설명하지 않는 책이 많고, 교재마다 구현 방법이 다릅니다. 여기에는 참고용으로 가장 간단한 빠른 정렬 아이디어를 적어 보겠습니다. 어떤 언어를 사용하든 이 간단한 코드에서 빠른 정렬 아이디어와 작성 방법을 쉽게 파악할 수 있기를 바랍니다. 다음과 같이 코드를 복사하세요.
    2025-01-16
  • HTML에서 2열 레이아웃을 구현하는 방법의 예(왼쪽은 고정 너비, 오른쪽은 적응형)

    HTML에서 2열 레이아웃을 구현하는 방법의 예(왼쪽은 고정 너비, 오른쪽은 적응형)

    HTML은 왼쪽에 고정 너비가 있고 오른쪽에 적응형 구현이 있는 2열 레이아웃을 구현합니다.<style> body, html{padding:0; margin:0;} // 根据CSS定位,利用浮动或绝对定位,使左侧的块元素脱离常规文档流,可以与右边块元素并列
    2025-01-16
  • 캔버스가 Tetris를 구현하는 방법의 예

    캔버스가 Tetris를 구현하는 방법의 예

    오랫동안 캔버스를 사용하지 않았기 때문에 작은 게임 테트리스를 작성하면서 캔버스에 다시 익숙해졌습니다. 어느 정도 캔버스 기반이 있다면 구현하는 것은 어렵지 않습니다. 원리에 대한 자세한 설명. 게임의 최종 인터페이스를 살펴보면 다음과 같은 주요 기능을 구현해야 함을 알 수 있습니다. 12 * 20 정사각형인 게임 패널 및 정사각형 정보가 채워져 있는지 여부
    2025-01-16
  • WordPress에 강력한 Web 2.0 기능 추가

    WordPress에 강력한 Web 2.0 기능 추가

    최근 발견된 WordPress 플러그인 Lifestream은 Friendfeed와 유사한 기능을 수행하여 WordPress에 사용하는 많은 Web2.0 서비스의 동적 통합을 표시할 수 있습니다. Lifestream은 기본적으로 꽤 많은 Web2.0 서비스를 지원합니다.
    2025-01-16
  • HTML5 타이머 requestAnimationFrame 사용에 대한 심층적인 이해

    HTML5 타이머 requestAnimationFrame 사용에 대한 심층적인 이해

    서문 타이머는 항상 JavaScript 애니메이션의 핵심 기술이었습니다. 애니메이션 루프 작성의 핵심은 지연 시간이 얼마나 긴지 아는 것입니다. 한편으로는 루프 간격이 충분히 짧아서 다양한 애니메이션 효과가 부드럽게 표시되어야 하고, 반면에 루프 간격은 브라우저가 결과 변경 사항을 렌더링할 수 있을 만큼 충분히 길어야 합니다. 최대
    2025-01-16
  • 캔버스를 이용하여 간단한 포스터 그리는 법을 손잡고 가르쳐 드리겠습니다.

    캔버스를 이용하여 간단한 포스터 그리는 법을 손잡고 가르쳐 드리겠습니다.

    라라라, 먼저 요구 사항에 대해 이야기해 보겠습니다. 이 제품은 사용자가 앱 내의 WeChat, QQ 및 기타 플랫폼에 사진을 공유하기를 원합니다. 이미지에는 사용자의 이름, 아바타, 사용자 정보가 포함된 QR 코드가 포함되어 있습니다. 그럼 이 포스터를 생성하는 방법~~~우선 우리 상사가 html2canvas라는 플러그인이 있는데 그 기능이 dom을 변환하는 기능이라고 하더군요.
    2025-01-16
  • IE9: Acid3가 중요하지 않은 이유

    IE9: Acid3가 중요하지 않은 이유

    Microsoft IE9의 개발 방향은 매우 명확합니다. HTML5를 지원하고 표준을 지원하는 것입니다. 이번 주 MIX10에서 IE 프로젝트 관리자인 Dean Hachamovitch는 이렇게 말했습니다. IE9을 개발하면서 Microsoft는 실제 요구 사항에 초점을 맞추기 시작했습니다. 그들은 전 세계 상위 7,000개 웹 사이트를 실시간으로 모니터링하고 그들이 사용하는 모든 JavaScript 및 DOM API를 분석하고 이에 대한 포괄적인 지원을
    2025-01-16
  • DIV+CSS는 일반적으로 사용되는 HTML 웹 페이지 레이아웃 코드입니다.

    DIV+CSS는 일반적으로 사용되는 HTML 웹 페이지 레이아웃 코드입니다.

    단일 행과 열. 다음은 참조 조각입니다. body { margin: 0px: text-align: center;
    2025-01-16
  • 캔버스 globalCompositeOperation

    캔버스 globalCompositeOperation

    기본적으로 개체(소스)가 Canvas에서 다른 개체(대상) 위에 그려지면 브라우저는 단순히 대상 개체의 이미지 위에 소스 개체의 이미지를 오버레이합니다. 간단히 말하면 Canvas에서는 이미지 소스와 대상 이미지가 Canvas의 globalComposite를 통해 전달됩니다.
    2025-01-16
  • Javascript에서 배열을 복제하기 위한 구현 코드

    Javascript에서 배열을 복제하기 위한 구현 코드

    2008년 어느 회사의 JS 면접 질문입니다. 포지션은 JavaScript 엔지니어였습니다. (Google로 이동) 면접관이 저에게 배열을 복제하는 방법을 물었습니다. 당시 js의 객체에는 복제가 없습니다. 메소드이지만 Java의 객체는 그렇습니다. 그렇다면 새로운 배열을 어떻게 얻습니까? 당시 나는 대답했다: 루프를 사용하여 소스 배열 요소를 변환
    2025-01-16
  • JavaScript에서 동일한 이름을 가진 식별자의 우선순위에 대한 간략한 분석

    JavaScript에서 동일한 이름을 가진 식별자의 우선순위에 대한 간략한 분석

    1. 지역 변수를 먼저 사용한 후 선언하므로, 같은 이름의 외부 변수에는 영향을 미치지 않습니다. var x = 1 // --> 외부 변수 x function fn(){ Alert(x) ); // --> 정의되지 않은 지역 변수 x는 먼저 var x = 2를 사용합니다.
    2025-01-16