Page 62-H5 Tutorial Programming Tutorials: Learn H5 Tutorial Online-php.cn

Article Tags

H5 Tutorial

Home

Technical articles

Web Front-end

H5 Tutorial

What is the principle of resume transfer? How to use html5 to achieve breakpoint resume upload of files

HTML5's FILE api has a slice method that can split BLOB objects. The front end obtains the corresponding file through the FileList object, divides the large file into segments according to the specified division method, and then passes it to the back end piece by piece, and the back end splices the files piece by piece in order.

May 30, 2017 am 10:36 AM

html5，断点续传

Detailed explanation of how to distinguish between html5 offline storage and local cache instances

There is a web application with three files index.html, a.js, and b.css. Now it is necessary to cache the js and css files. 1. Add to index.html 2. Manifest list The format is as follows

May 30, 2017 am 10:26 AM

html5，离线存储，本地缓存

How to use HTML5's Page Visibility API to achieve focus js events

The current window gets the focus js event. Before HTML5 was released, we used window.onfocus and window.onblur to gain and lose window focus.

May 30, 2017 am 10:06 AM

html5，Page Visibility API，js事件

Using Html5 to implement asynchronous file upload function code example

This article briefly introduces the use of Html5's FormData to implement asynchronous uploading of files. It can also implement upload progress bars and file size verification. The code is simple and easy to understand, very good, and has reference value. Friends who need it can refer to it.

May 29, 2017 am 10:03 AM

html5异步上传文件上传文件

Drag-and-drop API implements drag-and-drop sorting

Foreword HTML5 provides a direct drag-and-drop API, which greatly facilitates us to achieve drag-and-drop effects. We do not need to write a lot of js. We only need to listen to the drag-and-drop events of elements to achieve various drag-and-drop functions.

May 28, 2017 am 11:11 AM

API

indexedDB database

Preface In the local storage of HTML5, there is a database called indexedDB. This database is a NoSQL database stored locally on the client. It can store a large amount of data.

May 28, 2017 am 11:11 AM

indexedDB

H5 drag and drop API basics

We can use H5's new drag-and-drop API to achieve the drag-and-drop effect very conveniently.

May 28, 2017 am 11:07 AM

H5拖放

html5 web storage

In the past, we used document.cookie to store data locally, but because its storage size is only about 4K, the analysis is also very complicated, which brings a lot of inconvenience to development.

May 28, 2017 am 11:06 AM

web

H5 live video broadcast

In order to keep up with the trend, this article will introduce to you the basic process and main technical points in live video broadcasting, including but not limited to front-end technology.

May 28, 2017 am 10:56 AM

视频直播

HTML5 supports server-sent events

HTML5 supports Server-Sent Events - one-way messaging data push (C# example)

May 28, 2017 am 10:54 AM

服务器

HTTP methods, status codes and components

HTTP protocol (HyperText Transfer Protocol, Hypertext Transfer Protocol) is a transfer protocol used to transfer hypertext from the WWW server to the local browser. It can make the browser more efficient and reduce network transmission. It not only ensures that the computer transmits hypertext documents correctly and quickly, but also determines which part of the document is transmitted and which part of the content is displayed first (such as text before graphics), etc.

May 28, 2017 am 10:53 AM

状态码

Self-made WebGL3D model editor based on Babylonjs

Most of the 3D models used in contemporary WebGL programming are converted from 3DsMax models or Blender models. This working mode is more suitable for scenarios where 3D designers and 3D programmers work together. But for WebGL enthusiasts who work alone, this mode is too heavy: not to mention the various bugs in the conversion plug-in itself that seriously reduce the success rate of conversion, just to generate a simple model requires systematic learning of 3DsMax Or the way to use Blender makes people feel that the gain outweighs the gain.

May 28, 2017 am 10:46 AM

WebGL3D

Chinese garbled characters problem

Today, I encountered the problem of Chinese garbled characters in the process of learning HTML5: I developed it using myeclipse 2016, but the encoding format of my project and HTML files are all utf-8, which is still garbled. I searched online and couldn't find it. Later I discovered something interesting and learned the cause of the problem.

May 28, 2017 am 10:43 AM

中文乱码问题

canvas dynamic chart

Preface The powerful functions of canvas make it a very important part of HTML5. As for what it is, I don’t need to introduce it here. Visual charts are one of the manifestations of the powerful functions of canvas.

May 28, 2017 am 10:42 AM

canvas