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

  • vue-cli를 사용하여 vue 프로젝트와 웹팩을 빌드하는 방법은 무엇입니까?
    vue-cli를 사용하여 vue 프로젝트와 웹팩을 빌드하는 방법은 무엇입니까?
    나는 오랫동안 Vue를 사용해 왔으며 크고 작은 프로젝트를 수행했습니다. 최근에는 지식 포인트를 요약하고 Vue+webpack 시리즈를 시작하고 싶습니다. construction-vue-cli. .Vue+webpack이므로 여기서는 git에 대한 자세한 내용은 다루지 않겠습니다. 기본 환경이 구성되어 있습니다. 첫 번째 단계는 폴더를 만드는 것입니다. 두 번째 단계는 폴더에서 git bash를 연 다음 npm install --global vue-cli 명령줄을 입력하여 vue-cl을 전역적으로 설치하는 것입니다.
    H5 튜토리얼 3052 2017-06-22 15:30:03
  • Canvas를 사용하여 점선을 그리는 방법
    Canvas를 사용하여 점선을 그리는 방법
    이전 장에서 선형 경로 그리기는 주로 movoTo() 및 lineTo()와 같은 메서드를 사용한다고 언급했습니다. 물론 Canvas 2D API는 점선 그리기 메서드인 CanvasRenderingContext2D.setLineDash()도 제공합니다. 점선을 보십시오. 그리기 방법 구문 ctx.setLineDash(segments) 매개변수 세그먼트: 배열 배열. 선분을 교대로 그리는 것에 대한 설명 집합
    H5 튜토리얼 3753 2017-06-22 15:27:56
  • Lianliankan 미니 게임 예제 코드의 프런트 엔드 구현
    Lianliankan 미니 게임 예제 코드의 프런트 엔드 구현
    블로거는 오랫동안 Lian Lian Kan을 플레이해 왔지만 Lian Lian Kan이 최대 2턴만 할 수 있다는 사실을 처음으로 발견했습니다. orz... 인터넷에서 Lianliankan의 연결 알고리즘 판단을 검색했지만 매우 포괄적인 것을 찾지 못했습니다. 스스로 탐색한 후 다음 그림을 그렸습니다. (그림이 좀 못생겼습니다...) 1. 같은 직선 위에 있는 두 물체는 직접 연결될 수 있습니다. (이것은 설명할 필요가 없습니다.) 2. 두 물체가 같은 직선 위에 있고, 중간에 장애물이 있어 직접 연결할 수 없습니다(2회전). 점 A, B 등 노란색 선의 교차점을 순환한 다음 파란색 선에 장애물이 없는지 확인합니다.
    H5 튜토리얼 5604 2017-06-22 15:15:59
  • Vue를 사용하여 필요에 따라 로드하여 사용자 경험 개선
    Vue를 사용하여 필요에 따라 로드하여 사용자 경험 개선
    Vue 공식 문서 비동기 구성 요소: 대규모 애플리케이션에서는 애플리케이션을 여러 개의 작은 모듈로 분할하고 요청 시 서버에서 다운로드해야 할 수도 있습니다. 작업을 더 쉽게 하기 위해 Vue.js에서는 구성 요소 정의를 동적으로 해결하는 팩토리 함수로 구성 요소를 정의할 수 있습니다. Vue.js는 구성 요소를 렌더링해야 할 때만 팩토리 기능을 트리거하고 후속 재렌더링을 위해 결과를 캐시합니다. http://www.cnblogs.com/Kummy/p/5254754.htmlvue의 원본 이미지 및 텍스트 주문형 로드 관련
    H5 튜토리얼 2355 2017-06-22 15:14:48
  • 테이블에서 슬래시 헤더 효과를 얻는 방법
    테이블에서 슬래시 헤더 효과를 얻는 방법
    테이블, 이것은 확실히 모든 사람에게 친숙한 것입니다. 코드에서 자주 접하기 때문에 테이블에 슬래시 헤더를 추가해야 하는 경우가 있는데, 이 효과를 얻는 방법은 무엇입니까? 다음과 같은 방법을 요약했습니다. 1. 가장 간단한 방법 회사 UI에 직접 가서 사진을 만들어 달라고 해서 여기에 배경 사진으로 넣은 뒤 채워주세요. 매우 간단하지 않습니까! ! ! 2. 아주 간단한 방법 사실 CSS3를 아는 친구들은 이 효과를 보면 속성 변환이 즉시 머릿속에 떠오릅니다.
    H5 튜토리얼 2442 2017-06-21 16:19:04
  • CSS3+javascript를 사용하여 회전하는 3D 상자를 만드는 방법은 무엇입니까?
    CSS3+javascript를 사용하여 회전하는 3D 상자를 만드는 방법은 무엇입니까?
    ​ 오늘은 3D 속성으로 작성된 3D 상자인 CSS3를 작성하고 이를 JavaScript와 결합하여 상자가 마우스로 회전하도록 하겠습니다. 오늘은 새로운 CSS3 속성 3d를 가져왔습니다. <!DOCTYPE HTML> <html> <머리> <meta charset="UTF-8"> <제목></제목> <스타일 유형="텍스트/c
    H5 튜토리얼 3570 2017-06-21 16:12:43
  • DOM에서 양식 작업 및 노드 작업 공유
    DOM에서 양식 작업 및 노드 작업 공유
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>문서</title><script type="text/javascript">window.onload = 함수( ){ var 입력 = 문서
    H5 튜토리얼 1537 2017-06-21 16:10:12
  • React Native에서 ScrollView 캐러셀 차트 구현 방법 예시
    React Native에서 ScrollView 캐러셀 차트 구현 방법 예시
    1.index.Android.js   '반응'에서 React, { 구성요소}를 가져옵니다.   가져오기 {     앱등록,     스타일쉬
    H5 튜토리얼 2805 2017-06-21 16:07:29
  • CSS+HTML5 사용 예
    CSS+HTML5 사용 예
    1.HTML5 기본 문서 유형 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 전환: 전환 유형 엄격한: 엄격한 유형 FrameSet: 프레임 유형 <!DOCTYPE HTML
    H5 튜토리얼 2425 2017-06-21 15:54:01
  • HTML5-canvas 사용법 소개
    HTML5-canvas 사용법 소개
    <캔버스> 새 요소 <canvas> 요소는 스크립트(보통 JavaScript)를 통해 수행되는 그래픽 그리기에 사용됩니다. <canvas> 태그는 단지 그래픽 컨테이너이므로 그래픽을 그리려면 스크립트를 사용해야 합니다. Canva를 사용하면 경로, 상자, 원, 문자를 그리고 이미지를 추가하는 등 다양한 방법을 사용할 수 있습니다. ​ 참고: 기본적으로 <canvas> 요소에는 테두리나 내용이 없습니다.
    H5 튜토리얼 1743 2017-06-21 15:52:14
  • 유연한 상자 모델: Flex 상자의 인식 및 사용
    유연한 상자 모델: Flex 상자의 인식 및 사용
    유연한 박스 모델 레이아웃 계획 기존 레이아웃 솔루션은 대부분 div+css+float+position+display를 사용하여 구현되지만 CSS3에 유연한 상자 모델이 도입되면서 프런트 엔드 레이아웃 솔루션에 또 다른 강력한 옵션이 있습니다. 최근 작은 프로그램을 연구하다 보니 중간에 유연한 상자 레이아웃을 사용하는 것이 더 효과적이고 효율적이라는 것을 알게 되었고, 유연한 상자 모델에 대해 배운 관련 지식 포인트를 모아 모두와 공유했습니다. 유연한 상자 모델의 유연한 레이아웃 소개 Flexbox 모델(flexbox)은 유연한 레이아웃이라고도 합니다.
    H5 튜토리얼 1997 2017-06-21 15:48:15
  • html5의 새로운 태그는 무엇입니까?
    html5의 새로운 태그는 무엇입니까?
    HTML5 1. 진술 HTML5: World Wide Web의 핵심 언어이자 HTML 사양의 다섯 번째 주요 개정판입니다. HTML5는 HTML 표준의 다음 버전입니다. HTML5는 doctype 선언과 같은 미묘한 구문을 많이 단순화하므로 <!doctype html>만 작성하면 됩니다. 2. 레이아웃을 위한 시맨틱 태그 기사: 태그 로딩은 기사, 보고서, 소설 등 독립적인 기사 콘텐츠를 표시합니다. 섹션: 태그는 문서의 섹션을 정의합니다(
    H5 튜토리얼 2043 2017-06-21 15:47:34
  • React를 활용한 웹사이트 작성 경험
    React를 활용한 웹사이트 작성 경험
    이 웹사이트는 졸업 프로젝트입니다. 이 웹사이트를 개발하는 목적은 주로 일부 메모를 기록하고 일부 정보를 집계하는 것입니다. 또한 온라인 세계에서 몇 가지 기술적인 아이디어를 연습할 수 있는 조용한 장소로 간주될 수도 있습니다. 처음에는 웹사이트의 프론트엔드를 Vue를 이용해서 개발했는데, 얼마 전에는 프로젝트의 개발 진행이 더 이상 급하지 않아서 여유 시간이 좀 있었습니다. 그리고 아직까지 React를 사용해본 적이 없어서 걱정이 많아서 그냥 React를 사용해 봤습니다.
    H5 튜토리얼 3595 2017-06-21 15:24:41
  • 웹 스토리지 개요 및 로컬 데이터베이스
    웹 스토리지 개요 및 로컬 데이터베이스
    이전 기사: HTML5 Notes 2 - HTML5 오디오/비디오 태그에 대한 자세한 설명 웹 스토리지 개요 HTML5에서는 Canvas 요소 외에 또 다른 중요한 새 기능으로 클라이언트에 로컬로 데이터를 저장할 수 있는 웹 저장소 기능이 있습니다. 이전에는 클라이언트에서 쿠키를 사용할 수 있었습니다. 사용자 이름과 같은 간단한 사용자 정보는 저장되지만, 장기간 사용을 통해 사람들은 쿠키를 사용하여 영구 데이터를 저장하는 데 몇 가지 문제가 있음을 발견했습니다. 크기: 쿠키의 크기는 제한되어 있습니다.
    H5 튜토리얼 1393 2017-06-21 15:24:03
  • 부트스트랩의 장점과 단점은 무엇입니까?
    부트스트랩의 장점과 단점은 무엇입니까?
    부트스트랩의 장점과 단점은 무엇입니까? Bootstrap은 HTML, CSS 및 JavaScript를 기반으로 하는 웹 애플리케이션 및 웹 사이트의 신속한 개발을 위한 프런트 엔드 프레임워크입니다. 장점은 다음과 같습니다: 모바일 장치 우선, 주류 브라우저 지원, 사용하기 쉬운, 반응형 디자인 단점: IE6을 지원하지 않음, 의미가 충분하지 않은 클래스의 과도한 사용, 부트스트랩을 사용하여 개발된 웹사이트는 심각하게 균질화되어 있습니다. Bootstrap은 화면이나 뷰포트에 따라 변경되는 반응형 모바일 우선 유동 그리드 시스템을 제공합니다.
    H5 튜토리얼 6686 2018-10-13 16:02:15

도구 권장 사항

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