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

  • HTML5 비디오 재생에 대한 자세한 소개
    HTML5 비디오 재생에 대한 자세한 소개
    먼저, jPlayer 아티팩트를 소개합니다. HTML5/Flash를 기반으로 하는 오디오 및 비디오 플레이어인 jPlayer는 JavaScript로 작성된 완전 무료 오픈 소스(MIT) jQuery 멀티미디어 라이브러리 플러그인(현재는 Zepto 플러그인이기도 함)입니다. jPlayer를 사용하면 크로스 플랫폼을 빠르게 작성할 수 있습니다. 플랫폼의 웹 페이지는 오디오 및 비디오 재생을 지원합니다. jPlayer의 풍부한 API를 사용하면 개인화된 멀티미디어 애플리케이션을 만들 수 있으므로 점점 더 많은 커뮤니티 회원으로부터 지원을 받을 수 있습니다.
    H5 튜토리얼 2615 2017-07-23 13:49:34
  • HTML5 뮤직 플레이어의 예 구현
    HTML5 뮤직 플레이어의 예 구현
    기술 포인트 : ES6+Webpack+HTML5 Audio+Sass 여기서는 처음부터 H5 뮤직 플레이어를 구현하는 방법을 단계별로 알아봅니다. 먼저 최종 구현을 살펴보겠습니다. 데모 링크 다음으로 요점을 살펴보겠습니다. 음악 플레이어가 되려면 웹에서 오디오가 재생되는 방식을 잘 이해해야 합니다. HTML5의 오디오 태그는 다음과 같습니다. 일반적으로 사용되는 오디오 태그에 관해서는 많이 있습니다. 여기서는 속성, 메소드 및 이벤트에 대한 일반적인 소개를 하겠습니다. 속성: src: 필수, 오디오 소스
    H5 튜토리얼 6150 2017-07-23 13:28:16
  • HTML5 새로운 네트워크 환경
    HTML5 새로운 네트워크 환경
    HTML5가 탄생한 이후 모든 기술은 공개되어야 하며 특허를 가질 수 없다는 표준 원칙이 확립되었습니다. 전체 기간 동안 Opera는 CSS 기술을 기증했으며 WebM은 이를 개발자에게 제공합니다. 관심 있는 친구들은 HTML5가 어떻게 새로운 네트워크 패턴을 가져오는지 살펴보고 개발을 준비할 수 있습니다. 현재 HTML5 개발의 리더로는 Sencha, Adobe, appcelerator,
    H5 튜토리얼 1511 2017-07-23 11:41:47
  • AugularJS 기본 소개 및 실습
    AugularJS 기본 소개 및 실습
    서문 프런트엔드 AngularJS는 애플리케이션 구축 시 HTML의 단점을 극복하도록 설계되었습니다. (Baidu Encyclopedia에서 인용) AngularJS는 애플리케이션 구축 시 HTML 자체의 단점을 보완하려고 시도합니다. AngularJS를 사용하면 브라우저가 지시문이라고 부르는 구조를 사용하여 새로운 구문을 인식할 수 있습니다. (바이두백과사전 인용) 예를 들면
    H5 튜토리얼 1392 2017-07-23 11:33:37
  • CSS 애니메이션 제작——CSS 애니메이션
    CSS 애니메이션 제작——CSS 애니메이션
    CSS에 익숙한 사람이라면 CSS가 많은 아름다운 애니메이션, 특히 사람들이 많은 애니메이션 효과를 해결하는 데 도움이 되는 온라인 기능을 구현할 수 있다는 것을 알고 있습니다. 오늘은 특히 온라인 CSS 플러그인 기능인 cssanimate를 추천합니다. 이 기능의 가장 큰 특징은 그래픽 인터페이스를 통해 아름다운 CSS3 애니메이션 효과를 쉽게 얻을 수 있다는 점입니다. 이 온라인 도구의 소개를 살펴보겠습니다. CSS3 애니메이션 제작 도구 인터페이스 소개 타임라인(Timeline) 타임라인은 애니메이션을 프레임 단위로 만드는 것과 마찬가지로 각 단계를 조정할 수 있는 중요한 영역입니다.
    H5 튜토리얼 3210 2017-07-23 11:18:56
  • HTML5 WebSocket 이해
    HTML5 WebSocket 이해
    WebSocket은 HTML5가 제공하기 시작한 단일 TCP 연결에서 전이중 통신을 위한 프로토콜입니다. WebSocket API에서는 브라우저와 서버가 핸드셰이크 작업만 수행하면 브라우저와 서버 사이에 빠른 채널이 형성됩니다. 데이터는 둘 사이에서 직접 전송될 수 있습니다. 브라우저는 JavaScript를 통해 WebSocket 연결을 요청을 서버에 보냅니다. 연결이 설정된 후 클라이언트와 서버는 TCP 연결을 통해 직접 데이터를 교환할 수 있습니다. 웹 소켓을 얻을 때
    H5 튜토리얼 1547 2017-07-23 11:03:43
  • HTML5에서 캔버스에 원을 그리는 예 소개
    HTML5에서 캔버스에 원을 그리는 예 소개
    캔버스에 호를 사용하여 원형 패턴을 그립니다. 함수 프로토타입은 context.arc(x, y, radius, 시작 각도, 끝 각도, 시계 반대 방향 회전 여부)이므로 시작 각도와 끝 각도를 수정하여 호를 그릴 수 있습니다.
    H5 튜토리얼 2350 2017-07-22 09:56:49
  • H5 리치 텍스트 편집기에 대한 자세한 소개
    H5 리치 텍스트 편집기에 대한 자세한 소개
    H5 전역 속성 contenteditable을 사용하여 DOM 요소와 해당 하위 요소를 편집 가능하게 만듭니다. <div contenteditable id="editor"> </div> 스타일 코드 html,body {overflow: width: 100% height: ;} * { 여백: 0;
    H5 튜토리얼 3451 2017-07-21 14:10:04
  • Knockoutjs+select2 인사검색 기능 코드 공유
    Knockoutjs+select2 인사검색 기능 코드 공유
     HTML: <select class="form-control PersonEmail" id="txtProjectManager" data-bind="options:{text:ICVInfo.ProjectManager,value:ICVInfo.ProjectManager},optionsText:'text',optionsValue:'val
    H5 튜토리얼 2197 2017-07-21 14:07:47
  • AngularJS '라우팅' 소개 및 사용법
    AngularJS '라우팅' 소개 및 사용법
    이는 편집자가 제공한 일부 학습 자료입니다. 이론적으로는 향후 학습에 필요한 내용일 뿐입니다. 그러나 다음 내용은 참고용으로만 주의해서 사용해야 합니다. " AngularJS에 있습니다. AngularJS는 최근에 정말 인기가 많아 동료, 동급생, 친구들이 모두 사용하고 있습니다. 배우는 것을 권장하지 않습니다. 이름을 들으면 매우 흥분됩니다. 나는하지 않을 것입니다. AngularJS가 무엇인지 설명해보세요. 초보자를 위한 학습 웹사이트와 튜토리얼을 추천합니다. 비록 그 안에 있는 튜토리얼 중 상당수는 매우 간단하지만, 그렇지 않은 경우도 많습니다.
    H5 튜토리얼 1347 2017-07-21 14:05:30
  • vue-devtools를 사용하여 Vue 개발
    vue-devtools를 사용하여 Vue 개발
    서문: Vue는 데이터 기반이므로 개발 및 디버깅 중에 DOM 구조를 보면 구문 분석할 수 있는 것이 없습니다. 하지만 vue-devtools 플러그인의 도움으로 데이터 구조를 쉽게 구문 분석하고 디버깅할 수 있습니다. 1. 크롬 확장 플러그인 다운로드 GitHub 다운로드 주소: https://github.com/vuejs/vue-devtools npm Taobao 이미지를 사용하고 종속 패키지 주소: http://npm.taobao를 따르는 것이 좋습니다. org/명령줄 설치
    H5 튜토리얼 2502 2017-07-21 13:47:23
  • JS 데스크탑 애플리케이션 개발 튜토리얼
    JS 데스크탑 애플리케이션 개발 튜토리얼
    머리말 이 글은 nw 개발 과정에서 겪게 되는 다양한 문제들에 대한 내용이며, 같은 문제를 겪으신 분들을 위한 메모와 해결 방법만을 기록합니다. 1. package.json의 창 필드가 유효하지 않습니다. 이유: package.json의 창 필드는 기본 필드가 *.html이거나 외부 URL인 경우에만 유효합니다. { "이름": "블로그", "메인": &
    H5 튜토리얼 5921 2017-07-21 11:18:32
  • Vue 기본 사항 시작하기
    Vue 기본 사항 시작하기
    Vue.js는 사용자 인터페이스 구축을 위한 진보적인 프레임워크입니다. 다른 헤비급 프레임워크와 달리 Vue는 상향식 증분 개발 설계를 채택합니다. Vue의 핵심 라이브러리는 뷰 레이어에만 중점을 두고 있습니다. 시작하기 쉬울 뿐만 아니라 타사 라이브러리나 기존 프로젝트와도 쉽게 통합할 수 있습니다. 반면 Vue는 Vue 생태계에서 지원하는 단일 파일 구성 요소 및 라이브러리와 결합하면 복잡한 단일 페이지 애플리케이션을 완벽하게 구동할 수 있습니다. Angular에 대해 알고 있다면 Vue를 배우는 것이 매우 쉬울 것입니다. 왜냐하면 한편으로는 당신이 안구에 관심을 갖고 있기 때문입니다.
    H5 튜토리얼 1792 2017-07-21 09:16:50
  • HTML5 새로운 지식
    HTML5 새로운 지식
    1. h5의 새로운 주요 의미 태그는 다음과 같습니다: 1. 헤더 페이지 헤더, 페이지 헤더 2. 탐색 페이지 탐색 3. 기사의 섹션 4. 기사의 섹션 장 5. 옆 사이드바 6. 페이지의 바닥글 하단, 바닥글의 PC 측은 h5 새 태그와 호환됩니다. js 파일 <script type="text/javascript" src="//cdn.bootcss.c를 페이지에 도입하세요.
    H5 튜토리얼 1965 2017-07-21 09:16:29
  • HTML5가 무엇인지 알아보도록 하겠습니다.
    HTML5가 무엇인지 알아보도록 하겠습니다.
    요즘 H5는 기업이나 개발자들 사이에서 점점 더 인기를 얻고 있습니다. 온라인 홍보에 없어서는 안될 도구가 되었습니다. 아직 많은 친구들이 H5가 무엇인지 알지 못할 것입니다. H5에 대한 질문을 통해 더 많이 배우고 발전할 수 있습니다. 관심 있는 친구들은 관심을 기울여 더 많은 것을 배울 수 있습니다. 첫 번째 단계: 기본 단계 슬라이드쇼 방법은 휴대폰에서 PPT를 볼 수 있다는 의미입니다. 이 방법은 실제로 매우 간단합니다. 기본적으로 몇 시간 또는 몇 시간이 소요됩니다. 더욱 짧습니다. H5
    H5 튜토리얼 2000 2017-07-20 21:00:54

도구 권장 사항

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