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

  • H5 반응형 웹사이트에 대한 자세한 소개
    H5 반응형 웹사이트에 대한 자세한 소개
    H5 튜토리얼 1675 2017-06-26 15:29:29
  • H5 반응형 웹사이트 구축의 이점은 무엇인가요?
    H5 반응형 웹사이트 구축의 이점은 무엇인가요?
    H5 튜토리얼 1792 2017-06-26 15:21:56
  • 반응형 셀프서비스 웹사이트 구축의 효과는 무엇입니까?
    반응형 셀프서비스 웹사이트 구축의 효과는 무엇입니까?
    H5 튜토리얼 1980 2017-06-26 15:21:20
  • h5의 scrollIntoView 사용법에 대한 자세한 설명
    h5의 scrollIntoView 사용법에 대한 자세한 설명
    페이지가 스크롤되면 DOM이 해결하지 못하는 문제이기도 합니다. 이 문제를 해결하기 위해 브라우저는 개발자가 페이지 스크롤을 더 잘 제어할 수 있도록 하는 방법을 구현했습니다. 다양한 독점 메소드 중에서 HTML5는 표준 메소드로 scrollIntoView()를 선택했습니다. scrollIntoView()는 모든 HTML 요소에 대해 호출할 수 있습니다. 브라우저 창이나 컨테이너 요소를 스크롤하면 호출 요소가 창에 나타날 수 있습니다. true가 이 메소드에 매개변수로 전달되거나 매개변수가 전달되지 않으면 창이 스크롤됩니다.
    H5 튜토리얼 6070 2017-06-25 10:03:23
  • APP 기본 페이지를 시작하는 H5 인스턴스 메소드
    APP 기본 페이지를 시작하는 H5 인스턴스 메소드
    오랫동안 블로그를 작성하지 않았습니다. 최근 H5에 APP 기본 페이지를 출시하라는 요구가 있었는데, 그 과정에서 몇 가지 함정에 부딪혔습니다. 1. 클라이언트는 앱을 시작할 때 Android와 IOS 시스템이 다르게 처리하는지 확인합니다. Android의 개방성으로 인해 브라우저 앱이 사용할 수 있습니다. 브라우저 앱이 휴대폰을 획득할 수 있도록 브라우저에 <a> 태그와 메타 태그를 추가하고 앱을 시작하세요. 그리고 IOS 측에서는
    H5 튜토리얼 2625 2017-06-25 10:02:29
  • 박스 모델 이해
    박스 모델 이해
    박스 모델에는 W3C와 IE 박스 모델의 두 가지 유형이 있습니다. 상자 모델에는 여백, 테두리, 패딩 및 내용이 포함됩니다. W3C 요소 너비 = 콘텐츠 너비 IE 요소 너비=콘텐츠+패딩+테두리 ​ 개인적으로는 W3C에서 정의한 박스 모델과 IE에서 정의한 박스 모델이 더 합리적이라고 생각합니다. 요소의 너비에는 테두리와 패딩이 포함되어야 합니다. 이는 실제 상자와 동일합니다. 여
    H5 튜토리얼 2068 2017-06-23 14:53:03
  • 부트스트랩 모방 상자 + Alipay 홈페이지
    부트스트랩 모방 상자 + Alipay 홈페이지
    작업이 완료되지 않았습니다. 계속 와주세요! 지금은 인터넷이 좋지 않아서 많은 노력이 손실되었습니다. 오늘은 주로 Bootstrap과 HTML5를 결합한 간단한 작은 사례에 대해 이야기하고 있습니다. 우선: 제목부터 모바일 단말임을 알 수 있으므로 다음과 같은 코드 문자열이 필요합니다. <meta name="viewport" content="width=device-width,initial-scale=1"/> 그러면 다음과 같은 코드가 필요합니다. Bootstrap 시뮬레이션 상자에는 이것도 있습니다
    H5 튜토리얼 2763 2018-10-15 16:15:42
  • JS 케이스 문의 게시판
    JS 케이스 문의 게시판
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>문서</title><style type="text/css">.wrap { 너비: 400px ; 여백: 30px 자동;}텍스트 영역 {
    H5 튜토리얼 1726 2017-06-23 14:51:56
  • HTML의 기본 구조와 태그에 대한 사전 이해
    HTML의 기본 구조와 태그에 대한 사전 이해
    1. HTML에 대한 사전 이해 HTML은 하이퍼텍스트 태그 언어이고, 브라우저는 HTML 소스 코드를 "해석하고 실행"하는 데 사용되는 도구입니다. HTML의 기본 구조 ​ <!DOCTYPE HTML> <html> <머리> <meta charset="UTF-8"> <제목></제목> &엘
    H5 튜토리얼 2383 2017-06-23 14:51:11
  • 캔버스 학습 시리즈 1: 캔버스에 대한 첫 소개
    캔버스 학습 시리즈 1: 캔버스에 대한 첫 소개
    최근 캔버스 학습을 시작하셨는데, 캔버스 학습 과정 전체에 대한 메모와 요약을 기록하실 예정이시라면 부족한 점을 지적해주세요. ​ 1. 캔버스 소개 Canvas 요소의 출현은 웹 세계에서 그리기 애니메이션과 그래픽의 문을 열었다고 할 수 있습니다. 그 기능은 매우 강력합니다. 캔버스 요소는 HTML5에서 가장 강력한 요소입니다. /드로잉 환경) 개체로 표시됩니다. 객체는 다음에서 파생됩니다.
    H5 튜토리얼 1827 2017-06-23 14:50:41
  • 각도 명령 컬렉션
    각도 명령 컬렉션
    ​ 2017-06-08 각도 지시어. ng-init: 데이터 초기화 변수 값을 구분하려면 속성 값에 = 기호를 사용하세요. user와 var는 사용할 수 없습니다. ​ ng-app: 각도 애플리케이션 모드를 활성화합니다. 페이지는 한 번만 나타날 수 있습니다. 속성값이 있을 수 있으나 해당 항목은 js에서 정의해야 하며, 속성값이 없으면 뷰에서 바로 사용할 수 있습니다. ​ ng-model: 양방향 데이터 바인딩 ​ ​ ng-b
    H5 튜토리얼 2001 2017-06-23 14:48:40
  • WebSocket+MSE——HTML5 라이브 방송 기술 분석
    WebSocket+MSE——HTML5 라이브 방송 기술 분석
    작성자 | Liu Bo (또한 Paiyun 멀티미디어 개발 엔지니어) 현재 모바일 웹 라이브 방송에 대한 상대적으로 뜨거운 수요를 충족시키기 위해 일련의 HTML5 라이브 방송 기술이 급속히 개발되고 있습니다. HTML5에 사용할 수 있는 일반적인 라이브 스트리밍 기술에는 HLS, WebSocket 및 WebRTC가 있습니다. 오늘은 WebSocket과 MSE에 관련된 기술적 포인트를 소개하고 마지막으로 예제를 통해 구체적인 사용법을 보여드리겠습니다. 기사 개요 WebSocket 프로토콜 소개 웹소켓 클라이언트
    H5 튜토리얼 4641 2017-06-23 14:45:59
  • 모델의 쇼
    모델의 쇼
    <!DOCTYPE HTML> <html lang="ko"> <머리> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js?1.1.10"></script> </head> <
    H5 튜토리얼 2139 2017-06-23 14:45:37
  • 서버에서 브라우저로 데이터베이스 이동 - indexedDB 기본 작업 캡슐화
    서버에서 브라우저로 데이터베이스 이동 - indexedDB 기본 작업 캡슐화
    데이터베이스가 서버에 속해 있는 것은 당연한 일이지만, 데이터를 서버에 저장할 필요가 없는데 데이터가 하나씩 기록되는 경우도 있습니다. 오늘은 H5의 새로운 기능인 indexedDB의 매력을 소개하겠습니다. 당신은 한숨을 쉬지 않을 수 없습니다. 놀랍습니다! 1. 데이터베이스 연결 IndexedDB에는 데이터베이스 생성 개념이 없습니다. 연결한 데이터베이스가 없으면 데이터베이스가 자동으로 생성됩니다. 아래의 예를 살펴보세요. <
    H5 튜토리얼 1953 2017-06-23 14:04:45
  • JSSDK를 사용하여 웹페이지에서 지리적 위치 가져오기
    JSSDK를 사용하여 웹페이지에서 지리적 위치 가져오기
    JSSDK 환경의 복사본을 복사하고 그림 7.1과 같은 구조로 index.html 파일을 만듭니다. 그림 7.1 섹션 7.1 파일 구조는 다음과 같이 "getLocation" 인터페이스를 캡슐화하는 location.js에 있습니다. 01 wxJSSDK.location = function(locationApi){02 if(wxJSSDK.isReady){ //w
    H5 튜토리얼 4023 2017-06-23 14:00:55

도구 권장 사항

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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.