홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • Html5 캔버스를 기반으로 사진과 모자이크를 자르고 사진을 클라우드에 업로드하는 기능이 구현됩니다.

    Html5 캔버스를 기반으로 사진과 모자이크를 자르고 사진을 클라우드에 업로드하는 기능이 구현됩니다.

    1. 핵심 기능 이 구성 요소의 기능은 다음과 같습니다. 이미지 자르기(자르기 상자를 드래그하면 자르기 상자의 크기가 변경됨) 이미지 모자이크(모자이크 그리기, 모자이크 지우기) 이미지 미리보기, 이미지 복원(원본 이미지로 돌아가기) 처리된 이미지) 이미지 업로드(서명 받기, 사진 업로드) 2. 핵심 로직 2.1 자르기 프레임(직사각형)을 얻기 위한 이미지 자르기
    2025-01-26
  • Node.js 종료 또는 새로 고침 페이지 감지(FF, IE, Chrome과 호환 가능)

    Node.js 종료 또는 새로 고침 페이지 감지(FF, IE, Chrome과 호환 가능)

    다음과 같이 코드 코드를 복사합니다. <!DOCTYPE html><html><head><script>function closeIt(){return "Any string value here forces a dialog box to /n"
    2025-01-26
  • Canvas에 이벤트를 추가하는 방법의 예

    Canvas에 이벤트를 추가하는 방법의 예

    프런트엔드에서는 요소에 이벤트를 추가하는 것이 일반적입니다. 하지만 Canvas에서는 이벤트 추가는커녕 거기에 그려진 어떤 것도 얻을 수 없으므로 우리는 그것에 대해 속수무책입니까? 물론 그렇지 않습니다! 우리는 일상적인 프로젝트에서 많은 Canvas 프레임워크를 사용했을 것입니다. 그리고 이러한 프레임워크에서 이벤트가 사용되었음을 발견했습니다.
    2025-01-26
  • Native JS는 웹 페이지를 작동하여 p 요소에 onclick 이벤트를 추가하고 행마다 테이블 색상을 변경합니다.

    Native JS는 웹 페이지를 작동하여 p 요소에 onclick 이벤트를 추가하고 행마다 테이블 색상을 변경합니다.

    1. 웹 페이지의 모든 p 요소에 onclick 이벤트를 추가합니다. 다음과 같이 코드를 복사합니다: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><html><head>
    2025-01-26
  • 놓칠 수 없는 100가지 실용적인 JS 사용자 정의 기능

    놓칠 수 없는 100가지 실용적인 JS 사용자 정의 기능

    1. 기본 JavaScript는 다음과 같이 문자열 길이 차단 및 코드 복사를 구현합니다. function cutstr(str, len) {var temp;var icount = 0;var patrn = /[^/x00-/xff]/;var strre
    2025-01-25
  • 이벤트 altKey,ctrlKey,shiftKey 속성 분석

    이벤트 altKey,ctrlKey,shiftKey 속성 분석

    event.altKey 함수: 이벤트 발생 시 Alt 키가 눌렸는지 감지합니다. 구문: event.altKey 값: true | false 설명: altKey 속성은 이벤트가 발생할 때 Alt 키를 누르고 있었음을 나타내려면 true이고, Alt 키를 누르지 않았음을 나타내려면 false입니다. 알트케
    2025-01-25
  • js에서 URL이 유효한지 확인하는 두 가지 방법

    js에서 URL이 유효한지 확인하는 두 가지 방법

    방법 1: (ie에만 적용 가능) 다음과 같이 코드를 복사합니다. function CheckStatus(url){XMLHTTP = new ActiveXObject("Microsoft.XMLHTTP")XMLHTTP.open("HEAD",url,f
    2025-01-25
  • pre 및 textarea와 같은 HTML 요소를 만드는 방법 스크롤 막대를 제거하고, 자동으로 줄 바꿈하고, 텍스트 내용의 높이를 조정하는 방법

    pre 및 textarea와 같은 HTML 요소를 만드는 방법 스크롤 막대를 제거하고, 자동으로 줄 바꿈하고, 텍스트 내용의 높이를 조정하는 방법

    HTML의 사전 및 텍스트 영역은 미리 서식이 지정된 텍스트를 표시할 수 있습니다. 즉, 공백과 줄 바꿈을 유지합니다. HTML 요소를 추가하는 대신 줄 바꿈 및 인쇄 공백을 추가할 수 있습니다. pre가 스크롤 막대를 제거하면 텍스트 내용이 미리 표시되고 자동으로 줄 바꿈되지 않습니다. 이때 일부 CSS를 추가하여 문제를 해결할 수 있습니다.<pre> 우리
    2025-01-25
  • Html5 페이지의 반환 구현 방법

    Html5 페이지의 반환 구현 방법

    이 제목을 보면 도대체 이게 무슨 일인가 하는 생각이 드실 겁니다. 실제로 제가 말하고 싶은 것은 아래 기록을 보세요. 이러한 종류의 상호 작용은 H5 페이지 어디에서나 나타납니다. 도시를 클릭하고 -> 도시 선택 플로팅 레이어를 팝업하고 -> 돌아가기 버튼을 눌러 플로팅을 닫습니다. 층. Fliggy의 H5는 앞으로 가고 돌아올 때 팝업 레이어를 표시합니다.
    2025-01-25
  • JavaScript의 정의되지 않은 학습 요약

    JavaScript의 정의되지 않은 학습 요약

    선언되지 않은 변수를 사용한 경우, 선언은 했지만 값을 할당하지 않은 변수를 사용한 경우, 존재하지 않는 객체 속성을 사용한 경우 반환되는 값입니다. 정의되지 않음과 null이 동일하지 않더라도 == 연산자는 둘을 동일하게 처리합니다(예: my.prop == null인 경우).
    2025-01-25
  • JS 윈도우 객체의 top, parent, opener의 의미 소개

    JS 윈도우 객체의 top, parent, opener의 의미 소개

    1.top 이 변경 사항은 항상 분할 창의 최상위 수준에 있는 브라우저 창을 참조합니다. 분할 창의 최상위 수준에서 명령을 실행하려는 경우 top 변수를 사용할 수 있습니다. 2.openeropener는 window.open 페이지에서 window.open 메소드를 실행하는 페이지의 객체를 참조하는데 사용됩니다. 예: 페이지 A
    2025-01-25
  • Html5의 video 태그 속성과 메소드에 대한 자세한 설명

    Html5의 video 태그 속성과 메소드에 대한 자세한 설명

    서문 최근에 ​​커스텀 플레이어를 작성하고 있습니다. 글을 쓰기 전에 플레이어의 모든 속성과 방법을 살펴보아야 합니다. 적과 우리 자신을 알아야만 백 번의 전투를 통해 싸울 수 있습니다... 나중에 글을 쓰겠습니다. 우리가 작성한 플레이어와 우리가 사용한 일부 플레이어도 비디오 태그 인라인 속성 src를 업로드했습니다. 비디오 포스터의 URL: 비디오 표지, 재생 중에 이미지가 표시되지 않습니다.
    2025-01-25
  • 클릭 수를 읽는 js의 간단한 예(데이터베이스에서 읽기)

    클릭 수를 읽는 js의 간단한 예(데이터베이스에서 읽기)

    클릭할 때마다 총 클릭 수를 가져오는 것입니다. 그렇죠? 1. 서버 측에서 숨겨진 버튼 컨트롤을 드래그한 다음 버튼의 Click 이벤트를 작성할 수 있습니다. 데이터베이스의 총 클릭수입니다. 2. 숨겨진 TextBox 컨트롤의 Text 속성에 클릭 횟수를 할당합니다.
    2025-01-25
  • html5 Canvas를 사용한 이미지 회전의 예

    html5 Canvas를 사용한 이미지 회전의 예

    우리 모두 알고 있듯이 캔버스는 비트맵이므로 원하는 것을 렌더링할 수 있지만 캔버스의 속성을 조작해야만 편집할 수 있습니다. 즉, 캔버스에 그려진 것을 조작할 수 없습니다. 예를 들어 캔버스에 그림을 추가하면 이제 그림을 10px 이동하려고 하기 때문에 그림을 직접 조작할 수 없습니다.
    2025-01-25
  • JavaScript 프로토타입 상속의 함정에 대한 간략한 분석

    JavaScript 프로토타입 상속의 함정에 대한 간략한 분석

    JavaScript는 기본적으로 프로토타입 상속을 사용합니다. 클래스라는 개념은 없지만 해당 함수는 생성자 역할을 할 수 있습니다. this 및 new와 결합된 생성자는 Java와 유사한 클래스를 빌드할 수 있습니다. 따라서 JavaScript는 자체 확장을 통해 클래스를 시뮬레이션할 수 있습니다.
    2025-01-25
이전 페이지 91011121314151617다음 페이지