current location:Home > Technical Articles > Web Front-end > H5 Tutorial

  • How to use H5 to upload pictures
    How to use H5 to upload pictures
    This time I will show you how to use H5 to upload images, and what are the precautions for how to use H5 to upload images. The following is a practical case, let’s take a look.
    H5 Tutorial 8563 2018-06-04 11:20:00
  • JS native array splice method instance
    JS native array splice method instance
    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script>/** splice(start, deleteCount, data1,
    H5 Tutorial 2355 2018-05-30 09:54:23
  • A detailed introduction to the HTML5 Placeholder attribute
    A detailed introduction to the HTML5 Placeholder attribute
    Placeholder (placeholder) is a new HTML attribute in HTML5. It is used to provide prompt information for the expected value of the input field. It has been widely supported by mainstream browsers and is very simple to use:
    H5 Tutorial 5517 2018-05-30 09:51:30
  • HTML5 canvas basic drawing text rendering
    HTML5 canvas basic drawing text rendering
    There are mainly three properties and three methods related to text rendering: The basic usage of the above properties and methods is as follows: var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); context. font="bold 30px Arial"; //Set style context.stroke
    H5 Tutorial 2831 2018-05-29 11:09:39
  • Detailed explanation of using HTML5+Javascript to create PPT on the browser (pictures and text)
    Detailed explanation of using HTML5+Javascript to create PPT on the browser (pictures and text)
    Html5 has become somewhat popular in the IT field recently, causing some disturbances among large companies such as Google, Adobe and Microsoft. The enthusiasm for HTML5 may be just a gimmick, but it may also be a real technological revolution for the Web. It might actually bring the web back to being a desktop application, with the browser being the platform. Regarding the future Internet, I don’t know if you have this idea: web pages are like applications on the current desktop, and browsers are like operating systems such as windows. Then the future PC mechanism will require basic applications such as browsers and storage devices.
    H5 Tutorial 9934 2018-05-29 11:03:42
  • HTML5: Use Canvas to process Video in real time
    HTML5: Use Canvas to process Video in real time
    Combining the functions of video and canvas under HTML5, you can process video data in real time and add various visual effects to the video being played. This tutorial demonstrates how to use JavaScript code to implement a chroma-keying effect (also known as the "green screen effect").
    H5 Tutorial 6127 2018-05-28 17:58:12
  • Detailed explanation of sample code sharing for creating dynamic particle grid animation using HTML5 Canvas
    Detailed explanation of sample code sharing for creating dynamic particle grid animation using HTML5 Canvas
    This article mainly introduces the use of HTML5 Canvas to create dynamic particle grid animation. It is of great practical value. Friends in need can refer to it.
    H5 Tutorial 3224 2018-05-28 17:48:39
  • Implementation of opening APP through mobile browser or jumping to download page
    Implementation of opening APP through mobile browser or jumping to download page
    Open the APP through the mobile browser or jump to the download page. The following only shows the simplest examples and key codes. Due to limited hardware conditions, only Android was tested. Self-reference link for IOS.
    H5 Tutorial 18819 2018-05-28 17:47:29
  • 三分钟HTML5画布(Canvas)动画教程
    三分钟HTML5画布(Canvas)动画教程
    此文下面的教程中将使用的是另外一个叫做kinetic的Web动画工具包。它们都是开源的。把鼠标放到上面的小丑脸上,然后移开,就会有如下效果。 第一步,画五官这个小丑没有耳朵和眉毛,所以只剩下三官,但它的两个眼睛我们要分别绘制,所以一共是四个部分。下面先看看代码
    H5 Tutorial 4424 2019-11-26 17:45:16
  • Detailed explanation of how to make various lists on H5 mobile terminal (3)
    Detailed explanation of how to make various lists on H5 mobile terminal (3)
    Review of the previous situation In the previous blog post "How to Make Various Lists on the Mobile Terminal (2)", we used two DEMOs to demonstrate the production of more demanding lists in H5 on the mobile terminal. However, It seems to be quite simple. In this chapter, we will go deeper. If you saw this article first, it is recommended that you go to the link above and read the corresponding content first, so that the context is coherent and easier to understand. Contents of this article. Lists with small icons In the above two chapters, we made some ordinary lists
    H5 Tutorial 2668 2018-05-28 16:21:29
  • Specifications of MessageEvent and SSE in HTML5
    Specifications of MessageEvent and SSE in HTML5
    1. The new communication method defined by the MessageEvent interface in the HTML5 specification, whether it is WebSocket or SSE, including WebRTC that implements video and audio communication, is based on an interface defined in the HTML5 specification: MessageEvent. This is a message-based event. First, we can take a look at the traditional event types in JavaScript. The traditional base classes of DOM events mainly include: (1) UIEvents: generalized UI events, in which mouse events and keyboard events are
    H5 Tutorial 3007 2018-05-28 16:16:06
  • 使用HTML5画布实现的超棒javascript动画仪表板:gauge.js?1.1.2
    使用HTML5画布实现的超棒javascript动画仪表板:gauge.js?1.1.2
    今天我们分享来自guage.js的超棒动画仪表板实现,这个类库使用html5画布来生成动态的自定义仪表板。不依赖 ...,。
    H5 Tutorial 4279 2018-05-28 11:26:30
  • Detailed explanation of examples of how to insert pictures into canvas in html5
    Detailed explanation of examples of how to insert pictures into canvas in html5
    Displaying images in canvas is very simple. You can add a stamp to the image, stretch the image, or modify the image through the correction layer, and the image will usually become the focus on the canvas. You can easily add image content to canvas with a few simple commands built into the HTML5 Canvas API.
    H5 Tutorial 7983 2018-05-26 16:09:14
  • What is Application Cache?
    What is Application Cache?
    HTML5 introduces application caching technology, which means that web applications can be cached and used without a network. By creating a cache manifest file, offline applications can be easily created.
    H5 Tutorial 6661 2018-05-26 11:39:57
  • Detailed explanation of code cases of HTML5 file operation API
    Detailed explanation of code cases of HTML5 file operation API
    I've often thought how convenient it would be if web applications could read and write files and directories. After moving from offline to online, applications have become more complex, and the lack of APIs in file systems has been hindering the progress of the network. Storing or interacting with binary data should not be limited to the desktop. Fortunately, this situation has finally changed due to the emergence of FileSystemAPI. With the FileSystem API, web applications can create, read, navigate, and write to sandboxed portions of the user's local file system.
    H5 Tutorial 4895 2018-05-26 10:14:06

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28