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

  • How to invoke app in html5
    How to invoke app in html5
    It is common for h5 to evoke this need in apps. In an era where mobile is king, h5 plays an important role in app traffic diversion. The evocation method we currently use is url scheme (supported by both iOS and Android platforms). You only need to register the scheme during native APP development, and then when the user clicks on such a link, they will automatically jump to the APP.
    H5 Tutorial 4061 2018-05-25 15:58:51
  • Summary of several storage methods in front-end HTML5
    Summary of several storage methods in front-end HTML5
    Overall situation Before h5, cookies were mainly used for storage. The disadvantage of cookies is that they carry data in the request header, and the size is within 4k. Main Domain pollution. Main applications: shopping cart, customer login. For IE browser, there is UserData, the size is 64k, only IE browser supports it.
    H5 Tutorial 3385 2018-05-25 11:12:28
  • Javascript this 的一些学习总结
    Javascript this 的一些学习总结
    1.1.1 摘要 相信有C/C++、C#或Java等编程经验的各位,对于this关键字再熟悉不过了。由于Javascript是一种面向对象的编程语言,它和C/C++、C#或Java一样都包含this关键字,接下来我们将向大家介绍Javascript中的this ...,。
    H5 Tutorial 1993 2018-05-25 09:45:05
  • Detailed explanation of examples of implementing the camera function through H5
    Detailed explanation of examples of implementing the camera function through H5
    HTML5 Photography First, let’s take a look at the HTML code structure. Of course, this part of the DOM content should be dynamically loaded and generated after the user allows the use of his camera event. Interested friends can learn more
    H5 Tutorial 5720 2018-05-25 09:21:43
  • Usage examples of drawImage (image scaling or cropping) in H5 Canvas API
    Usage examples of drawImage (image scaling or cropping) in H5 Canvas API
    This article mainly introduces the usage examples of the drawImage() method in the HTML5 Canvas API. The drawImage() method is mainly used to scale or crop images. The article gives the usage of its coordinates and related parameters. Friends who need it can refer to it.
    H5 Tutorial 16988 2018-05-24 16:29:54
  • 使用jQuery控制HTML5视频播放/暂停
    使用jQuery控制HTML5视频播放/暂停
    我尝试用jQuery控制HTML5视频,两个视频分别在两个tab中,我希望点中tab后,该tab里的视频可以立即播放,而另外tab里的视频能够停止。,。
    H5 Tutorial 4390 2018-05-24 16:18:13
  • HTML5 canvas basic drawing: drawing five-pointed star
    HTML5 canvas basic drawing: drawing five-pointed star
    <canvas></canvas> is a new tag in HTML5, used to draw graphics. In fact, this tag is the same as other tags. Its special feature is that this tag can obtain a CanvasRenderingContext2D object, which we can use JavaScript scripts to Control this object for drawing. <canvas></canvas> is just a container for drawing graphics. In addition to attributes such as id, class, style, and hei
    H5 Tutorial 9581 2018-05-24 15:25:43
  • Xiaoqiang's road to HTML5 mobile development (5) – making a beautiful video player
    Xiaoqiang's road to HTML5 mobile development (5) – making a beautiful video player
    In the previous articles, we introduced the characteristics of HTML5 and the basic knowledge that needs to be mastered. Now let’s start to truly experience the advantages of Html5. Let’s start making a beautiful video player. Smile, don’t worry, understand it before starting to make it. Let’s talk about the basic knowledge of video files.
    H5 Tutorial 11432 2018-05-24 14:40:02
  • HTML5 CANVAS:绘制图片
    HTML5 CANVAS:绘制图片
    通过前面的学习,我们现在已经可以在HTML5 Canvas中绘制图形和文字,并给它们设置一些样式。我们还可以在canvas中绘制图片。,。
    H5 Tutorial 5918 2018-05-24 13:50:39
  • Detailed explanation of html5 video mobile terminal
    Detailed explanation of html5 video mobile terminal
    This article mainly introduces a brief discussion of filling in the pitfalls of HTML5 video on the mobile terminal. The editor thinks it is quite good, so I will share it with you now and give it as a reference. Let’s follow the editor to take a look, I hope it can help everyone.
    H5 Tutorial 7137 2018-05-24 11:16:11
  • Instructions for using the open source code flv.js
    Instructions for using the open source code flv.js
    Flv.js is an HTML5 Flash video (FLV) player, developed purely with native JavaScript and does not use Flash. Open sourced by bilibili website. A JavaScript library that implements playing FLV format videos in HTML5 videos. It works by transcoding and muxing an FLV file stream into ISO BMFF (MP4 fragment) fragments, then feeding the MP4 fragments into the browser via Media Source Extensions. flv.js is written in ECMAScript 6 and passed through Babel Compiler
    H5 Tutorial 17939 2018-05-24 11:11:56
  • How to remove the default style of the input box on the mobile H5 page
    How to remove the default style of the input box on the mobile H5 page
    This time I will show you how to remove the default style of the input box on the mobile H5 page. What are the precautions for removing the default style of the input box on the mobile H5 page. The following is a practical case, let's take a look.
    H5 Tutorial 5600 2018-05-24 09:54:28
  • HTML5 Plus example code to implement the function of taking pictures or selecting pictures in the album to upload on mobile APP
    HTML5 Plus example code to implement the function of taking pictures or selecting pictures in the album to upload on mobile APP
    This article mainly introduces the Camera, GalleryIO, Storage and Uploader of HTML5 Plus in detail, and the relevant information to realize the function of taking pictures or selecting pictures in the album to upload on the mobile APP. Interested friends can refer to it.
    H5 Tutorial 15927 2018-05-23 15:12:52
  • Detailed explanation of HTML5 placeholder attribute
    Detailed explanation of HTML5 placeholder attribute
    This article mainly introduces the HTML5 placeholder attribute in detail. The placeholder attribute allows you to display prompt information in the text box. Interested friends can refer to it.
    H5 Tutorial 2529 2018-05-23 10:57:58
  • Detailed introduction to the effect of HTML5 using Audio tags to achieve lyrics synchronization
    Detailed introduction to the effect of HTML5 using Audio tags to achieve lyrics synchronization
    The most powerful thing about HTML5 is the processing of media files. For example, video playback can be achieved by using a simple vedio tag. Similarly, there is a corresponding tag for processing audio files in HTML5, which is the audio tag. Through this article, I will introduce to you the effect of HTML5 using the Audio tag to achieve lyrics synchronization. Friends who are interested can learn together.
    H5 Tutorial 6771 2018-05-22 16:40:43

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