페이지 101-H5 튜토리얼 프로그래밍 튜토리얼: H5 튜토리얼 온라인 학습-php.cn

Article Tags

H5 튜토리얼

집

Technical articles

웹 프론트엔드

H5 튜토리얼

HTML5에서 웹사이트 프런트엔드 성능을 향상시키는 방법에 대한 샘플 코드 분석

1. 쿠키를 웹 저장소로 대체할 때 가장 큰 문제점은 매번 요청을 따른다는 것입니다. HTML5에서는 sessionStorage와 localStorage를 사용하여 사용자 데이터를 클라이언트에 직접 저장하므로 HTTP 요청의 데이터 양을 줄일 수 있습니다. 게다가 웹 스토리지는 사용자가 직접 작성해야 하는 쿠키와 달리 데이터를 조작할 수 있는 API도 제공합니다. // localStorage가 있으면 th를 사용합니다.

Mar 17, 2017 pm 04:10 PM

HTML5，网站，前端性能

HTML5 캔버스에 대한 자세한 설명(6)

베지어 곡선에 대한 전문적인 소개는 다음을 참조하십시오: http://www.cnblogs.com/jay-dong/archive/2012/09/26/2704188.html 다음은 캔버스에 베지어 곡선을 그리는 코드입니다. : 캔버스 드로잉<스크립

Mar 17, 2017 pm 03:54 PM

HTML5 ，canvas画布

HTML5 캔버스에 대한 자세한 설명(5)

