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

  • Detailed introduction to H5 responsive website
    Detailed introduction to H5 responsive website
    H5 Tutorial 1675 2017-06-26 15:29:29
  • What are the benefits of H5 responsive website building?
    What are the benefits of H5 responsive website building?
    H5 Tutorial 1792 2017-06-26 15:21:56
  • What is the effect of responsive self-service website building?
    What is the effect of responsive self-service website building?
    H5 Tutorial 1980 2017-06-26 15:21:20
  • Detailed explanation of scrollIntoView usage in h5
    Detailed explanation of scrollIntoView usage in h5
    If the page is scrolled, it is also a problem that DOM does not solve. In order to solve this problem, browsers have implemented a method to facilitate developers to better control the scrolling of the page. Among various proprietary methods, HTML5 chose scrollIntoView() as the standard method. scrollIntoView() can be called on all HTML elements. By scrolling the browser window or a container element, the calling element can appear in the window. If true is passed as a parameter to this method, or no parameters are passed in, then the window will scroll
    H5 Tutorial 6070 2017-06-25 10:03:23
  • H5 instance method to start APP native page
    H5 instance method to start APP native page
    I haven’t written a blog for a long time. Recently, there was a demand for H5 to launch the APP native page. I encountered some pitfalls in the process. After reading some online implementation plans, I specially summarized the following. It is necessary to determine the platform of the client and whether it is accessed in the WeChat browser. 1. The client determines that when starting the APP, the Android and IOS systems process it differently. Due to the openness of Android, the browser app can use the <a> tag and meta tag in the browser to let the browser app obtain the mobile phone. Open the permissions of the application and start the APP. And on the IOS side
    H5 Tutorial 2624 2017-06-25 10:02:29
  • Understanding the box model
    Understanding the box model
    There are two types of box models: W3C and IE box models The box model includes margin, border, padding, and content W3C element width = content width IE element width=content+padding+border ​ I personally think that the box model defined by W3C and the box model defined by IE are more reasonable. The width of the element should include border and padding. This is the same as the box in our real life. W
    H5 Tutorial 2068 2017-06-23 14:53:03
  • Bootstrap mimicry box + Alipay homepage
    Bootstrap mimicry box + Alipay homepage
    The task is not completed, keep coming! Because the Internet was not good just now, a lot of my hard work was lost! Today we are mainly talking about a simple small case that combines Bootstrap and HTML5: First of all: from the title It can be seen that this is a mobile terminal, so a string of code like this is needed: <meta name="viewport" content="width=device-width, initial-scale=1"/> Then when it comes to the Bootstrap mock-up box, there is also this
    H5 Tutorial 2763 2018-10-15 16:15:42
  • JS Case Contact Message Board
    JS Case Contact Message Board
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.wrap { width: 400px; margin: 30px auto;}textarea {
    H5 Tutorial 1726 2017-06-23 14:51:56
  • A preliminary understanding of the basic structure and tags of HTML
    A preliminary understanding of the basic structure and tags of HTML
    1. Preliminary understanding of HTML HTML is a hypertext tag language, and the browser is a tool used to "interpret and execute" HTML source code. Basic structure of HTML ​ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> &l
    H5 Tutorial 2383 2017-06-23 14:51:11
  • Canvas learning series 1: First introduction to canvas
    Canvas learning series 1: First introduction to canvas
    Recently, you have started to learn canvas, and you plan to record some notes and summaries of the entire learning process of canvas. If there are any deficiencies, please point them out. ​ 1. Introduction to canvas The emergence of the Canvas element can be said to open the door to drawing animations and graphics in the Web world. Its function is very powerful. The canvas element is the most powerful element in HTML5. Its ability is mainly through the Context (drawing context/drawing environment) in Canvas. ) shown by the object. The object is derived from
    H5 Tutorial 1827 2017-06-23 14:50:41
  • Angular-command collection
    Angular-command collection
    ​ 2017-06-08 Angular directive. ng-init: initialize data Use the = symbol in the attribute value to separate the variable value, user; and var cannot be used. ​ ng-app: Enable angular application mode, a page can only appear once There can be attribute values, but the item must be defined in js. If there is no attribute value, it can be used directly in the view. ​ ng-model: two-way data binding ​ ​ ng-b
    H5 Tutorial 2001 2017-06-23 14:48:40
  • WebSocket+MSE——HTML5 live broadcast technology analysis
    WebSocket+MSE——HTML5 live broadcast technology analysis
    Author | Liu Bo (also Paiyun Multimedia Development Engineer) Currently, in order to meet the relatively hot demand for live broadcast on mobile web, a series of HTML5 live broadcast technologies have been rapidly developed. Common live streaming technologies that can be used for HTML5 include HLS, WebSocket and WebRTC. Today I will introduce to you the technical points related to WebSocket and MSE, and finally demonstrate the specific usage through an example. Article outline Introduction to WebSocket protocol WebSocket Client
    H5 Tutorial 4640 2017-06-23 14:45:59
  • of-model of-show
    of-model of-show
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js?1.1.10"></script> </head> <
    H5 Tutorial 2139 2017-06-23 14:45:37
  • Move the database from the server to the browser--indexedDB basic operation encapsulation
    Move the database from the server to the browser--indexedDB basic operation encapsulation
    It is a matter of course that the database belongs to the server, but sometimes the data may not need to be stored on the server, but the data is also recorded one by one. What should I do? Today I will lead you to experience a new feature of H5 - the charm of indexedDB. You can't help but sigh - incredible! 1. Link to database IndexedDB does not have the concept of creating a database. You can directly link to the database. If the database you link to does not exist, a database will be automatically created. Look at this example below. <
    H5 Tutorial 1953 2017-06-23 14:04:45
  • Use JSSDK to obtain geographical location from web pages
    Use JSSDK to obtain geographical location from web pages
    Copy a copy of the JSSDK environment and create an index.html file with the structure as shown in Figure 7.1. Figure 7.1 Section 7.1 file structure is in location.js, encapsulating the "getLocation" interface, as follows: 01 wxJSSDK.location = function(locationApi){02 if(wxJSSDK.isReady){ //w
    H5 Tutorial 4023 2017-06-23 14:00:55

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