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

  • What is messaging? Summary of examples about message communication
    What is messaging? Summary of examples about message communication
    HTML5 supports cross-document messaging (Cross-Document Messaging). Since message communication is used, events must occur. According to the generation and consumption of events, we can find the sender and receiver, that is, Sender and Listener. Litener needs to do the following work: write a message processing function; register the message processing function: addEventListener('message', function, fal...
    H5 Tutorial 3988 2017-06-11 10:33:27
  • Summary of tutorials on using the bootstrap framework
    Summary of tutorials on using the bootstrap framework
    Bootstrap comes from Twitter and is a very popular front-end framework. Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is simple and flexible, making web development faster. "Dark Horse Programmer Bootstrap Video Tutorial" explains how to use Bootstrap for front-end development. 1. Dark Horse Programmer bootstrap video tutorial course view address: //m.sbmmt.com/course/509.html Introduction: Bo...
    H5 Tutorial 2271 2017-06-11 10:25:50
  • How to use MyEclips? MyEclips instance usage summary
    How to use MyEclips? MyEclips instance usage summary
    Today, I encountered the problem of Chinese garbled characters in the process of learning HTML5: <body> <form > Please enter the content: <input pattern="[A-Z]{3
    H5 Tutorial 1848 2017-06-11 10:21:22
  • 10 recommended articles about H5 pages
    10 recommended articles about H5 pages
    With the popularity of mobile terminals, more and more websites are currently using HTML5 technology. The use of H5 technology makes it no longer necessary for enterprises to build websites for different terminals. A responsive website can solve PC, mobile phone and micro-sites. It intelligently adapts to various terminal devices, saves the company's website building costs, and greatly increases the user experience. The following are 5 simple and elegant h5 page templates recommended by the PHP Chinese website. Welcome to download! 1. HTML5 simple and elegant online appointment registration hospital website template effect demonstration and download address: //m.sbmmt.com/xiaza...
    H5 Tutorial 4532 2017-06-11 10:13:48
  • What is the verification function? Summary of usage examples of verification function
    What is the verification function? Summary of usage examples of verification function
    Html5 realizes the automatic verification function of user registration. Example code 05-24 10:49:46 Author: PHP Chinese Network took the time to write an Html5 user registration demo with automatic verification function. Use Handlebars template technology and mobile phone verification code verification. The following is a screenshot of the effect: 1. Page code: usersRegister.hbsXML/HTML Code Copy the content to the clipboard <!DOCTYPE html> &n...
    H5 Tutorial 2651 2017-06-11 10:10:40
  • 7 recommended articles about jumping in
    7 recommended articles about jumping in
    Before explaining what PostCSS is, let’s first understand what PostCSS is not. Essentially, when people first hear about PostCSS, they tend to think of it as a new CSS preprocessor, similar to SASS, LESS, and Stylus. If you want to use it as a preprocessor, then it will work like a preprocessor. At the same time, it also has post-processors, optimization tools, plug-ins compatible with future syntax... you have all the functions you want. The main purpose of PostCSS is to enable you to use...
    H5 Tutorial 1396 2017-06-11 09:55:40
  • How to use Canvas in HTML5? Summary of Canvas instance usage
    How to use Canvas in HTML5? Summary of Canvas instance usage
    jq-signature.js is a jQuery plugin that helps you create signatures, allowing your users to generate signatures using their mouse, finger or pencil. The following article mainly introduces you to the relevant information about using html5+canvas to implement a signature plug-in that supports touch screens. Friends in need can refer to it. Preface Everyone uses this jQuery plug-in to create online signatures in daily development. The things drawn by users are saved in the form of pictures, which is very convenient and practical. The methods to achieve support will be shared with everyone for your reference and study. Let’s take a look at the details...
    H5 Tutorial 2292 2017-06-11 09:51:31
  • 6 recommended courses about replaceState
    6 recommended courses about replaceState
    The window object in the DOM provides access to browser history through the window.history method, allowing you to move forward and backward in the user's access record. Starting with HTML5, we can start manipulating this history stack. 1. History uses the back(), forward(), and go() methods to move forward and backward in the user's history. Forward and backward: window.history.back(); This method will appear as if the user clicked on the browser tool. Same as the return key on the bar. same...
    H5 Tutorial 1882 2017-06-10 16:09:15
  • Recommended courses about history.pushState()
    Recommended courses about history.pushState()
    In HTML files, the history.pushState() method adds a state to the browser history. pushState() takes three parameters: a state object, a title (now ignored), and an optional URL. The following will conduct a detailed examination of these three parameters: state object - The state object is a state object created by the pushState() method that is consistent with the historical record...
    H5 Tutorial 1808 2017-06-10 16:08:39
  • Detailed introduction to asynchronous file upload
    Detailed introduction to asynchronous file upload
    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 1 Introduction to developing file uploads Functionality is never a pleasant thing, and asynchronous uploading is even more so. I have used iframe and Flash uploading solutions, and they all feel very awkward. This article briefly introduces the use of Html5's FormData to implement asynchronous uploading of files, and can also implement upload progress bars and file size verification. The server uses...
    H5 Tutorial 1912 2017-06-10 14:56:27
  • 9 recommended courses on prompt operations
    9 recommended courses on prompt operations
    The editor below will bring you a specific method of using phonegap to perform prompt operations. The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let’s follow the editor to take a look. There are often four ways: <!DOCTYPE html> <html> <head> &
    H5 Tutorial 1488 2017-06-10 14:49:25
  • Detailed introduction to common events
    Detailed introduction to common events
    The editor below will bring you a summary of common phonegap events (a must-read article). The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let’s follow the editor and take a look. In any PhoneGap project, you should first listen to the deviceready event. Event triggering indicates that the DOM has been loaded and PhoneGapAPI has been loaded. At this time, other events can be detected or other content can be processed. Other events: <!DOCTYPE html> &nbs...
    H5 Tutorial 1417 2017-06-10 14:37:22
  • What is JAVE? Summarize examples of problems related to jave
    What is JAVE? Summarize examples of problems related to jave
    What is JAVE? What is the difference between JAVE and java? Most people probably don’t know. The editor below will explain the connection between them in detail. Java is divided into three types: Java SE, Java ME, and Java EE1. Java SE. For users who want to learn Java program development, the first and necessary Java technology foundation is Java SE, whose full name is Java SE. Java™ Java Standard Edition Standard Edition, which is Java standard...
    H5 Tutorial 3249 2017-06-10 13:52:21
  • Summarize the examples of local caching
    Summarize the examples of local caching
    1. Offline storage 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 <html manifest="test.manifest" to index.html > 2.The manifest format is as followsCACHE MANIFEST#above...
    H5 Tutorial 2270 2017-06-10 13:50:16
  • Summary of 10 HTML5 video tutorials in June 2017
    Summary of 10 HTML5 video tutorials in June 2017
    Bootstrap comes from Twitter and is a very popular front-end framework. Bootstrap is based on HTML, CSS, and JAVASCRIPT. It is simple and flexible, making web development faster. "Dark Horse Programmer Bootstrap Video Tutorial" explains how to use Bootstrap for front-end development.
    H5 Tutorial 2972 2017-06-10 09:51: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