현재 위치: > 기술 기사 > 웹 프론트엔드 > H5 튜토리얼

  • H5 활동 페이지에 대한 모바일 REM 레이아웃 적응 방법에 대한 자세한 설명
    H5 활동 페이지에 대한 모바일 REM 레이아웃 적응 방법에 대한 자세한 설명
    디자인 초안을 받은 후 레이아웃을 복원하는 방법은 무엇입니까? 정확하지 않은 반응형 디자인만 필요하다면 미디어 쿼리를 사용해도 괜찮습니다. 설계 초안을 정확하게 복원해야 하는 경우 일반적으로 확대/축소를 통해 수행됩니다. 일반적인 솔루션에는 뷰포트 기반 및 rem 기반 스케일링 솔루션이 포함됩니다. 이 기사에서는 H5 활동 페이지의 모바일 REM 레이아웃 적응 방법을 자세히 설명하는 관련 정보를 주로 소개합니다. 모든 사람에게 도움이 되기를 바랍니다.
    H5 튜토리얼 2281 2017-12-09 10:19:40
  • HTML5 단일 페이지에서 제스처 슬라이딩 화면 전환 원리 분석
    HTML5 단일 페이지에서 제스처 슬라이딩 화면 전환 원리 분석
    H5 단일 페이지 제스처 슬라이딩 화면 전환은 HTML5 터치 이벤트(Touch)와 CSS3 애니메이션(Transform, Transition)을 사용하여 구현됩니다. 관심 있는 친구들은 이 기사를 통해 구현 원리와 주요 아이디어에 대해 간략하게 설명하겠습니다.
    H5 튜토리얼 1840 2017-12-08 09:10:49
  • html5 콘텐츠 정리
    html5 콘텐츠 정리
    이 글은 주로 html5 구성 내용을 소개합니다.
    H5 튜토리얼 1636 2017-12-08 09:07:11
  • HTML5 양식 유효성 검사 실패 프롬프트 문제
    HTML5 양식 유효성 검사 실패 프롬프트 문제
    프론트엔드 개발자들이 페이지를 작성하다 보면 필연적으로 폼 유효성 검사의 구렁텅이에 발을 들여놓게 됩니다. 이때 확인해야 할 js를 잔뜩 작성해야 하기 때문에 무릎을 꿇게 됩니다. 유효성 검사가 구현되어 많은 부담이 덜어졌습니다. 이 기사에서는 HTML5 양식 확인 실패에 대한 즉각적인 문제를 여러분과 공유하겠습니다.
    H5 튜토리얼 2031 2017-12-08 09:03:23
  • HTML5 데스크탑 알림 프롬프트 기능 구현
    HTML5 데스크탑 알림 프롬프트 기능 구현
    이 기사에서는 HTML5의 데스크톱 알림 프롬프트 기능 구현을 주로 소개합니다. 이는 매우 훌륭하며 필요한 친구가 참조할 수 있습니다.
    H5 튜토리얼 2610 2017-12-07 16:03:45
  • HTML5 Canvas 기반의 지하철역 모니터링 구현
    HTML5 Canvas 기반의 지하철역 모니터링 구현
    국내 경제가 급속히 발전함에 따라 사람들의 안전에 대한 요구도 점점 높아지고 있습니다. 다음과 같은 상황이 발생하지 않도록 방지하기 위해서는 보안 시스템 설치를 고려해야 합니다. 증거 및 단서 제공: 많은 공장, 은행, 도난 또는 사고에서 관련 기관은 비디오 정보를 기반으로 사건을 감지할 수 있으며 이는 매우 중요합니다. 단서. 이번 글에서는 HTML5 Canvas를 기반으로 지하철 역사 모니터링을 구현하는 방법을 공유하겠습니다.
    H5 튜토리얼 2479 2017-12-06 16:23:41
  • postMessage를 통한 html5 도메인 간 통신 방법
    postMessage를 통한 html5 도메인 간 통신 방법
    h5 페이지는 미리보기 모듈로 PC 페이지에 포함되어 있습니다. 사용자는 PC 페이지에서 일부 작업을 수행할 수 있으며, 그런 다음 h5 페이지는 미리보기 효과를 얻기 위해 반응적으로 변경합니다. 여기서 가장 먼저 생각나는 것은 iframe을 사용하여 h5 페이지를 PC 웹페이지에 삽입한 후, PC는 postMessage 메소드를 통해 변경된 데이터를 iframe으로 전송한다는 것입니다. iframe에 내장된 h5는 addEventListener를 통해 데이터를 수신합니다. 을 선택한 다음 데이터에 대한 반응적인 변경을 수행합니다. 이 기사에서는 postMessage를 통해 HTML5에서 도메인 간 통신 방법을 자세히 소개합니다.
    H5 튜토리얼 1537 2017-12-06 13:40:14
  • HTML5 오프라인 저장 지식에 대한 자세한 설명
    HTML5 오프라인 저장 지식에 대한 자세한 설명
    HTML5 이전에는 로그인한 사용자 정보, 과거 검색 정보 등과 같은 일부 데이터를 브라우저 측에서 캐시하기 위해 쿠키를 사용했습니다. 그러나 쿠키가 지원하는 용량은 4K에 불과하며, 운영을 위한 전용 API는 없습니다. 여기서는 Cookies.js를 사용하여 쿠키 정보를 저장하고 얻을 수 있습니다.
    H5 튜토리얼 3373 2017-12-05 16:22:16
  • 캔버스가 이미지를 처리하는 방법
    캔버스가 이미지를 처리하는 방법
    중국어로 "캔버스"로 번역되는 캔버스에는 HTML5에 새로운 <canvas> 요소가 있습니다. 이 요소는 JavaScript와 결합하여 캔버스에 그래픽을 동적으로 그릴 수 있습니다. 이 기사에서는 Canvas에서 그래픽을 그리는 방법에 대해 설명하지 않고 그림을 처리하는 방법에 대해 설명합니다.
    H5 튜토리얼 1965 2017-12-05 13:46:03
  • 브라우저 호환성을 달성하기 위한 HTML5 비디오 방법
    브라우저 호환성을 달성하기 위한 HTML5 비디오 방법
    이 기사에서는 HTML5 비디오에 대한 브라우저 호환성을 달성하는 방법을 공유할 것입니다. 과거에는 플래시가 웹 페이지의 비디오를 해결하는 가장 좋은 방법이었지만 현재는 Youku와 같은 비디오 웹사이트에서 여전히 주류를 이루고 있습니다. Xiami와 같은 온라인 웹사이트에서는 여전히 플래시를 사용하여 재생 서비스를 제공합니다. 하지만 HTML5의 발전으로 이러한 상황은 바뀔 것이다. 비디오에 관한 한 HTML5는 비디오를 추가하여 온라인으로 비디오를 재생하는 기능을 구현합니다.
    H5 튜토리얼 2867 2017-12-04 11:55:11
  • Geek Academy HTML5의 새로운 기능 기본 비디오 코스웨어 소스 코드
    Geek Academy HTML5의 새로운 기능 기본 비디오 코스웨어 소스 코드
    HTML5는 HTML의 최신 개정판으로 2014년 10월 W3C(World Wide Web Consortium)에서 표준을 완성했습니다. HTML5는 모바일 장치에서 멀티미디어를 지원하도록 설계되었으며 배우기 쉽습니다. "Geek Academy의 HTML5의 새로운 기능에 대한 기본 비디오 튜토리얼"은 HTML과 비교하여 HTML5에 추가된 새로운 기능을 이해하고 HTML5의 새로운 멀티미디어 기능, 새로운 애플리케이션, 새로운 그래픽 등을 경험하도록 안내합니다.
    H5 튜토리얼 1983 2017-12-04 11:27:34
  • HTML5에서 새 태그를 사용하는 방법
    HTML5에서 새 태그를 사용하는 방법
    HTML5는 nav(웹사이트 탐색 블록) 및 바닥글과 같은 몇 가지 새로운 요소와 속성을 제공합니다. 이 태그는 검색 엔진 인덱싱에 도움이 되며 작은 화면 장치와 시각 장애가 있는 사용자를 더 잘 지원합니다. 또한 오디오 및 비디오 태그와 같은 다른 탐색 요소에 대한 새로운 기능도 제공합니다. 다음으로 HTML5에서 새로운 태그를 사용하는 방법을 배우겠습니다.
    H5 튜토리얼 2994 2017-11-29 10:07:08
  • HTML5 비디오 재생 튜토리얼
    HTML5 비디오 재생 튜토리얼
    비디오 재생과 관련하여 우리는 개발 세계에서 자주 접하게 되는 html5 비디오 재생 솔루션을 여러분과 공유할 것입니다. 이 장을 공부한 후 html5에 대한 더 나은 지식을 갖게 되기를 바랍니다. 비디오 재생 기능을 작성합니다.
    H5 튜토리얼 4744 2017-11-28 09:51:25
  • 몇 가지 유용한 HTML5 모바일 개발 프레임워크
    몇 가지 유용한 HTML5 모바일 개발 프레임워크
    인터넷 기술의 발전으로 HTML5는 점점 더 좋아지고 모바일 하드웨어는 점점 더 강력해질 것입니다. 휴대폰의 애플리케이션을 자세히 살펴보면 많은 애플리케이션이 조용히 하이브리드 개발을 사용해 왔습니다. 어떤 사람들은 HTML5 개발이 매우 느리다고 말하지만 실제로는 이에 동의하지 않습니다. 우리는 개발할 때 좋은 HTML5 개발 도구를 사용해야 하며, 여전히 좋은 모바일 애플리케이션을 개발할 수 있습니다.
    H5 튜토리얼 5068 2017-11-23 09:07:05
  • 프론트엔드 개발 기술을 빠르게 익히세요
    프론트엔드 개발 기술을 빠르게 익히세요
    H5 튜토리얼 1604 2017-11-21 18:59:19

