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

  • gulp를 사용한 압축의 예
    gulp를 사용한 압축의 예
    1. 노드 다운로드 및 설치 http://nodejs.org를 방문하여 큰 녹색 설치 버튼을 클릭하세요. 다운로드가 완료된 후 프로그램을 직접 실행하면 준비가 완료됩니다. npm은 설치 패키지와 함께 설치됩니다. 2. 코드 라인 열기 node -v //노드 버전을 확인합니다. 버전 번호가 표시되면 설치가 성공한 것입니다. npm -v //npm 버전을 확인하세요. 버전 번호가 표시되면 설치가 성공한 것입니다. 위치
    H5 튜토리얼 1444 2017-06-21 15:21:18
  • 전체 화면 전환 효과 예의 온라인 데모
    전체 화면 전환 효과 예의 온라인 데모
    온라인 데모: DEMO DEMO 및 아래 코드에는 호환되는 코드가 없습니다. IE 버전은 CSS3 지원에 적합하지 않습니다. IE11에서 열면 스크롤 효과가 없습니다. 호환되는 코드 접두사: -웹킷- -모즈- -영형- -ms- ​ 코드로 직접 이동하십시오. <!DOCTYPE HTML> <html lang="ko"> <머리> <
    H5 튜토리얼 1856 2017-06-21 14:57:30
  • 역동적인 시각적 차이 배경을 만드는 방법(h5)
    역동적인 시각적 차이 배경을 만드는 방법(h5)
    홈페이지 제작 시 시각적 차이 효과를 사용할 수 있습니다. 그림과 같이 ​ 시각적 수차는 웹 페이지를 만들 때 매우 멋진 효과를 줍니다. 오늘은 동적 시각적 수차를 표현하는 방법에 대해 이야기하고 싶습니다. 효과는 그림과 같습니다. ​ ​ 제작 방법에는 먼저 시각적 차이 플러그인이 필요합니다. 제가 사용하는 플러그인은 좀 더 대중적인 시각적 차이 플러그인입니다. <link rel="stylesheet" type="text/css" href="css/reset.css?1.1.10" /> &엘
    H5 튜토리얼 5149 2017-06-21 14:34:40
  • 페이지에 원형 클릭 가능 영역을 구현하려면 어떻게 해야 합니까?
    페이지에 원형 클릭 가능 영역을 구현하려면 어떻게 해야 합니까?
    1. 지도+지역 DW 소프트웨어 구현 방법 비디오: http://www.chuanke.com/3885380-190205.html 2. 경계 반경(H5) <스타일> .원{ /*서클 설정*/ ​​
    H5 튜토리얼 2384 2017-06-21 14:33:57
  • WEB 프런트엔드 표준 명명 소개
    WEB 프런트엔드 표준 명명 소개
    헤더 ---헤더에 사용됨 메인 콘텐츠 메인 ------------ 메인 콘텐츠에 사용(중간 부분) 왼쪽 메인-왼쪽 -------------왼쪽 레이아웃 오른쪽 기본-오른쪽 -----------오른쪽 레이아웃 코트 랩 -------가장 바깥층에 사용됨 탐색 모음 탐색 -----웹 메뉴 탐색 모음 콘텐츠 콘테
    H5 튜토리얼 1786 2017-06-21 14:33:16
  • Less와 Sass 프레임워크를 사용하는 방법은 무엇입니까?
    Less와 Sass 프레임워크를 사용하는 방법은 무엇입니까?
    1. 구문 감소 1. 변수 선언: ​​@변수명: 변수값; 1 @newHeight:20px; 2. 변수 호출: 1.상자 { 2 너비: @newHeight; 3 높이: @newHeight; 4} 3. 다중 상속(믹스인): 기존 클래스를 자신의 멤버로 호출 1.박스1 { 2. 상자; 3} ​
    H5 튜토리얼 2155 2017-06-21 14:28:56
  • Html5 시맨틱 태그 및 호환성 처리에 대한 자세한 설명
    Html5 시맨틱 태그 및 호환성 처리에 대한 자세한 설명
    <header></header> 헤더 주로 페이지 헤드의 정보 소개에 사용되지만 섹션 헤더에도 사용할 수 있습니다. <hgroup></hgroup> 페이지의 제목 조합, 제목과 부제 또는 슬로건의 조합 <h그룹> <h1>멋진 교실</h1> <h2>인도적인 IT 교육에 참여하세요</h2> </h
    H5 튜토리얼 1393 2017-06-21 14:27:54
  • Sina Weibo 비디오 및 Miaopai 비디오를 다운로드하는 방법
    Sina Weibo 비디오 및 Miaopai 비디오를 다운로드하는 방법
    Sina Weibo 앱 자체는 Weibo 동영상 다운로드 기능을 제공하지 않지만 타사 도구를 사용하여 Weibo 동영상을 다운로드할 수 있습니다. 인터넷에 있는 많은 소프트웨어를 사용하려면 컴퓨터에 설치해야 하지만, 휴대폰에서 사용하려면 사용할 수 없습니다. 그래서 오늘은 휴대폰에서 웨이보, 미아오파이 동영상을 다운로드하는 방법을 공유해드리겠습니다. Sina Weibo 동영상 및 Miaopai 동영상을 다운로드하는 방법: 1. 시나 웨이보 앱을 열고, 다운로드하고 싶은 영상을 찾아 해당 영상이 포함된 웨이보 페이지에서 오른쪽 상단의 점 세 개(...)를 클릭하면 공유 팝업창이 나타납니다. 링크 또는 통과 지점을 복사하려면 클릭하세요.
    H5 튜토리얼 4443 2017-06-21 14:13:23
  • CSS3 Flexbox를 사용하는 방법은 무엇입니까?
    CSS3 Flexbox를 사용하는 방법은 무엇입니까?
    기사 출처: http://www.zhufengpeixun.cn/article/173 1. 서문 Flexbox는 이름에서 알 수 있듯이 유연한 상자입니다. 최근 이 속성이 인기를 얻은 이유는 무엇입니까? 주된 이유는 CSS3 사양이 마침내 대중화되었고(또는 IE는 마침내 실패했음) 모바일 장치의 개발로 인해 적응형 길이와 너비에 상당한 유연성을 갖는 반응형 레이아웃의 등장이 촉진되었기 때문입니다.
    H5 튜토리얼 2201 2017-06-21 14:09:08
  • jQuery Validation 사용법에 대한 자세한 설명
    jQuery Validation 사용법에 대한 자세한 설명
    jQuery 유효성 검사 프레임워크: 기본 HTML 코드: 1 <script src="js/jquery-1.9.1.js?1.1.10"></script> 2 <script src="js/jquery.validate.min.js?1.1 .10"></script> 3 <script> 4 $(함수
    H5 튜토리얼 2073 2017-06-21 13:33:23
  • 웹 SQL 데이터베이스 사용법 튜토리얼
    웹 SQL 데이터베이스 사용법 튜토리얼
    웹 SQL 데이터베이스 API는 HTML5 사양의 일부는 아니지만 SQL을 사용하여 클라이언트 데이터베이스를 운영하기 위한 API 집합을 도입하는 독립적인 사양입니다. 핵심 방법: openDatabase - 기존 데이터베이스 또는 새 데이터베이스를 사용하여 데이터베이스 개체를 생성합니다. - 사물을 제어하고 이 상황에 따라 커밋 또는 롤백을 수행할 수 있습니다. ExecutionSql - 데이터베이스를 열기 위해 실제 SQL 문을 실행합니다. openDatabase() 메서드
    H5 튜토리얼 2223 2017-06-21 13:19:34
  • 빠른 시작 createjs 예제 튜토리얼
    빠른 시작 createjs 예제 튜토리얼
    createjs 프레임워크를 사용하기 시작하면서 아직 인터넷에 관련 튜토리얼이 거의 없다는 것을 알게 되었기 때문에 나중에 쉽게 참고할 수 있도록 글을 작성하게 되었습니다. createjs 소개 공식 웹사이트: http://www.createjs.cc/createjs에는 다음 네 부분이 포함되어 있습니다. EaselJS: 스프라이트, 애니메이션, 벡터 및 비트맵을 그리고 HTML5 Canvas(멀티 터치 포함)에서 대화형 경험을 만드는 데 사용됩니다. TweenJS: 애니메이션 효과에 사용 SoundJS:
    H5 튜토리얼 3747 2017-06-21 10:33:14
  • 처음부터 HTML5 배우기
    처음부터 HTML5 배우기
    HTML5를 처음부터 배우는 데 도움이 되는 기본 HTML5 입문 튜토리얼 1개와 HTML5 소규모 프로젝트 튜토리얼 4개. [HTML5 기본 소개] 이 튜토리얼에서는 구조 태그, 새로운 양식 태그, 파일 작업, 캔버스, 로컬 저장소 등을 포함하여 HTML5의 새로운 기능을 소개합니다. 프론트엔드 프로그래밍에 관심이 있고 이미 HTML을 배운 사람들에게 적합합니다. 실험 목록: [HTML5 기반 로컬 이미지 자르기] 이 프로젝트는 HTML5 캔버스 기술의 사용을 구현하고 HTML5 파일 AP를 결합합니다.
    H5 튜토리얼 3938 2017-06-21 10:28:43
  • 호 및 섹터 로딩 애니메이션을 작성하는 방법은 무엇입니까?
    호 및 섹터 로딩 애니메이션을 작성하는 방법은 무엇입니까?
    0. 정적 렌더링 1. 호 너비: 3em, 높이: 3em, 테두리: 7px 투명 솔리드, 테두리-왼쪽: 7px, 테두리 반경: 50%, #4DB6AC 솔리드; 테두리 반경: 50%;bor
    H5 튜토리얼 1741 2017-06-21 10:28:01
  • 매일 작은 JS 슬라이드쇼. 주요 지식 포인트 : 이벤트
    매일 작은 JS 슬라이드쇼. 주요 지식 포인트 : 이벤트
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>문서</title><style type="text/css">body { margin: 0; } #wrap { 여백: 100px 자동; 위치
    H5 튜토리얼 1379 2017-06-21 09:01:04

도구 권장 사항

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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!