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

  • Spring WebSocket에 대한 자세한 소개
    Spring WebSocket에 대한 자세한 소개
    Websocket은 Html5의 새로운 기능 중 하나이며 브라우저와 서버 간의 전이중 통신 방법을 설정하고 http 요청-응답으로 인한 과도한 리소스 소비를 해결하며 특수 시나리오 응용 프로그램에 대한 새로운 구현 방법을 제공하는 것이 목적입니다. , 채팅, 주식 거래, 게임 및 실시간 요구 사항이 높은 기타 산업 등.
    H5 튜토리얼 1829 2017-07-03 15:18:28
  • h5의 파일 업로드 및 다운로드 예
    h5의 파일 업로드 및 다운로드 예
    서문 HTML5에서 제공되는 파일 API는 프런트 엔드에 풍부한 애플리케이션을 갖추고 있으며, 콘텐츠 업로드, 다운로드, 읽기 등은 일상적인 상호 작용에서 일반적입니다. 그리고 IE는 IE10 이상의 버전만 지원한다는 점을 제외하면 모바일 단말기를 포함한 다양한 브라우저와의 호환성이 비교적 좋습니다. 운영 파일의 기능을 더 잘 익히려면 먼저 각 API에 익숙해져야 합니다. 원저자: Lin Xin, 작성자 블로그: https://github.com/lin-xin/blogFileList 객체 및 HTML의 파일 객체 입력
    H5 튜토리얼 3377 2017-07-03 09:28:18
  • node.js의 파일 간 소개 튜토리얼 예제
    node.js의 파일 간 소개 튜토리얼 예제
    ode.js의 기본 구문은 JavaScript의 구문이므로 JavaScript를 아는 학생에게는 더 쉽습니다. 환경 구성은 공식 설명서를 방문하면 비교적 간단합니다. 여기에서는 제가 공부하면서 정리한 몇 가지 내용을 공유하겠습니다. 파일 간 변수와 함수를 도입하고 사용하는 방법에 대해 이야기하는 첫 번째 기사입니다. Code Edge » node.js 노트 - 파일 간 소개 http://ww
    H5 튜토리얼 1732 2017-06-30 18:03:08
  • C 문자열의 정의 방법 및 설명 예
    C 문자열의 정의 방법 및 설명 예
    <meta charset="utf-8">은 브라우저에게 해석을 위해 UTF-8을 사용하도록 지시합니다. 동시에 문서를 저장할 때 인코딩 형식도 UTF-8 형식이어야 합니다.
    H5 튜토리얼 1812 2017-06-30 16:31:16
  • HTML5 캔버스 학습에 대한 소개 예시
    HTML5 캔버스 학습에 대한 소개 예시
    1. HTML5에서 캔버스 태그 생성 window.onload = function(){ createCanvas(); } function createCanvas(){ var canvas_width= 200, canvas_height = 200; document.body.innerHTML = "<canvas id=\"canvas \ "
    H5 튜토리얼 1586 2017-06-30 15:30:33
  • ngAnimate 플러그인의 기능은 무엇인가요?
    ngAnimate 플러그인의 기능은 무엇인가요?
    ngAnimate 플러그인의 기능은 무엇인가요? ngAnimate 플러그인은 이름에서 알 수 있듯이 요소에 애니메이션을 제공합니다. 애니메이션을 어떻게 정의하나요? 첫 번째 단계는 플러그인 <script src="//cdn.bootcss.com/angular.js/1.3.20/angular.js?1.1.11"></script><script src="를 도입하는 것입니다. //cdn.com/angular.js/1.3
    H5 튜토리얼 1567 2017-06-30 15:27:42
  • SVG 사례에 대한 자세한 설명
    SVG 사례에 대한 자세한 설명
    svg를 사용하는 경우가 많습니다. 심심할 때 몇 가지 간단한 예를 만들어 봤습니다. svg를 사용하고 나면 애니메이션과 그림을 만드는 것이 훨씬 편리해집니다. 작은 예를 살펴보겠습니다! ! 1. 예시 1 CSS 코드 html, body { 너비: 100%; 높이: 100%;}body { 배경: #131518;}#patt1 경로 { 스트로크: #ff
    H5 튜토리얼 1867 2017-06-30 15:27:05
  • 포스터 이미지를 합성하기 위해 캔버스를 사용하여 모바일 프로젝트를 공유합니다.
    포스터 이미지를 합성하기 위해 캔버스를 사용하여 모바일 프로젝트를 공유합니다.
    최근 캔버스를 사용해 포스터 이미지를 합성하는 모바일 프로젝트를 진행했는데, 캔버스 기반이 없어서 인터넷에서 선배님의 데모를 찾아봤는데, 개발 과정에서 많은 문제가 발생했습니다. 발생한 문제와 해결 방법을 요약하면 다음과 같습니다. 1. 모바일 캔버스 프로젝트를 전체 화면으로 적용할 때 발생하는 문제 문제 설명: 캔버스의 너비와 높이를 px 값으로만 ​​설정할 수 있고 rem을 지원하지 않기 때문입니다. 단위에서는 모바일 장치의 화면 해상도가 복잡할 때 캔버스의 전체 화면 범위를 달성하려고 합니다.
    H5 튜토리얼 6737 2017-06-30 15:26:43
  • CSS 작성 순서에서 주의할 점은 무엇인가요?
    CSS 작성 순서에서 주의할 점은 무엇인가요?
    1. CSS 순서 우선 브라우저가 CSS를 읽는 방식은 위에서 아래로 진행된다고 명시되어 있습니다. 우리는 일반적으로 CSS를 작성하며 요소에 이러한 속성이 있는 한 원하는 효과를 얻을 수 있습니다. 그러나 이는 향후 유지 관리 및 브라우저의 렌더링 효율성에 일정한 영향을 미칩니다. 그렇다면 CSS의 순서를 어떻게 작성해야 할까요? 특정 규범이 있나요? 우선, CSS의 속성은 특성에 따라 여러 범주로 구분됩니다. 1. 표시, 위치 및 부동과 같은 요소의 특성을 지정합니다. 2. 요소의 레이아웃 방법을 지정합니다. 요소의 공간.
    H5 튜토리얼 1397 2017-06-30 15:26:11
  • Vue의 데이터 상호작용 형태는 무엇입니까?
    Vue의 데이터 상호작용 형태는 무엇입니까?
    var that=this get request that.$http.get("1.txt").then(function(result){console.log(result)this.msg=result.data;})post 요청에는 데이터를 보내기 위한 환경이 필요합니다. datathat.$http.post("1.txt","").then(f를 수신합니다.
    H5 튜토리얼 2219 2017-06-30 15:25:39
  • QQ 채팅 풍선을 구현한 h5의 예
    QQ 채팅 풍선을 구현한 h5의 예
    이 기사에서는 HTML5의 QQ 채팅 풍선 효과 구현을 주로 소개합니다. HTML/CSS를 사용하여 QQ와 유사한 채팅 풍선을 만드는 데 관심이 있는 친구가 참조할 수 있습니다.
    H5 튜토리얼 2976 2017-06-29 16:01:42
  • className 및 href의 예에 대한 자세한 설명
    className 및 href의 예에 대한 자세한 설명
    JS 및 a href의 세미콜론 끝과 닫는 따옴표 <a href="javascript:;">빈 링크</a><a href="javascript:alert('a');"에 주의하세요. >팝업</a >일반적으로 코드를 그대로 두는 것은 괜찮습니다. 일반적으로 비어 있는 경우 파운드 기호 '#'을 사용할 수도 있지만 별로 좋지 않습니다. 폭:100p
    H5 튜토리얼 2183 2017-06-29 11:14:52
  • 모바일 페이지 너비 값 예시 코드 공유
    모바일 페이지 너비 값 예시 코드 공유
    모바일 웹 페이지 너비 값(메타 뷰포트 태그 제외): iphone: 980px 갤럭시(Galaxy): 980px Nexus: 980px blackberry(Blackberry): 980pxLG: 980px Nokia: 980pxkindle: 1600pxipad: 980pxiPad pro: 1024px 테스트 코드: 1 <!DOCTYPE html > 2 <
    H5 튜토리얼 2060 2017-06-29 11:13:17
  • iOS가 html5 오디오 태그를 로드할 때 발생하는 문제 공유
    iOS가 html5 오디오 태그를 로드할 때 발생하는 문제 공유
    html5 오디오 태그가 iOS WeChat 브라우저에서 자동으로 재생되지 않습니다. 최근 소규모 프로젝트를 진행하면서 이 문제가 발생했습니다. Android와 PC 모두 정상이지만 iOS에서는 그렇지 않습니다. 어쩌면 가장 유용한 방법이 아닐 수도 있습니다. 더 편리한 방법이 있으면 메시지를 남겨주세요: html 부분: <audio id="audio"><source src="20161012102044_57fd9dfc04
    H5 튜토리얼 2124 2017-06-29 10:12:14
  • CSS의 3D 효과를 이해하도록 안내합니다.
    CSS의 3D 효과를 이해하도록 안내합니다.
    오늘은 CSS의 3D 효과에 대해 이야기해 보겠습니다. CSS를 통해 직접 많은 멋진 효과를 만들 수 있습니다. 내일은 CSS를 통해 만드는 방법에 대해 알아보겠습니다. 캐러셀 이미지를 만들려면 CSS를 사용하세요. 아주 좋습니다. Cuihua의 코드는 다음과 같습니다. 1 <!DOCTYPE html> 2 <html> 3 <head>
    H5 튜토리얼 1509 2017-06-28 10:36:29

도구 권장 사항

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