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

  • SVG를 사용하여 간단한 그래픽을 만드는 방법의 예
    SVG를 사용하여 간단한 그래픽을 만드는 방법의 예
    원형 원<svg width="200" height="200" > <circle cx="100" cy="100" r="80" 스트로크="녹색" 스트로크-너비="4" fill="non
    H5 튜토리얼 1884 2017-06-28 10:33:17
  • nw.js의 localStorage의 물리적 저장소 인스턴스에 대한 자세한 설명
    nw.js의 localStorage의 물리적 저장소 인스턴스에 대한 자세한 설명
    서문: 우리는 Meituan의 테이크아웃 판매자를 위한 nw.js 쉘 프로젝트를 작업하고 있기 때문에 쉘에서 localStorage를 사용하는 데이터가 지속될 수 있는지 확인해야 합니다. 응용 프로그램을 삭제하고 다시 작성하고 패키지하더라도 nw를 저장할 수 있다는 것을 알았습니다. 따라서 이 요구 사항은 해결되었지만 여전히 어디에 저장되어 있는지 알아야 합니다. 그렇지 않으면 어떤 상황에서 명확하지 않습니다. 데이터가 손실됩니다. 저장 위치 nw.js로 패키지된 애플리케이션의 localStorage 저장 디렉터리는 **C:\Users\[사용자 이름]\AppData\Local\[nw
    H5 튜토리얼 2602 2017-06-28 10:31:12
  • Vue Admin에 대한 자세한 소개
    Vue Admin에 대한 자세한 소개
    Vue Admin은 Vue 2.0 및 Bulma 0.3을 기반으로 하는 백엔드 관리 패널(관리 시스템)입니다. 이는 Bootstrap 관리 시스템의 Vue 버전과 동일하며 풍부한 차트 구성 요소를 포함한 공통 백엔드 인터페이스 UI 및 구성 요소 집합을 제공합니다. 상자의 사용 준비가 완료되었습니다. 지금 와서 경험해보세요. 온라인 데모 무료 다운로드
    H5 튜토리얼 5184 2017-06-27 11:04:06
  • 프런트엔드 성능을 최적화하는 방법은 무엇입니까?
    프런트엔드 성능을 최적화하는 방법은 무엇입니까?
    프런트엔드 성능을 최적화하는 방법은 무엇입니까? 콘텐츠 측면 1. HTTP 요청 감소: 파일 병합, CSS 스프라이트, 인라인 이미지 2. DNS 쿼리 감소: DNS 쿼리가 완료되기 전에 브라우저는 이 호스트에서 파일을 다운로드할 수 없습니다. 방법: DNS 캐싱, 적절한 수의 호스트 이름에 리소스 배포, 병렬 다운로드 및 DNS 쿼리 균형 조정3, 리디렉션 방지: 중복 중간 액세스4, Ajax 캐시 가능5, 필수적이지 않은 구성 요소의 지연 로딩6, 향후 필수 구성 요소 사전 로드 7, DOM 요소 8, 리소스 넣기
    H5 튜토리얼 1597 2017-06-27 11:03:02
  • 간단하고 실용적인 js 플러그인 - Swiper
    간단하고 실용적인 js 플러그인 - Swiper
    Swiper(Swiper master)는 현재 모바일 웹 터치 콘텐츠 슬라이딩에 널리 사용되는 js 플러그인으로 캐러셀 및 슬라이딩에 사용할 수 있습니다.
    H5 튜토리얼 2670 2017-06-27 11:02:34
  • 모바일 메타 라인 요약
    모바일 메타 라인 요약
    <meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no,minimal-ui" /> width: 뷰포트 너비(범위 200~10,000, 기본값은 980픽셀) )height: 뷰포트의 높이(223~10,000 범위)
    H5 튜토리얼 1306 2017-06-27 10:04:30
  • Angular2를 배우는 방법?
    Angular2를 배우는 방법?
    최근에는 angle2, 1, 2 버전을 사용하는 프로젝트에 큰 변화가 있었습니다. 다음은 몇 가지 학습 URL과 설치 단계를 요약한 것입니다. 중국 공식 웹사이트(필독): https://angular.cn 게으른 사람 학습: http://www.imooc.com/learn/789 부트스트랩 UI 구성 요소 지원 https://github.com/angular-ui/bootstrap Desert 교사 걸작(동영상 소스 코드 포함): http://git.
    H5 튜토리얼 1699 2017-06-27 10:04:04
  • H5 반응형 웹사이트에 대한 자세한 소개
    H5 반응형 웹사이트에 대한 자세한 소개
    H5 튜토리얼 1569 2017-06-26 15:29:29
  • H5 반응형 웹사이트 구축의 이점은 무엇인가요?
    H5 반응형 웹사이트 구축의 이점은 무엇인가요?
    H5 튜토리얼 1686 2017-06-26 15:21:56
  • 반응형 셀프서비스 웹사이트 구축의 효과는 무엇입니까?
    반응형 셀프서비스 웹사이트 구축의 효과는 무엇입니까?
    H5 튜토리얼 1856 2017-06-26 15:21:20
  • h5의 scrollIntoView 사용법에 대한 자세한 설명
    h5의 scrollIntoView 사용법에 대한 자세한 설명
    페이지가 스크롤되면 DOM이 해결하지 못하는 문제이기도 합니다. 이 문제를 해결하기 위해 브라우저는 개발자가 페이지 스크롤을 더 잘 제어할 수 있도록 하는 방법을 구현했습니다. 다양한 독점 메소드 중에서 HTML5는 표준 메소드로 scrollIntoView()를 선택했습니다. scrollIntoView()는 모든 HTML 요소에 대해 호출할 수 있습니다. 브라우저 창이나 컨테이너 요소를 스크롤하면 호출 요소가 창에 나타날 수 있습니다. true가 이 메소드에 매개변수로 전달되거나 매개변수가 전달되지 않으면 창이 스크롤됩니다.
    H5 튜토리얼 5895 2017-06-25 10:03:23
  • APP 기본 페이지를 시작하는 H5 인스턴스 메소드
    APP 기본 페이지를 시작하는 H5 인스턴스 메소드
    오랫동안 블로그를 작성하지 않았습니다. 최근 H5에 APP 기본 페이지를 출시하라는 요구가 있었는데, 그 과정에서 몇 가지 함정에 부딪혔습니다. 1. 클라이언트는 앱을 시작할 때 Android와 IOS 시스템이 다르게 처리하는지 확인합니다. Android의 개방성으로 인해 브라우저 앱이 사용할 수 있습니다. 브라우저 앱이 휴대폰을 획득할 수 있도록 브라우저에 <a> 태그와 메타 태그를 추가하고 앱을 시작하세요. 그리고 IOS 측에서는
    H5 튜토리얼 2517 2017-06-25 10:02:29
  • 박스 모델 이해
    박스 모델 이해
    박스 모델에는 W3C와 IE 박스 모델의 두 가지 유형이 있습니다. 상자 모델에는 여백, 테두리, 패딩 및 내용이 포함됩니다. W3C 요소 너비 = 콘텐츠 너비 IE 요소 너비=콘텐츠+패딩+테두리 ​ 개인적으로는 W3C에서 정의한 박스 모델과 IE에서 정의한 박스 모델이 더 합리적이라고 생각합니다. 요소의 너비에는 테두리와 패딩이 포함되어야 합니다. 이는 실제 상자와 동일합니다. 여
    H5 튜토리얼 1980 2017-06-23 14:53:03
  • 부트스트랩 모방 상자 + Alipay 홈페이지
    부트스트랩 모방 상자 + Alipay 홈페이지
    작업이 완료되지 않았습니다. 계속 와주세요! 지금은 인터넷이 좋지 않아서 많은 노력이 손실되었습니다. 오늘은 주로 Bootstrap과 HTML5를 결합한 간단한 작은 사례에 대해 이야기하고 있습니다. 우선: 제목부터 모바일 단말임을 알 수 있으므로 다음과 같은 코드 문자열이 필요합니다. <meta name="viewport" content="width=device-width,initial-scale=1"/> 그러면 다음과 같은 코드가 필요합니다. Bootstrap 시뮬레이션 상자에는 이것도 있습니다
    H5 튜토리얼 2668 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 튜토리얼 1630 2017-06-23 14:51:56

도구 권장 사항

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