도구 권장 사항

jQuery 기업 메시지 양식 연락처 코드

jQuery 기업 메시지 양식 연락처 코드는 간단하고 실용적인 기업 메시지 양식이자 문의 소개 페이지 코드입니다.
양식 버튼
2024-02-29

HTML5 MP3 뮤직 박스 재생 효과

HTML5 MP3 뮤직 박스 재생 특수 효과는 귀여운 뮤직 박스 이모티콘을 만들고 전환 버튼을 클릭하는 HTML5+css3 기반의 MP3 뮤직 플레이어입니다.

HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과

HTML5 멋진 입자 애니메이션 탐색 메뉴 효과는 탐색 메뉴를 마우스로 가리키면 색상이 변경되는 특수 효과입니다.
메뉴 탐색
2024-02-29

jQuery 시각적 양식 드래그 앤 드롭 편집 코드

jQuery 시각적 양식 드래그 앤 드롭 편집 코드는 jQuery 및 부트스트랩 프레임워크를 기반으로 하는 시각적 양식입니다.
양식 버튼
2024-02-29

유기농 과일 및 야채 공급업체 웹 템플릿 Bootstrap5

유기농 과일 및 채소 공급업체 웹 템플릿-Bootstrap5

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus
백엔드 템플릿
2023-02-02

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

