홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • 캔버스를 사용하여 이미지를 압축하는 html5용 샘플 코드

    캔버스를 사용하여 이미지를 압축하는 html5용 샘플 코드

    이틀 전 업로드를 위해 이미지를 base64로 변환하는 기능을 만들었는데, 이미지의 base64가 너무 크면 요청 속도가 매우 느려지고 타임아웃이 심각하게 발생한다는 사실을 발견하여 이미지를 압축해볼까 하는 생각을 하게 되었습니다. 다음은 캔버스를 사용하여 이미지를 압축할 때 발생하는 몇 가지 문제입니다.
    2025-02-04
  • Canvas에서 베지어 곡선 궤적 애니메이션을 구현하기 위한 샘플 코드

    Canvas에서 베지어 곡선 궤적 애니메이션을 구현하기 위한 샘플 코드

    최근에 구현한 아래 그림의 효과를 여러분과 공유하고 싶습니다. 아래 그림에서 곡선의 애니메이션을 그리려면 매번 짧은 선을 그려서 연결하면 아래 그림이 됩니다. 5개의 세그먼트로 분할한 다음 10개의 세그먼트로 분할한 경우 섹션을 그릴 때마다 이차 베지어 곡선/** * 이차 베지어 곡선 애니메이션* @param {Arra
    2025-02-04
  • html5의 캔버스 차트에 막대 차트를 구현하는 예

    html5의 캔버스 차트에 막대 차트를 구현하는 예

    며칠 전에 차트 라이브러리를 사용했는데 그중 Baidu의 ECharts가 가장 좋은 것 같습니다. 기본적으로 캔버스를 사용합니다. 빅 데이터 처리에는 캔버스 차트가 더 좋습니다. 그런 다음 캔버스를 사용하여 차트 라이브러리를 구현하겠습니다. 먼저 간단한 막대 차트를 구현해 보겠습니다. 효과는 다음과 같습니다: 주요 기능 포인트는 다음과 같습니다: 텍스트
    2025-02-04
  • [type = file]을 열 때 느리고 말더듬의 문제를 빠르게 해결하십시오.

    [type = file]을 열 때 느리고 말더듬의 문제를 빠르게 해결하십시오.

    입력 레이블 유형에서 파일을 업로드하는 경우 속성 Accpet = Image/*가 파일을 업로드하는 것이고 로컬 폴더를 여는 속도가 특히 느립니다. 테스트 후 Safari, Firefox, Chrome (Opera Old Flashback이 왜 Mac에 붙어 있지 않은지 모르겠다)
    2025-02-04
  • 흡입구 변환 압축 디지털 기능을 사용하여 공유하십시오

    흡입구 변환 압축 디지털 기능을 사용하여 공유하십시오

    다음과 같이 코드 코드 복사 : 함수 zipnum (num, radix) {if (! zipnum.zip) {zipnum.zip = function (inputnum) {iftnum> 35) {// 대문자 36-61ret을 나타냅니다 36-61ret
    2025-02-04
  • HTML5의 새로운 레이블은 무엇입니까?

    HTML5의 새로운 레이블은 무엇입니까?

    오늘 9 개의 새로운 레이블을 배웠습니다.<audio> 간단히 말해서, 일반적으로 사용되는 주요 속성은 SRC = 오디오 경로 컨트롤입니다.
    2025-02-04
  • JS Showmodaldialog 깨진 창 예제 예

    JS Showmodaldialog 깨진 창 예제 예

    showmodaldialog : 모드 창, 매우 특수한 창이 열리면 현재 모드 창이 닫히지 않으면 부모의 형태를 구현할 수 있습니다. 형성 또는 온라인 질문과 비슷한 창을 만듭니다
    2025-02-04
  • 0에서 사용자 정의 HTML5 플레이어에 대한 샘플 코드 구현

    0에서 사용자 정의 HTML5 플레이어에 대한 샘플 코드 구현

    이 공유는 HTML5 레이블을 기반으로하는 사용자 정의 비디오 플레이어입니다. 그중에서도 일시 정지 재생, 진행률 드래그, 볼륨 제어 및 전체 화면과 같은 기능이 구현됩니다. 효과 미리보기 포인트 소스 코드 창고를 확인합니다. 맞춤형 플레이어를 만드는 데 노출되지 않은 일부 어린이 신발이 여기에 머물게 될 것이라고 생각합니다.
    2025-02-04
  • Html5 페이지에서 JSON 애니메이션을 사용하여 구현

    Html5 페이지에서 JSON 애니메이션을 사용하여 구현

    문제 배경 어느 날 우리 UI 디자이너가 나에게 와서 프로그램에서 작성한 애니메이션을 그들이 나에게 준 json 애니메이션으로 교체해야 한다고 말했습니다. 그 이유는 일부 애니메이션은 매우 복잡하고 직접 작성하면 기대에 미치지 못하기 때문입니다. .Effect (이 글을 쓰다가 문득 이렇게 복잡한 애니메이션에 gif를 사용하면 어떨까 하는 생각이 들었습니다... 맞은편에 앉은 안드로이드 개발자님.
    2025-02-04
  • HTML5를 기반으로 한 JSON 및 ECHARTS 차트는 동일한 인터페이스에 표시됩니다.

    HTML5를 기반으로 한 JSON 및 ECHARTS 차트는 동일한 인터페이스에 표시됩니다.

    갑자기 아이디어가 있습니다. 동일한 인터페이스에 다른 지식 포인트를 넣고 상자에 넣을 수 있다면, 무엇이든보고 싶다면 직접 표시 할 수 있으며이 상자를 열 수 있어야합니다. 본질 나는 HT를 사용하여 수백 줄 이상의 코드로 내 아이디어를 실현 했으므로이 효과가 거의 없다고 생각합니다. 효과를 먼저 살펴 보겠습니다
    2025-02-04
  • document.getElementById 등 다양한 브라우저의 메소드 구현 차이 분석

    document.getElementById 등 다양한 브라우저의 메소드 구현 차이 분석

    모든 웹 프런트 엔드 동료는 document.getElementById에 매우 익숙합니다. 개발 과정에서 페이지 ID가 xx인 요소를 얻기 위해 종종 이를 사용해야 합니다. 베테랑 JS 라이브러리인 Prototype이 인기를 얻었기 때문에 모두가 다음과 같이 코드 코드를 복사하는 것을 좋아합니다. // 방법 1 기능
    2025-02-04
  • 웹 표준을 준수하는 하이퍼링크

    웹 표준을 준수하는 하이퍼링크

    HTML 4.0 Strict 및 XHTML 1.0 STRICT에서는 <a>target 속성을 태그에 사용할 수 없습니다. 이는 웹 디자이너에게는 실망스러운 일이지만, 특정 방법을 통해 이 문제를 해결할 수 있습니다. 질문은 HTM14.0 사양에서 가져옵니다.</a>
    2025-02-04
  • JS는 JS의 기본 이벤트를 방지하여 버블 링 예제를 중지하여 JS를 공유하여 버블 링 이벤트를 중지합니다.

    JS는 JS의 기본 이벤트를 방지하여 버블 링 예제를 중지하여 JS를 공유하여 버블 링 이벤트를 중지합니다.

    1. event.preventDefault () - 요소를 방지하기위한 기본 이벤트. 참고 : A 요소 점프의 기본 이벤트, 버튼, 라디오 및 기타 양식 요소와 같은 양식 요소의 기본 이벤트에는 DIV 요소에 기본 이벤트가 없습니다.
    2025-02-04
  • Javascript 변수 범위에 대한 자세한 설명

    Javascript 변수 범위에 대한 자세한 설명

    변수의 범위는 변수의 가시성을 말하며, 수명주기(생존 기간)는 변수를 다른 관점에서 살펴봅니다. JS에서 변수의 범위는 전역 변수와 지역 변수로 구분됩니다. 함수 내에서 정의된 변수를 지역 변수, 함수 외부에서 정의된 변수를 전역 변수라고 합니다. ("외부 함수를 전역 변수라고 합니다"는 상대적이며 여기서 논의되는 전제는 var를 사용하여 명시적으로 선언하는 것입니다.
    2025-02-04
  • 캔버스를 사용하여 온라인 서명을 구현하는 방법에 대한 샘플 코드

    캔버스를 사용하여 온라인 서명을 구현하는 방법에 대한 샘플 코드

    컴퓨터와 네트워크 기술의 급속한 발전으로 종이 없는 사무실에서 온라인 서명 기술이 점점 더 많이 사용되고 있습니다. 이러한 직관적이고 편리한 조작은 사무실 효율성을 크게 향상시킬 뿐만 아니라 디지털 저장 방식을 사용하여 저장 및 검색의 어려움과 같은 전통적인 문제를 방지합니다. 종이 서명. 일상 생활에는 다음과 같은 온라인 서명 기술이 사용되는 많은 시나리오가 있습니다.
    2025-02-04