홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • 자바스크립트 텍스트 상자의 입력 방법 전환 문제

    자바스크립트 텍스트 상자의 입력 방법 전환 문제

    ime-mode를 설정하여 페이지 입력 컨트롤에서 입력 방법을 끌 수 있습니다. 입력 방법을 끄려면 < input style ="ime-mode:disabled" > 현재 입력 방법을 사용하려는 경우:<input style="ime-mode:active"> 텍스트 필드인 경우
    2025-01-18
  • 자바스크립트 디지털 형식 출력을 위한 구현 코드

    자바스크립트 디지털 형식 출력을 위한 구현 코드

    다음과 같이 코드 코드를 복사합니다. <script type="text/javascript">var format = function (number, form) {var forms = form.split('.'), number = '' +
    2025-01-18
  • Canvas를 사용하여 단계별로 탐욕스러운 뱀을 작성하는 방법을 가르쳐주세요.

    Canvas를 사용하여 단계별로 탐욕스러운 뱀을 작성하는 방법을 가르쳐주세요.

    예전에 MOOC에서 Canvas 영상을 몇 편 봤는데, 늘 글쓰기 연습을 하고 싶었어요. 저는 Snake가 비교적 단순하다고 생각합니다. 대학에 다닐 때에도 C 언어의 문자 버전을 작성했지만 여전히 많은 문제에 직면했습니다. 최종 효과는 다음과 같습니다. (사진이 너무 크면 시간이 너무 오래 걸립니다. gif 녹화 소프트웨어에는 시간 제한이 있습니다...) 먼저 게임 영역을 정의합니다. 뱀
    2025-01-18
  • rem 적응 레이아웃에 대한 자세한 설명

    rem 적응 레이아웃에 대한 자세한 설명

    오늘날에는 iPhone 시리즈는 물론이고 수많은 종류의 휴대폰이 있고 Android 휴대폰의 종류도 셀 수 없이 많기 때문에 모든 휴대폰에 대해 일련의 레이아웃 스타일을 작성하는 것은 불가능하지만 프런트엔드의 경우에도 마찬가지입니다. 점점 더 우수성을 위해 노력하고 있는 것은 물론 합리적인 해결책을 찾기 위함이라고 합니다. rem은 적응형 레이아웃에 사용됩니다. 달성을 위한 적응
    2025-01-18
  • ExtJS의 드래그 앤 드롭 효과 예

    ExtJS의 드래그 앤 드롭 효과 예

    다음과 같이 코드 코드를 복사합니다.<html><head><title> 안녕하세요</title><meta http-equiv="content-type" content="text/html;charset=utf-8">
    2025-01-18
  • Javascript를 사용하여 페이지 요소의 특정 위치 가져오기

    Javascript를 사용하여 페이지 요소의 특정 위치 가져오기

    웹페이지를 만드는 과정에서 웹페이지에 있는 요소의 정확한 위치를 알아야 할 때가 있습니다. 다음 튜토리얼은 웹 페이지 포지셔닝과 관련된 Javascript 관련 지식을 요약합니다. 1. 웹페이지의 크기와 브라우저 창의 크기 먼저 두 가지 기본 개념을 명확히 해야 합니다. 웹 페이지의 전체 영역은 크기입니다. 일반적으로 웹페이지는
    2025-01-18
  • JavaScript 창 개체 사용 예

    JavaScript 창 개체 사용 예

    창 개체는 JavaScript 브라우저 개체 모델의 최상위 개체이며 많은 일반적인 메서드와 속성을 포함합니다. 1 새 창을 열고 다음과 같이 코드를 복사합니다. window.open(pageURL,name,parameters) 여기서: pageURL은 하위 창 경로 n
    2025-01-18
  • html5 postMessage 프런트엔드 크로스 도메인 및 프런트엔드 수신 방법 예

    html5 postMessage 프런트엔드 크로스 도메인 및 프런트엔드 수신 방법 예

    때로는 프런트엔드 싱글 로그인과 같은 어리석은 요구 사항이 발생할 수도 있습니다. 필요한 경우 솔루션을 생각해야 합니다. 여기에서는 postMessage 도메인 간 정보 전송 및 스토리지 모니터링을 사용하는 간단한 프런트 엔드 단일 로그인 솔루션을 제공합니다. 이 기사에서 사용된 지식 포인트는 Koa의 정적 리소스 서비스 설정, 크로스 도메인, p입니다.
    2025-01-18
  • HTML5 IndexDB를 사용하여 이미지와 파일을 저장하는 예

    HTML5 IndexDB를 사용하여 이미지와 파일을 저장하는 예

    지난번에 우리는 localStorage에 이미지와 파일을 저장하는 방법에 대해 썼는데, 그것은 오늘날 우리가 사용할 수 있는 실용주의에 관한 것이었습니다. 그러나 localStorage는 성능에 몇 가지 영향을 미칩니다. 이에 대해서는 이후 블로그에서 논의할 예정이며, 앞으로 원하는 접근 방식은 IndexedDB를 사용하는 것입니다.
    2025-01-18
  • JavaScript의 값별 전달 및 참조별 전달에 대한 심층적인 이해

    JavaScript의 값별 전달 및 참조별 전달에 대한 심층적인 이해

    1. 값별 변수의 값은 복사되며 원래 값과 아무런 관련이 없습니다. 즉, 새 값이 수정되더라도 원래 값은 변경되지 않습니다. JavaScript에서는 기본 유형이 Passing입니다. 다음과 같이 코드를 복사합니다. function testPassValue(){var m=
    2025-01-18
  • HTML로 양식 제출 구현

    HTML로 양식 제출 구현

    양식 제출 코드 1. 소스 코드 분석<!DOCTYPE html><html lang=en><head><meta charset=UTF-8>
    2025-01-18
  • 캔버스 퍼즐 기능 구현 코드 예시

    캔버스 퍼즐 기능 구현 코드 예시

    최근 프로젝트를 진행하면서 사진 콜라주 기능을 접하게 되었는데, 여기에 캡슐화된 캔버스 콜라주 기능을 공유하겠습니다. 궁금한 점이 있거나 더 나은 방법이 있으면 저에게 개인적으로 채팅을 하셔도 됩니다. 또는 구현 아이디어에 감사하다는 댓글이 있었습니다. 실제로는 매우 간단합니다. 주로 서버를 통해 이미지 링크, 이미지 너비 및 이미지 높이를 얻습니다.
    2025-01-18
  • HTML 스크린샷을 찍어 로컬 이미지로 저장하기 위한 구현 코드

    HTML 스크린샷을 찍어 로컬 이미지로 저장하기 위한 구현 코드

    구체적인 코드는 다음과 같습니다.<!DOCTYPE html><html><head><meta charset=UTF-8><title> html2canvas_download</title>
    2025-01-18
  • 캔버스 픽셀 화판 구현 코드

    캔버스 픽셀 화판 구현 코드

    최근 프로젝트에서는 작은 픽셀 격자를 지울 수 있고, 프레임 선택의 색상을 변경하며, 다양한 그래픽을 지울 수 있는 픽셀 스타일의 드로잉 보드를 구현하고 싶습니다. 이러한 작은 프로젝트는 단순해 보일 수 있지만 많은 내용을 포함하고 있습니다. 것들. 픽셀 그리드를 그리려면 먼저 픽셀 그리드 하위 클래스 Pixel = function (option) { this를 정의합니다.
    2025-01-18
  • 자바스크립트에서 이해하기 어려운 11가지 문제 분석하기

    자바스크립트에서 이해하기 어려운 11가지 문제 분석하기

    1. 원래 값과 참조 값 원래 값은 스택에 저장되고 참조 값은 힙에 저장됩니다. 예를 들어 프로그램은 다음과 같이 코드를 복사합니다. function Person(id,name,age){this. .id = id;this.name = 이름 ;this.age = 나이;}va
    2025-01-18