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

  • Vue 크로스 도메인 솔루션
    Vue 크로스 도메인 솔루션
    vue 프로젝트에서 프런트 엔드와 백엔드가 데이터 요청 또는 제출을 수행할 때 백엔드에 도메인 간 설정이 없으면 프런트 엔드는 "'Access-Control-Allow-Origin' 헤더가 없습니다"라고 보고합니다. 코드를 로컬에서 디버깅할 때 "요청된 리소스"입니다. ” 이런 종류의 도메인 간 오류입니다.
    H5 튜토리얼 2427 2017-10-16 10:43:56
  • 부동 요소 문제
    부동 요소 문제
    하위 요소의 부동으로 인해 상위 요소의 상자가 열리지 않고 상위 요소의 스타일이 표시될 수 없게 됩니다. 다음은 부동을 해제하는 몇 가지 방법입니다.
    H5 튜토리얼 1812 2017-10-16 10:41:09
  • iOS에서 깜박이는 버튼 클릭에 대한 솔루션
    iOS에서 깜박이는 버튼 클릭에 대한 솔루션
    iOS 측에서는 Safari 브라우저에서 클릭 이벤트를 트리거하는 데 300ms의 지연이 있습니다. 터치에 추가된 스타일은 클릭과 충돌하여 깜박이는 문제를 발생시킵니다. Safari에서 해당 터치 이벤트 순서는 다음과 같습니다. > touchmove --> touchend - -> click(300ms) 이때 다음 스타일을 사용하여 클릭 이벤트의 기본 스타일을 취소하여 페이지 깜박임 문제를 제거할 수 있습니다.
    H5 튜토리얼 2578 2017-10-16 10:36:15
  • 유연한 상자 모델 - 컨테이너 속성에 대한 이해
    유연한 상자 모델 - 컨테이너 속성에 대한 이해
    전통적인 레이아웃 구성표는 박스형 모델을 기반으로 하며 디스플레이 속성 + 위치 속성 + 부동 속성에 의존합니다. 예를 들어, 수직 센터링은 달성하기 쉽지 않습니다. 2009년 W3C는 다양한 페이지 레이아웃을 간단하고 완전하며 반응적으로 구현할 수 있는 Flex 레이아웃이라는 새로운 솔루션을 제안했습니다. 현재 모든 브라우저에서 지원되므로 이제 이 기능을 사용해도 안전합니다. Flex 레이아웃을 사용하는 요소를 Flex 컨테이너(Flex 컨테이너) 또는 줄여서 "컨테이너"라고 합니다. 모든 하위 요소는 자동으로 Flex 항목(Flex 항목)이라는 컨테이너 구성원이 됩니다.
    H5 튜토리얼 2215 2017-10-16 10:31:32
  • BootStrap 기본 스타일 소개
    BootStrap 기본 스타일 소개
    Bootstrap 기본 스타일 사용 1. 준비 1. 반응형 레이아웃 Bootstrap은 다양한 장치 크기의 디스플레이 모드에 자동으로 적응할 수 있는 반응형 레이아웃 프레임워크입니다. 사용 방법: head 태그에 다음 코드를 삽입합니다.
    H5 튜토리얼 3954 2018-10-13 15:17:23
  • h5의 배경음악 자동 재생 효과 구현에 대해
    h5의 배경음악 자동 재생 효과 구현에 대해
    음악의 자동 재생 속성도 여기에 소개되어 있습니다: <audiocontrols="controls" autoplay="autoplay"> <source src="song.ogg" type="audio/ogg" /> <source src="song.mp3 " type="audio/mpeg" /> 브라우저
    H5 튜토리얼 4834 2017-10-16 10:14:46
  • dataTransfer 객체에 대한 HTML5 설명
    dataTransfer 객체에 대한 HTML5 설명
    HTML5 드래그 앤 드롭 데이터 전송 기본 드래그 앤 드롭은 dragstart, drag 및 dragend 이벤트를 통해 구현됩니다. 하지만 이것은 단지 드래그 앤 드롭일 뿐입니다. IE6과 IE7에는 여전히 드래그 앤 드롭 문제가 있으며 데이터 교환이 구현되지 않습니다. 데이터 교환을 실현하기 위해 IE5에서는 dataTransfer 개체를 도입했습니다.
    H5 튜토리얼 3359 2017-10-15 10:57:14
  • Tomcat 제거 및 프로세스 중에 발생하는 문제 요약
    Tomcat 제거 및 프로세스 중에 발생하는 문제 요약
    우선 내 컴퓨터는 win8이고 Tomcat 9가 설치되어 있습니다. 이전에 실수로 잘못된 것을 클릭했기 때문에 tomcat이 갑자기 시작되지 않아 제거하고 다시 설치하려고 했으나 다음과 같은 문제가 발생했습니다. 정상적으로 제거 프로세스를 실행하려면 명령 프롬프트에 sc delete Tomcat9.0.0.0을 입력하고 Enter를 클릭하십시오. [SC] OpenService 실패: 1060 지정된 서비스가 설치되지 않았습니다. 오류 이유: 입력한 서비스 이름은 위의 Tomcat9입니다. .
    H5 튜토리얼 6581 2017-10-14 09:35:16
  • HTML5 헤더 메타 소개
    HTML5 헤더 메타 소개
    페이지 메타 정보를 정의하는 데 사용됩니다. 메타 정보를 정의하려면 일부 이름-값 쌍을 지정해야 합니다. id 속성을 지정하는 것 외에도 이 요소는 다음 세 가지 속성을 지정할 수 있습니다: http-equiv: 메타 정보 이름을 지정합니다. 이 속성으로 지정된 이름은 도움을 주기 위해 브라우저에 몇 가지 유용한 정보를 반환할 수 있습니다. 브라우저를 올바르게 처리하십시오. name: 메타정보의 이름을 지정합니다. 이름은 임의로 지정할 수 있습니다. content: 메타정보의 값을 지정합니다. 웹페이지에 효과적인 키워드를 할당하면 검색 엔진이 웹페이지를 색인화하는 데 도움이 됩니다.
    H5 튜토리얼 2105 2017-10-14 09:33:53
  • H5 의미 태그 소개
    H5 의미 태그 소개
    H5 새 태그 ---- 시맨틱 태그 차이점: 1. 기본 스타일이 다릅니다. 2. SEO 최적화 효과가 있습니다. 1. 일반적으로 웹 페이지의 헤드로 사용되는 헤더 2. 옆으로, 사이드바 3. nav, 네비게이션 바 4 . 주소, 주소, 글꼴 스타일 기본 기울임꼴 태그는 문서 또는 기사의 작성자/소유자에 대한 연락처 정보를 정의합니다. 요소가 요소 내부에 있으면 문서 연락처 정보를 나타냅니다. 요소가 요소 내부에 있으면 기사의 연락처 정보를 나타냅니다. 5.초
    H5 튜토리얼 2450 2017-10-14 09:29:43
  • HTML5 개발의 뷰포트 화면 적응
    HTML5 개발의 뷰포트 화면 적응
    고급 휴대폰(Andriod, Iphone, Ipod, WinPhone 등)의 인기로 인해 모바일 인터넷 애플리케이션 개발에 대한 관심이 점점 더 높아지고 있습니다. html5를 사용하여 모바일 애플리케이션을 개발하는 것이 최선의 선택입니다. 하지만 휴대폰마다 해상도와 화면 크기가 다릅니다. 우리가 개발하는 애플리케이션이나 페이지 크기를 다양한 고급 휴대폰에 적합하게 만들려면 어떻게 해야 할까요? HTML5 뷰포트 사용법을 배우면 이 작업을 수행하는 데 도움이 될 수 있습니다.
    H5 튜토리얼 2232 2017-10-13 10:18:46
  • HTML5 태그 선택 방법 가이드
    HTML5 태그 선택 방법 가이드
    HTML5 태그 선택 방법 가이드
    H5 튜토리얼 3022 2017-10-13 09:50:04
  • MUI 상단 탭 사용
    MUI 상단 탭 사용
    MUI는 기본 APP 경험에 가장 가까운 고성능 프런트 엔드 프레임워크입니다. 더 중요한 기능은 풀다운 새로 고침, 측면 슬라이딩 탐색, 슬라이딩 트리거 작업 메뉴 및 상단(하단) 탭 등입니다.
    H5 튜토리얼 4362 2017-10-13 09:39:12
  • HTML5의 콘텐츠 보안 정책(CSP)
    HTML5의 콘텐츠 보안 정책(CSP)
    서문: Cordova는 인라인 이벤트를 지원하지 않으므로 클릭 이벤트를 js로 추출해야 합니다. 다음은 공식 웹사이트에서 발췌한 내용입니다. 많은 잠재적인 크로스 사이트 스크립팅 문제를 완화하는 데 도움이 되기를 바랍니다. , Chrome의 확장 시스템에는 보안 정책(CSP)의 일반 개념 콘텐츠가 포함되어 있습니다. 이는 기본적으로 확장 프로그램을 더욱 안전하게 만들고 확장 프로그램과 애플리케이션에 의해 로드되고 실행될 수 있는 콘텐츠 유형을 제어하는 ​​규칙을 생성하고 시행할 수 있는 기능을 제공하는 상당히 엄격한 정책을 도입합니다. 일반적으로 CSP는 확장 로딩을 위한 해킹/화이트리스트 메커니즘 역할을 합니다.
    H5 튜토리얼 2760 2017-10-07 11:40:00
  • 바인딩시 jquery의 차이점은 무엇입니까
    바인딩시 jquery의 차이점은 무엇입니까
    버전 1.7+부터 JQuery는 이벤트 처리 함수 바인딩 및 취소를 위한 on() 및 off()를 제공합니다. 이 두 API는 원래 JQuery에서 제공하는 바인딩() 및 unbind()와 많은 유사점을 가지고 있지만 몇 가지 차이점도 있습니다. 바인딩 및 바인딩 해제에 대한 자세한 소개는 이 문서를 참조하세요. on()과 bin()의 함수 시그니처는 다음과 같습니다: [javascript] view plain copybi
    H5 튜토리얼 2114 2017-10-07 11:39:52

도구 권장 사항

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