홈페이지>웹 디자인 튜토리얼> HTML 튜토리얼
전체 드림위버 튜토리얼 자바스크립트 튜토리얼 HTML 튜토리얼 CSS 튜토리얼 팁과 요령 DHTML 튜토리얼 웹 특수효과 웹 표준화
HTML 튜토리얼
  • 다양한 iOS 기기의 h5 페이지 문제 요약에 대한 자세한 설명

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

    최근 기사 댓글 기능인 미니 프로그램 웹뷰에 내장된 h5 페이지를 작성하던 중 호환성 문제도 많이 겪었고, 모델별로 성능도 매우 일관적이지 않아 다음과 같은 문제를 정리했습니다. : 추후 검토를 위해 기록해 둡니다. 1. 날짜 문제는 yyyy-mm-dd hh:mm:ss입니다.
    2025-01-28
  • 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
  • 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
  • html5.2 대화 상자에 대한 자세한 소개

    html5.2 대화 상자에 대한 자세한 소개

    2017년 12월 24일 HTML5.2 표준이 확정되었으며 이는 모바일 단말기가 HTML5.3 계획 단계에 진입했음을 의미하지만 HTML5.2가 확정되었지만 일부 새로운 내부 사양은 아직 모바일 브라우저에서 지원되지 않습니다. 개선을 위해 표준에 새로 포함된 일반적으로 사용되는 라벨을 살펴보겠습니다.
    2025-01-27
  • 캔버스 자필 서명을 활용하여 html5로 저장하는 구현 방법

    캔버스 자필 서명을 활용하여 html5로 저장하는 구현 방법

    최근 회사에서는 다음과 같이 모바일 터치 이벤트 js 부분과 결합된 캔버스 선 그리기 기능을 주로 사용하는 서명 기능을 개발하고 있습니다. window.onload = function() { new lineCanvas({ el: document.
    2025-01-27
  • HTML5의 기사와 섹션의 차이점에 대한 심층 분석

    HTML5의 기사와 섹션의 차이점에 대한 심층 분석

    콘텐츠 블록은 HTML 페이지를 논리적으로 나누는 단위를 말합니다. 페이지 웹사이트의 경우 탐색 메뉴, 기사 텍스트, 기사 댓글 등 각 부분을 콘텐츠 블록이라고 부를 수 있습니다. 기사 요소 기사 요소는 외부에서 독립적으로 참조할 수 있는 문서, 페이지 또는 애플리케이션의 독립적이고 완전한 콘텐츠를 나타냅니다. 그것은 될 수 있습니다
    2025-01-27
  • HTML5는 휴대폰 코드 스캔 기능과 그 장점과 단점을 엽니다.

    HTML5는 휴대폰 코드 스캔 기능과 그 장점과 단점을 엽니다.

    1. 해결된 문제: 1. 카메라를 불러와 QR 코드를 스캔하고 Weibo 클라이언트에서 분석할 수 있습니다. 2. QR 코드를 스캔하고 기본 브라우저와 WeChat 클라이언트에서 분석할 수 있습니다. 2. 장점: 웹 클라이언트 또는 h5 끝은 QR 코드 스캔 작업을 직접 완료할 수 있습니다. 3. 단점: 사진이 선명하지 않고 구문 분석에 실패하기 쉽습니다. 사진을 스캔하려면 렌즈가 QR 코드에서 떨어져야 합니다.
    2025-01-27
  • 캔버스 요소의 HTML 크기와 CSS 크기가 요소의 시각적 모양에 미치는 영향에 대한 간략한 분석

    캔버스 요소의 HTML 크기와 CSS 크기가 요소의 시각적 모양에 미치는 영향에 대한 간략한 분석

    발생한 문제: html/11467.html">캔버스 요소가 변형되고 왜곡되는 이유 DOM 요소에는 스타일 크기, html 크기, CSS 크기의 세 가지 크기가 있습니다. 캔버스 요소 사용 시 기본 너비와 높이 캔버스 요소는 300px * 150px입니다.
    2025-01-27
  • HTML 페이지에서 클릭하여 다운로드할 수 있는 파일을 구현하는 두 가지 방법

    HTML 페이지에서 클릭하여 다운로드할 수 있는 파일을 구현하는 두 가지 방법

    1. 사용자가 브라우저를 열고 링크를 클릭하면 파일이 직접 다운로드되도록 <a>태그를</a> 사용하여 <a href=/user/test/xxxx.txt download=文件名.txt>클릭하여 다운로드를</a> 완료합니다. 하지만 txt, png, jpg 및 기타 브라우저가 지원하는 상황이 있습니다.
    2025-01-27
  • 초점을 잃은 DIV 구현 방법(흐림)

    초점을 잃은 DIV 구현 방법(흐림)

    손떨림 방지를 사용하여 마우스가 밖으로 나갈 때 DIV가 사라지도록 div 태그 자체는 onblur 이벤트를 지원하지 않으므로 버튼을 클릭하면 팝업되는 div에 대해 div가 포커스를 잃었을 때 사라지도록 하고 싶습니다. , 이는 onblur를 사용하여 달성할 수 없습니다. 그러나 onmouseout 및 이벤트를 사용하여 DIV가 초점을 잃고 사라지게 할 수 있습니다.
    2025-01-27
  • 모바일 페이지에서 세로 화면을 강제하는 방법

    모바일 페이지에서 세로 화면을 강제하는 방법

    최근 직장에서 모바일 페이지를 작성했는데, 처음에는 별거 아닌 것 같은 요구 사항이 있었는데, 이전에 작성한 페이지가 APP에 들어가야 했는데요. 가로 방향입니다. 이 페이지를 여는 웹뷰도 가로 화면입니다(최신 버전의 앱은 세로 화면 웹뷰로 열립니다).
    2025-01-27