홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • HTML 페이지는 JS 및 CSS 파일의 캐시를 자동으로 정리합니다 (자동 추가 버전 번호)

    HTML 페이지는 JS 및 CSS 파일의 캐시를 자동으로 정리합니다 (자동 추가 버전 번호)

    웹 프로젝트를 개발하는 동안 CSS 및 JS 파일을 업데이트 한 후에는 종종 캐시 문제가 발생하지만 브라우저에서 액세스 할 때는 변경되지 않았습니다 두 가지 두 가지 솔루션에 이어 : 1. 브라우저 캐시를 수동으로 지우십시오. 2. 버전 번호 (예 : layout.css? v
    2025-01-29
  • js는 입력이 휴대폰 번호인지 전화번호인지 확인합니다.

    js는 입력이 휴대폰 번호인지 전화번호인지 확인합니다.

    코드는 다음과 같습니다. 코드를 복사하세요. 코드는 다음과 같습니다.<script type="text/javascript"> String.prototype.Trim = function() { var m = this.match(/^/s*(/S+(/s+/S+
    2025-01-29
  • HTML5 캔버스를 사용하여 원형 차트를 동적으로 그리는 샘플 코드

    HTML5 캔버스를 사용하여 원형 차트를 동적으로 그리는 샘플 코드

    이 기사에서는 HTML5 캔버스를 사용하여 동적으로 원형 차트를 그리는 샘플 코드를 소개하고 있으며, 자세한 내용은 다음과 같습니다. 먼저 렌더링을 살펴보겠습니다. 이는 jquery와 같은 타사 라이브러리를 참조하지 않습니다. DOM 작업과 캔버스의 특성을 사용하여 작성되었습니다. 캔버스에 그린 원은 크게 속이 빈 원과 속이 빈 원으로 구분됩니다. 수요 분석에 따르면 우리는 순환이 실제로 존재한다는 것을 알고 있습니다.
    2025-01-29
  • IE 및 FF에서의 onchange 이벤트 성능 및 솔루션 정보

    IE 및 FF에서의 onchange 이벤트 성능 및 솔루션 정보

    최근 프로젝트에는 다음과 같은 기능적 점이 있습니다. 사용자가 확인란을 선택하거나 선택 취소하면 jsonp 요청이 백그라운드로 전송됩니다. 당시 구현은 이 체크박스에 onchange 이벤트를 추가하는 것이었지만 결과는 의외였기 때문에 심층적인 연구를 진행했습니다.
    2025-01-29
  • CSS+JS는 부분 영역 강조 표시 및 편집 가능한 마스크 레이어를 실현합니다.

    CSS+JS는 부분 영역 강조 표시 및 편집 가능한 마스크 레이어를 실현합니다.

    CSS나 jquery로 구현할 수 있는 마스크 레이어 같은 공통 기능은 다들 해보셨을 거라 생각합니다. 구현 방법은 다양합니다. 여기 http://프로젝트에서 구현한 방법 중 일부를 소개하겠습니다. 작동 가능하고 매우 실용적입니다. 효과는 다음과 같습니다. js 구현 부분: 다음과 같이 코드를 복사합니다.
    2025-01-29
  • HTML5 캔버스 그리기의 기본 사용법에 대한 자세한 설명

    HTML5 캔버스 그리기의 기본 사용법에 대한 자세한 설명

    <canvas></canvas>사실 이 태그는 다른 태그와 동일합니다. 특별한 특징은 이 태그가 JavaScript 스크립트를 통해 제어할 수 있는 CanvasRenderingContext2D 개체를 얻을 수 있다는 것입니다.
    2025-01-29
  • HTML5 Geolocation을 사용하여 거리 추적기 구현

    HTML5 Geolocation을 사용하여 거리 추적기 구현

    HTML5 Geolocation은 사용자의 위치를 ​​찾는 데 사용됩니다. 그렇다면 거리 추적기를 구현하는 방법은 무엇입니까? 내 생각은 브라우저가 h5 위치 정보를 지원한다는 것입니다. 이를 기반으로 사용자의 위치가 업데이트되고 거리가 계산되어 페이지에 표시됩니다. 간단하게 구현되었습니다.
    2025-01-29
  • 캔버스 기반 비디오 마스크 플러그인에 대한 자세한 설명

    캔버스 기반 비디오 마스크 플러그인에 대한 자세한 설명

    영상에 오버레이를 추가해 영상의 특정 영역을 차단합니다. 10분~20분 등 영상의 특정 시간 동안은 구분된 영역이 표시되지 않습니다. 적용 시나리오에는 위성 TV 아이콘 차단, 비디오 오른쪽 하단의 광고 차단, 모자이크 역할 등이 포함됩니다. 긴 비디오에는 각각 특정 표시 시간이 있는 여러 개의 마스크가 포함될 수 있습니다(여기
    2025-01-29
  • JS는 숫자를 3자리 쉼표로 구분된 스타일로 변환합니다(샘플 코드)

    JS는 숫자를 3자리 쉼표로 구분된 스타일로 변환합니다(샘플 코드)

    다음과 같이 코드를 복사합니다. function formatNum(num){ if(!/^(/+|-)?(/d+)(/./d+)?$/.test(num)){alert("wrong!" ) ; 숫자 반환;} var a = RegExp.$
    2025-01-29
  • select의 현재 값을 얻기 위한 javascript의 샘플 코드(IE/Firefox/Opera/Chrome과 호환 가능)

    select의 현재 값을 얻기 위한 javascript의 샘플 코드(IE/Firefox/Opera/Chrome과 호환 가능)

    JavaScript는 Select의 현재 값을 가져옵니다. var value = document.getElementById("select").options[document.getElementById("select").options.
    2025-01-29
  • 클라이언트가 iOS, Android 등 모바일 단말인지 확인하는 Node.js 메소드

    클라이언트가 iOS, Android 등 모바일 단말인지 확인하는 Node.js 메소드

    판단 원칙: JavaScript는 프론트 엔드 개발의 주요 언어입니다. JavaScript 프로그램을 작성하여 브라우저의 유형과 버전을 판단할 수 있습니다. 일반적으로 JavaScript가 브라우저 유형을 결정하는 방법에는 두 가지가 있습니다. 하나는 다양한 브라우저의 고유한 속성을 기반으로 구분하는 것이고, 다른 하나는 브라우저의 사용자A를 분석하는 것입니다.
    2025-01-29
  • JS를 사용하여 키보드의 상하좌우 키 제어(샘플 코드)

    JS를 사용하여 키보드의 상하좌우 키 제어(샘플 코드)

    이것은 기본적인 JS 코드입니다. JS를 배우고 싶은 친구들은 그것을 공부하거나 확장할 수 있습니다. JS를 사용하여 전체 키보드를 제어하는 ​​것이 가장 좋습니다. 구체적인 코드는 다음과 같습니다. 코드를 복사하면 코드는 다음과 같습니다. <style>tr.highlight{background:#08246B;color:whi
    2025-01-29
  • HTML5 드래그 앤 드롭 기능으로 구현된 퍼즐 게임

    HTML5 드래그 앤 드롭 기능으로 구현된 퍼즐 게임

    구체적인 코드는 다음과 같습니다. <!--代码如下,最下面给出了我测试用的9张250*250的图片切片--><!DOCTYPE html><html><head><meta charset=utf-8><title> 드래그 드래그
    2025-01-28
  • 자바스크립트에서 문자열을 정의하는 예제 코드

    자바스크립트에서 문자열을 정의하는 예제 코드

    다음과 같이 코드 코드를 복사합니다.<html><head><title> 자바스크립트의 문자열 정의</title><script> //定义字符串 //第一种 var str = new Array(); alert(str);//空字符
    2025-01-28
  • 무작위 복권 코드 효과를 달성하는 js 복권

    무작위 복권 코드 효과를 달성하는 js 복권

    무작위로 선택된 간단한 코드입니다. 다음과 같이 코드 코드를 복사합니다.<html><title> 무작위 추첨 절차</title><head><meta http-equiv=Content-Type content="text/html; charset=gb2312">
    2025-01-28