drawImage는 캔버스에 이미지 위치를 지정하는 총 세 가지 방법을 제공합니다. context.drawImage(img,x,y); 캔버스에 이미지를 배치하고 이미지의 너비와 높이를 지정합니다. context.drawImage(img,x,y,width,height);이미지를 자르고 자른 부분을 캔버스에 배치합니다. context.drawImage(img,sx,sy,swidth,height,x,y,width,height

Mar 17, 2017 pm 03:50 PM

HTML5 ，canvas画布

HTML5 캔버스에 대한 자세한 설명(4)

arcTo 사용법 사용법: arcTo(x1, y1, x2, y2, radius) 설명: arcTo() 메서드는 현재 끝점, 끝점 1(x1, y1) 및 끝점 2(x2, y2) 각도로 형성된 클립을 사용합니다. 그런 다음 각도의 양쪽에 접하고 반지름을 갖는 원 위에 호를 그립니다. 호의 시작점은 현재 끝점이 있는 변과 원 사이의 접선점입니다. 호의 끝점은 끝점 2(x2, y2)가 있는 변과 원 사이의 접선점입니다. 그려진 호는 해당 호의 두 접선 사이의 가장 짧은 길이입니다. 게다가 만약에

Mar 17, 2017 pm 03:46 PM

HTML5 ，canvas画布

HTML5 캔버스에 대한 자세한 설명(3)

이 섹션에서는 주로 캔버스의 다양한 사용 사례에 대해 설명합니다. 먼저 캔버스 드로잉을 적용하는 과정에서 겪었던 문제를 해결해 보겠습니다. 이상한 문제가 있습니다. 다음 코드는 캔버스에 100*100 직사각형을 그립니다. 캔버스 기본 연습 .myCanvas{

Mar 17, 2017 pm 03:39 PM

HTML5 ，canvas画布

HTML5 캔버스에 대한 자세한 설명(2)

이전 글에서는 캔버스 태그에 대한 간략한 소개와 사용 예를 제시했지만, 실제로 캔버스를 기반으로 하는 멋진 HTML5 애니메이션과 게임이 많이 만들어지고 있습니다. 그래서 저는 캔버스의 기초를 다지기 위해 캔버스 관련 블로그 게시물 두 개를 계속해서 작성하기로 결정했습니다. 이번 글에서는 캔버스와 관련된 속성과 사용법을 주로 소개합니다. 색상, 스타일 및 음영 속성 설명 fillStyle 그림을 채우는 데 사용되는 색상, 그라데이션 또는 패턴을 설정하거나 반환합니다.

Mar 17, 2017 pm 03:34 PM

HTML5 ，canvas画布

HTML5 캔버스에 대한 자세한 설명(1)

HTML5의 캔버스 요소는 웹페이지에 그래픽을 그리는 데 사용됩니다. 캔버스의 특징 캔버스는 각 픽셀을 제어할 수 있는 직사각형 영역으로, 캔버스에는 직선, 직사각형, 원 및 이미지 추가 방법이 있습니다. 200*200 빨간색 직사각형을 그리는 캔버스 화면: 나의 캔버스 페이지

Mar 17, 2017 pm 03:32 PM

HTML5 ，canvas画布

HTML 태그 선택 윤곽을 기반으로 스크롤 효과를 얻는 간단한 방법

페이지의 자동 스크롤 효과는 자바스크립트로 얻을 수 있지만 오늘 우연히 js 제어 없이 다양한 스크롤 효과를 얻을 수 있는 html 태그인 를 발견했습니다.

Mar 17, 2017 pm 03:08 PM

HTMLmarquee滚动效果

새로 고치지 않고 현재 URL 코드 예제를 변경하는 HTML5의 pushstate 및 popstate 작업 기록에 대한 자세한 설명

이 글에서는 주로 HTML5의 pushstate와 popstate 연산의 역사를 소개하고, 새로 고침 없이 현재 URL을 변경하는 관련 정보를 필요한 친구들이 참고할 수 있습니다.

Mar 16, 2017 pm 04:25 PM

HTML5，pushstate，popstate

HTML5 브라우저 호환 솔루션에 대한 자세한 설명

현재 대부분의 브라우저는 HTML5를 지원합니다. 하위 버전의 브라우저는 HTML5 브라우저를 모두 지원하며, 인식되지 않는 요소는 자동으로 인라인 요소로 처리됩니다. 따라서 다음 방법을 사용하여 브라우저가 "알 수 없는" HTML 요소를 처리하도록 가르칠 수 있습니다. HTML5 요소를 블록 요소로 정의 HTML5는 8개의 새로운 HTML 의미 요소를 정의합니다. 이 모든 요소는 블록 수준 요소입니다. 이전 브라우저에서 이러한 요소를 올바르게 표시하려면 CSS 표시 속성을 설정하면 됩니다.

Mar 16, 2017 pm 04:19 PM

HTML5，浏览器，兼容性

HTML5 웹 스토리지-웹 SQL 샘플 코드 분석

웹 SQL이란 무엇입니까? 우리는 종종 애플리케이션에서 대량의 구조화된 데이터를 처리합니다. HTML5는 애플리케이션이 비동기 Javascript 인터페이스를 통해 SQLlite 데이터베이스에 액세스할 수 있도록 하는 웹 SQL 데이터베이스 개념을 도입합니다. 그러나 현재 웹 SQL은 HTML5 사양에 포함되어 있지 않고 별도의 사양입니다. Safari, Chrome, Oprea 브라우저는 웹 SQL을 지원합니다. 세 가지 핵심 방법 웹 SQL 데이터베이스 사양에 정의된 세 가지 핵심 방법: ope

Mar 16, 2017 pm 04:16 PM

HTML5 ，web存储，web SQL

HTML5 로컬 데이터베이스 세부정보

복잡한 데이터베이스의 경우 HTML5는 작업을 위해 로컬 데이터베이스를 사용합니다. 이것은 브라우저 측 데이터베이스입니다. 로컬 데이터베이스에서는 JavaScript를 사용하여 직접 데이터베이스를 생성하고 SQL 문을 사용하여 관련 데이터베이스 작업을 수행할 수 있습니다. 다음은 로컬 데이터베이스의 각 API와 사용법을 소개합니다. 1. openDatabase를 사용하여 데이터베이스를 생성합니다. openDatabase 메소드를 사용하여 데이터베이스를 생성할 수 있습니다. openDatabase 메소드는 5개의 매개변수, 즉 데이터베이스 이름, 데이터베이스 버전 번호를 전달합니다.

Mar 16, 2017 pm 04:10 PM

HTML5，数据库

WebSocket API HTML5 사양 번역에 대한 자세한 소개

1. 소개 웹 애플리케이션이 서버 프로세스와 양방향 통신을 유지할 수 있도록 여기에서는 WebSocket 인터페이스를 소개합니다. 참고: 이 인터페이스는 기본 네트워크에 대한 원시 액세스를 허용하지 않습니다. 예를 들어 이 인터페이스는 없이 IRC 클라이언트를 구현하는 데 사용할 수 없습니다.

Mar 16, 2017 pm 04:06 PM

WebSocket ，API ，HTML5

HTML5 객체지향 게임 개발의 간단한 예 공유

HTML5 게임 개발에 관한 책을 읽다가 좋은 예를 발견했는데, 이를 통해 객체지향 개발에 대한 더 깊은 이해를 얻을 수 있었습니다. 이 객체가 달성하고자 하는 것은 CSS 스프라이트의 이미지를 캔버스에 그리는 것입니다. 먼저 SpriteSheet 객체를 만듭니다. 코드는 다음과 같습니다. var SpriteSheet = new function(){ this.map = { };

Mar 16, 2017 pm 04:02 PM

HTML5，面向对象，游戏开发