간단한 이력서 정보 웹 템플릿 Bootstrap4

간단한 이력서 정보 웹 템플릿 Bootstrap4

귀여운 여름 요소 벡터 자료(EPS+PNG)

이것은 태양, 태양 모자, 코코넛 나무, 비키니, 비행기, 수박, 아이스크림, 아이스크림, 차가운 음료, 수영 반지, 슬리퍼, 파인애플, 소라, 조개, 불가사리, 게를 포함한 귀여운 여름 요소 벡터 자료입니다. , 레몬, 자외선 차단제, 선글라스 등 자료는 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공됩니다.
PNG 소재
2024-05-09

4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)

이것은 빨간색 2023년 졸업 배지 벡터 자료로, 총 4개이며 JPG 미리보기를 포함하여 AI, EPS 및 PNG 형식으로 사용할 수 있습니다.
PNG 소재
2024-02-29

노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)

노래하는 새와 꽃이 가득한 수레로 디자인된 봄 배너 벡터 자료입니다. JPG 미리보기를 포함하여 AI 및 EPS 형식으로 제공됩니다.
배너 그림
2024-02-29

황금 졸업 모자 벡터 자료(EPS+PNG)

이것은 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공되는 황금 졸업 모자 벡터 자료입니다.
PNG 소재
2024-02-27

가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿

가정 장식 청소 및 유지 관리 서비스 회사 웹 사이트 템플릿은 가정 장식, 청소, 유지 관리 및 기타 서비스 조직을 제공하는 홍보 웹 사이트에 적합한 웹 사이트 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

신선한 색상의 개인 이력서 가이드 페이지 템플릿

신선한 컬러 매칭 개인 구직 지원 이력서 가이드 페이지 템플릿은 신선한 컬러 매칭 스타일에 적합한 개인 구직 이력서 작업 표시 가이드 페이지 웹 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

디자이너 크리에이티브 작업 이력서 웹 템플릿

디자이너 크리에이티브 작업 이력서 웹 템플릿은 다양한 디자이너 직위에 적합한 개인 작업 이력서 표시를 위한 다운로드 가능한 웹 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

현대 엔지니어링 건설 회사 웹사이트 템플릿

현대 엔지니어링 및 건설 회사 웹 사이트 템플릿은 엔지니어링 및 건설 서비스 산업 홍보에 적합한 다운로드 가능한 웹 사이트 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.