홈페이지> 웹 디자인 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
웹 디자인 튜토리얼
  • 동일한 도메인 이름이 아닌 이미지 리소스로 인해 발생하는 캔버스의 도메인 간 오염에 대한 솔루션

    동일한 도메인 이름이 아닌 이미지 리소스로 인해 발생하는 캔버스의 도메인 간 오염에 대한 솔루션

    우리는 배경 이미지와 동적으로 생성된 QR 코드가 포함된 그림을 그리려고 합니다. 전제는 배경 이미지가 프로젝트 자체의 정적 리소스이고 QR 코드가 서버에 의해 동적으로 생성된다는 것입니다. 동일한 도메인 이름이 아닙니다. 해결 방법: 모든 이미지를 동일한 도메인 이름으로 리디렉션: let count = 0; let bgImg = do;
    2025-01-28
  • HTML5의 이미지 포물선 운동에 대한 몇 가지 생각에 대한 간략한 토론

    HTML5의 이미지 포물선 운동에 대한 몇 가지 생각에 대한 간략한 토론

    물체/그림이 포물선, 더 정확하게는 베지어 곡선을 따라 움직이는 것이 일반적입니다. 이는 H5 개발의 일반적인 요구 사항이므로 설계 초안을 기반으로 이동 경로를 빠르게 계산하는 방법이 개발자의 첫 번째 문제입니다. 내 입장에서는 H5 개발에 일반적으로 사용되는 디자인 초안 크기가 640*1008이므로 이 크기를 기반으로 한 솔루션 아이디어는 다음과 같습니다.
    2025-01-28
  • 캔버스에 요소 그림 거울 뒤집기 애니메이션 효과를 구현하는 방법

    캔버스에 요소 그림 거울 뒤집기 애니메이션 효과를 구현하는 방법

    1. 캔버스 사진의 수평 거울 뒤집기 효과를 미리 보려면 여기를 클릭하세요. 캔버스 사진의 수평 거울 뒤집기 애니메이션은 데모 페이지에서 사진 애니메이션 효과를 클릭하면 볼 수 있습니다. 2. 캔버스에서 이미지 미러 뒤집기 구현 CSS에서 요소의 뒤집기 효과를 얻으려면 비교적 간단합니다. 예를 들어 특정 이미지를 뒤집기를 원합니다.
    2025-01-28
  • html5 계층화된 화면 적응 방법

    html5 계층화된 화면 적응 방법

    디자인은 훌륭합니다. 이번에는 실제로 설계 초안을 기반으로 합니다. 이제 모든 기계는 설계 초안에 따르면 표준 기계이기 때문입니다! 개발자 동창 여러분, 이제 디자인 초안 주석을 직접 읽어보세요! 화면 적응 화면 적응은 콘텐츠 적응 영역과 화면 간격 사이의 적응 관계를 의미해야 합니다. 단일 화면 적응에는 포함, 덮기 또는 채우기, 다중 화면 적응이 포함됩니다.
    2025-01-28
  • 다양한 iOS 기기의 h5 페이지 문제 요약에 대한 자세한 설명

    다양한 iOS 기기의 h5 페이지 문제 요약에 대한 자세한 설명

    최근 기사 댓글 기능인 미니 프로그램 웹뷰에 내장된 h5 페이지를 작성하던 중 호환성 문제도 많이 겪었고, 모델별로 성능도 매우 일관적이지 않아 다음과 같은 문제를 정리했습니다. : 추후 검토를 위해 기록해 둡니다. 1. 날짜 문제는 yyyy-mm-dd hh:mm:ss입니다.
    2025-01-28
  • js html DOM 요소 작업 경험 축적

    js html DOM 요소 작업 경험 축적

    다음과 같이 코드를 복사합니다. var totalPanels = $(".scrollContainer").children().size() Alert(totalPanels) 결과는 2개입니다.
    2025-01-27
  • js 타이머(한 번 실행, 반복 실행)

    js 타이머(한 번 실행, 반복 실행)

    1. 한 번만 실행되는 타이머 복사 코드는 다음과 같습니다.<script> //定时器 异步运行 function hello(){ alert("hello"); } //使用方法名字执行方法 var t1 = window.setTimeout(he
    2025-01-27
  • JS Date 객체의 시간 형식 지정 기능을 확장하는 작은 예

    JS Date 객체의 시간 형식 지정 기능을 확장하는 작은 예

    다음 코드를 자신의 JS 코드에 추가하세요. 다음과 같이 코드를 복사하세요. Date.prototype.format =function(format){var o = {"M+" : this.getMonth()+1, //month"d+" : 이거.
    2025-01-27
  • html5 앱 공유 기능 호출 예시 (WebViewJavascriptBridge)

    html5 앱 공유 기능 호출 예시 (WebViewJavascriptBridge)

    편집자는 h5 모바일 활동 페이지를 작성하고, 페이지 콘텐츠를 클릭하여 iOS 및 Android를 검색하고, 사용자가 기록하지 않은 공유 기능(WeChat, WeChat Moments, QQ, QQ Space 등 포함)을 개발하라는 리더십 작업을 받았습니다. 로그인 후에만 공유할 수 있습니다. 공유가 성공한 후에는 쿠폰 기능을 요청하기 시작할 수 있습니다. 다음은 참고용으로만 얻은 경험치입니다.
    2025-01-27
  • WeChat 미니 프로그램 'Santa Hat'의 구현 아이디어에 대한 자세한 설명

    WeChat 미니 프로그램 'Santa Hat'의 구현 아이디어에 대한 자세한 설명

    지난 이틀 동안 친구들 사이에는 산타 모자가 넘쳐났습니다. 심지어 위챗 관계자들도 이 작은 프로그램에 대한 소문을 반박하기 위해 나왔습니다. 제품 관점에서는 의심할 여지없이 매우 성공적이지만, 기술적인 관점에서는 참으로 평범하고 창의성이 매우 중요합니다! 아이디어에 대해 간단히 이야기해 보겠습니다. 아바타를 가져오고 Canvas에서 아바타를 그린 다음 Canvas에서 모자를 그리고 조정합니다.
    2025-01-27
  • 간단한 캔버스 미로 게임을 빠르게 구현한 예

    간단한 캔버스 미로 게임을 빠르게 구현한 예

    서문 (요즘 디자인 패턴에 좀 푹 빠져서 맨날 순수 JS를 마주하는 게 좀 지루하네요 -_-. 그래서 좀 더 재미있게 하려고 재밌는 걸 썼어요) 이제 캔버스는 새로운 게 아니지만, 일상 업무에서는 많이 사용되지 않아 실습이 많지 않은 상황에서 오늘은 간단한 캔버스 미로를 구현하는 방법을 공유하겠습니다. 이 예는 "htm
    2025-01-27
  • JS 배열 할당 소개

    JS 배열 할당 소개

    다음과 같이 코드를 복사합니다. var test=[1,2,3,4,5,6,7];var arr=test;arr.splice(2,1);alert(test);//1,2, 4 ,5,6,7JS 배열은 본질적으로 객체입니다. 따라서 위의 소스 코드는 최종적으로 1,2,3을 인쇄합니다.
    2025-01-27
  • HTML5 캔버스에서 텍스트를 자동으로 감싸는 샘플 코드

    HTML5 캔버스에서 텍스트를 자동으로 감싸는 샘플 코드

    이 글에서는 캔버스 그리기 과정에서 drawText의 줄 바꿈 문제를 해결하는 방법을 소개합니다. 먼저 캔버스에 텍스트를 그릴 때 일반적으로 접하게 되는 문제인 150*100 캔버스에 테두리를 추가하여 테두리를 선명하게 만드는 방법을 살펴보겠습니다.
    2025-01-27
  • html5와 APP의 혼합 개발에서 발생하는 문제를 요약하여 간략하게 논의합니다.

    html5와 APP의 혼합 개발에서 발생하는 문제를 요약하여 간략하게 논의합니다.

    배경: 저는 회사에서 네이티브 APP와 h5의 혼합 개발 프로젝트에 참여했습니다. 프로젝트의 h5 부분을 담당했습니다. 이제 프로젝트에서 발생한 문제를 다음과 같이 요약하겠습니다. 구체적인 문제 문제 1: 페이지 스크롤 막대 문제 문제 설명 웹 페이지가 PC 브라우저에 있습니다. 인터넷에서 검색할 때 스크롤 막대가 있지만 모바일 브라우저를 열면 스크롤 막대 해결 방법이 없습니다.
    2025-01-27
  • 캔버스는 고차 베지어 곡선을 구현합니다(N차 베지어 곡선 생성기)

    캔버스는 고차 베지어 곡선을 구현합니다(N차 베지어 곡선 생성기)

    Written first 기본 캔버스는 최대 3차 베지어 곡선까지만 지원하므로 제어점을 여러 개 추가하려면 어떻게 해야 하나요? (심지어 가장 복잡한 곡선도 3차 베지어로 시뮬레이션할 수 있습니다.) 동시에, 곡선을 형성하기 위해 제어점을 얼마나 직관적으로 설정할 수 있는지는 베지어 제어점의 위치를 ​​명확하게 이해하기 어렵습니다. 우리는? 정신적으로
    2025-01-27
이전 페이지 5678910111213다음 페이지