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

  • HTML의 기본 구조와 태그에 대한 사전 이해
    HTML의 기본 구조와 태그에 대한 사전 이해
    1. HTML에 대한 사전 이해 HTML은 하이퍼텍스트 태그 언어이고, 브라우저는 HTML 소스 코드를 "해석하고 실행"하는 데 사용되는 도구입니다. HTML의 기본 구조 ​ <!DOCTYPE HTML> <html> <머리> <meta charset="UTF-8"> <제목></제목> &엘
    H5 튜토리얼 2301 2017-06-23 14:51:11
  • 캔버스 학습 시리즈 1: 캔버스에 대한 첫 소개
    캔버스 학습 시리즈 1: 캔버스에 대한 첫 소개
    최근 캔버스 학습을 시작하셨는데, 캔버스 학습 과정 전체에 대한 메모와 요약을 기록하실 예정이시라면 부족한 점을 지적해주세요. ​ 1. 캔버스 소개 Canvas 요소의 출현은 웹 세계에서 그리기 애니메이션과 그래픽의 문을 열었다고 할 수 있습니다. 그 기능은 매우 강력합니다. 캔버스 요소는 HTML5에서 가장 강력한 요소입니다. /드로잉 환경) 개체로 표시됩니다. 객체는 다음에서 파생됩니다.
    H5 튜토리얼 1697 2017-06-23 14:50:41
  • 각도 명령 컬렉션
    각도 명령 컬렉션
    ​ 2017-06-08 각도 지시어. ng-init: 데이터 초기화 변수 값을 구분하려면 속성 값에 = 기호를 사용하세요. user와 var는 사용할 수 없습니다. ​ ng-app: 각도 애플리케이션 모드를 활성화합니다. 페이지는 한 번만 나타날 수 있습니다. 속성값이 있을 수 있으나 해당 항목은 js에서 정의해야 하며, 속성값이 없으면 뷰에서 바로 사용할 수 있습니다. ​ ng-model: 양방향 데이터 바인딩 ​ ​ ng-b
    H5 튜토리얼 1870 2017-06-23 14:48:40
  • WebSocket+MSE——HTML5 라이브 방송 기술 분석
    WebSocket+MSE——HTML5 라이브 방송 기술 분석
    작성자 | Liu Bo (또한 Paiyun 멀티미디어 개발 엔지니어) 현재 모바일 웹 라이브 방송에 대한 상대적으로 뜨거운 수요를 충족시키기 위해 일련의 HTML5 라이브 방송 기술이 급속히 개발되고 있습니다. HTML5에 사용할 수 있는 일반적인 라이브 스트리밍 기술에는 HLS, WebSocket 및 WebRTC가 있습니다. 오늘은 WebSocket과 MSE에 관련된 기술적 포인트를 소개하고 마지막으로 예제를 통해 구체적인 사용법을 보여드리겠습니다. 기사 개요 WebSocket 프로토콜 소개 웹소켓 클라이언트
    H5 튜토리얼 4334 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 튜토리얼 2044 2017-06-23 14:45:37
  • 서버에서 브라우저로 데이터베이스 이동 - indexedDB 기본 작업 캡슐화
    서버에서 브라우저로 데이터베이스 이동 - indexedDB 기본 작업 캡슐화
    데이터베이스가 서버에 속해 있는 것은 당연한 일이지만, 데이터를 서버에 저장할 필요가 없는데 데이터가 하나씩 기록되는 경우도 있습니다. 오늘은 H5의 새로운 기능인 indexedDB의 매력을 소개하겠습니다. 당신은 한숨을 쉬지 않을 수 없습니다. 놀랍습니다! 1. 데이터베이스 연결 IndexedDB에는 데이터베이스 생성 개념이 없습니다. 연결한 데이터베이스가 없으면 데이터베이스가 자동으로 생성됩니다. 아래의 예를 살펴보세요. <
    H5 튜토리얼 1873 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 튜토리얼 3795 2017-06-23 14:00:55
  • 웹사이트를 빠르게 구축하는 기술을 가르쳐주세요.
    웹사이트를 빠르게 구축하는 기술을 가르쳐주세요.
    H5 튜토리얼 3179 2017-06-23 13:38:58
  • 고품질 H5 반응형 웹사이트 예시 구현
    고품질 H5 반응형 웹사이트 예시 구현
    H5 튜토리얼 2146 2017-06-23 11:54:53
  • H5 반응형 웹사이트를 구축할 때 어떤 측면에 주의해야 합니까?
    H5 반응형 웹사이트를 구축할 때 어떤 측면에 주의해야 합니까?
    H5 튜토리얼 1462 2017-06-23 11:52:48
  • H5 반응형 웹사이트 디자인의 요구사항은 무엇인가요?
    H5 반응형 웹사이트 디자인의 요구사항은 무엇인가요?
    H5 튜토리얼 1764 2017-06-23 11:50:25
  • H5 반응형 웹사이트를 만드는 방법은 무엇입니까?
    H5 반응형 웹사이트를 만드는 방법은 무엇입니까?
    H5 튜토리얼 2385 2017-06-23 11:38:36
  • 반응형 웹사이트 디자인이란 무엇인가요?
    반응형 웹사이트 디자인이란 무엇인가요?
    H5 튜토리얼 2297 2017-06-23 11:34:19
  • Amap + 캔버스 드로잉을 결합하여 작은 프로젝트를 구현합니다.
    Amap + 캔버스 드로잉을 결합하여 작은 프로젝트를 구현합니다.
    예전에 친구가 스타트업 프로젝트를 의뢰했는데, 그 때 마침 시간이 좀 있어서 도와달라고 해서 반성으로 동의했어요. 팀에 합류하고 보니 프로젝트의 프론트엔드와 백엔드가 분리되어 있었는데, 인터페이스를 주로 구현하는 백엔드 엔지니어가 이미 있었고, IOS 측 엔지니어도 있었습니다. 아직 웹 프런트엔드 엔지니어가 없습니다. 예전에 js와 css를 좀 써봤고, 약간의 기술도 있었지만, 아직 프론트엔드 엔지니어가 되기에는 멀었습니다. 친구에게 상황을 설명한 후, 친구는 대담하게도 시도해 보라고 했습니다. 주된 이유는 자신이 아무도 찾지 못했다는 것입니다(현재 프론트엔드 엔지니어에 대한 견적이 너무 비싸기 때문일 수도 있고, 사업을 시작하고,
    H5 튜토리얼 4537 2017-06-23 11:12:09
  • h5History 모드 튜토리얼 예시
    h5History 모드 튜토리얼 예시
    최근에 vue-router의 HTML5 History 모드 라우팅 구현을 본 후 HTML5 History를 공부했습니다. 그런데 제가 이해한 내용은 다음과 같습니다. 그런데 jquery를 사용하여 HTML5 History 모드 라우터와 유사한 구현을 작성했습니다. vue-router를 통해 실습을 수행하고 익숙한 목적에 익숙해질 수 있습니다. 1. 역사.pushStatehistory.pushState(상태, 제목, URL);
    H5 튜토리얼 2120 2017-06-23 11:10:27

도구 권장 사항

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