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

Article Tags

H5 Tutorial

Home

Technical articles

Web Front-end

H5 Tutorial

Specific analysis of localStorage and sessionStorage of HTML5 local storage

The data saved by sessionStorage is used for a browser session. When the session ends (usually the window is closed), the data is cleared; the data saved by localStorage exists for a long time. The next time you visit the website, the web page can directly read the previously saved data. data. Except for the different storage periods, the properties and methods of the two objects are exactly the same.

Mar 30, 2017 pm 01:15 PM

HTML5，localStorage、sessionStorage

Code sharing for the main new tags in HTML5

HTML5 is the next generation of HTML standard specification after HTML4, which provides some new elements and attributes. The new tags are beneficial to search engines and semantic analysis, and at the same time better help small screen devices and visually impaired people use them. In addition, they also provide some new functions. In summary, they have the following major features:

Mar 30, 2017 pm 01:12 PM

HTML5，新增标签

Detailed introduction to HTML5 new label Canvas

Canvas is used to display images on web pages and can customize the content. Basically it is a bitmap that can be manipulated with JavaScript.

Mar 30, 2017 pm 01:07 PM

HTML5，Canvas，新标签

HTML5 new features: file and binary data operations

Historically, JavaScript has not been able to handle binary data. If you must process it, you can only use the charCodeAt() method to convert text encoding into binary data byte by byte. Another way is to convert the binary data into Base64 encoding and then process it. Both methods are not only slow, but also error-prone. ECMAScript5 introduced the Blob object, allowing direct manipulation of binary data.

Mar 30, 2017 pm 01:02 PM

HTML5，文件，二进制数据

Detailed explanation of new features of HTML5: Cross-document message transmission

The so-called "same domain restriction" means that for security reasons, the browser only allows scripts to communicate with addresses of the same protocol, same domain name, and same port.

Mar 30, 2017 am 11:55 AM

HTML5，跨文档，消息传输

HTML5 new features Web Worker

The JavaScript language uses a single-threaded model, which means that all tasks are arranged in a queue and can only do one thing at a time. As computer computing power increases, this brings great inconvenience and prevents the full potential of JavaScript. This is especially true considering that the File API allows JavaScript to read local files.

Mar 30, 2017 am 11:54 AM

HTML5，Web ，Worker

HTML5 new features mobile device API

The Geolocation interface is used to obtain the user's geographical location. The method it uses is based on GPS or other mechanisms (such as IP address, WIFI hotspot, etc.).

Mar 30, 2017 am 11:47 AM

HTML5，移动设备，API

HTML5 new features WebSocket

The HTTP protocol is a stateless protocol. The server itself does not have the ability to identify the client. It must rely on external mechanisms, such as sessions and cookies, to maintain a dialogue with a specific client. This brings some inconvenience, especially in situations where the server and client need to continuously exchange data (such as online chat). To solve this problem, HTML5 proposes the browser's WebSocket API.

Mar 30, 2017 am 11:40 AM

HTML5，WebSocket，新特性

Detailed explanation of HTML5 new features Mutation Observer code

Mutation Observer is an interface for monitoring DOM changes. Mutation Observer will be notified when any changes occur in the DOM object tree.

Mar 30, 2017 am 11:29 AM

HTML5，Mutation，Observer

Detailed explanation of WebRTC new features of HTML5

WebRTC is the abbreviation of "Web Real Time Communication". It is mainly used to allow browsers to obtain and exchange video, audio and data in real time.

Mar 30, 2017 am 11:27 AM

HTML5，WebRTC，新特性

Example details of HTML5 Canvas practical scratch effect

In recent years, due to the better support of HTML5 on mobile devices, there are often activities that use scratch-off effects. I have also been looking at H5 content recently and implemented one myself. Now I will share it with everyone.

Mar 30, 2017 am 11:15 AM

HTML5 ，Canvas，刮奖效果

使用HTML5技术开发的超酷颜色选择器

可能大家见过很多使用jQuery/js开发的颜色选择器，今天这里我们将使用HTML5技术来自己实现一个更棒的颜色选择器。希望大家喜欢！

Mar 30, 2017 am 10:53 AM

HTML5，颜色选择器，技术开发

Detailed introduction to the progress bar graphic code of HTML5 super cool particle effect

This article introduces in detail the progress bar application based on HTML5 and JavaScript. This progress bar plug-in is very unique. It presents particle animation effects when displaying progress.

Mar 30, 2017 am 10:37 AM

HTML5 粒子效果，进度条

Detailed analysis of HTML5 imitation mobile phone WeChat chat interface

This article mainly introduces in detail the key codes of the HTML5 imitation mobile WeChat chat interface. It has certain reference value. Interested friends can refer to it.

Mar 30, 2017 am 09:36 AM

HTML5手机微信聊天界面