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

  • 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 2259 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 1662 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 1846 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 4290 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 2017 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 1847 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 3765 2017-06-23 14:00:55
  • Teach you a technique to quickly build a website
    Teach you a technique to quickly build a website
    H5 Tutorial 3146 2017-06-23 13:38:58
  • Implement a high-quality H5 responsive website example
    Implement a high-quality H5 responsive website example
    H5 Tutorial 2121 2017-06-23 11:54:53
  • What aspects should be paid attention to when building H5 responsive website?
    What aspects should be paid attention to when building H5 responsive website?
    H5 Tutorial 1424 2017-06-23 11:52:48
  • What are the requirements for H5 responsive website design?
    What are the requirements for H5 responsive website design?
    H5 Tutorial 1719 2017-06-23 11:50:25
  • How to make an H5 responsive website?
    How to make an H5 responsive website?
    H5 Tutorial 2343 2017-06-23 11:38:36
  • What is responsive website design?
    What is responsive website design?
    H5 Tutorial 2258 2017-06-23 11:34:19
  • Combining Gaode map + canvas drawing to realize a small project
    Combining Gaode map + canvas drawing to realize a small project
    A friend of mine commissioned a startup project before and wanted me to help. I happened to have some free time at that time, so I agreed half-heartedly. After joining the team, I discovered that the front-end and back-end of the project were separated. The back-end engineer was already in place to mainly implement the interface, and the IOS-side engineer was also in place. There was still a web front-end engineer missing. A chill ran down my spine. Although I had written some js and css before, although I had some skills, I was still far from being a front-end engineer. After explaining the situation to my friend, my friend was bold and asked me to give it a try. The main reason was that he couldn't find anyone (it's also possible that the current quotations for front-end engineers are too expensive, and starting a business,
    H5 Tutorial 4507 2017-06-23 11:12:09
  • Example tutorial of h5History mode
    Example tutorial of h5History mode
    Recently I saw the implementation of vue-router's HTML5 History mode routing, and then I went to study the HTML5 History. Here are some of my understandings. By the way, I used jquery to write an implementation similar to the HTML5 History mode router in vue-router to achieve Practice and become familiar with familiar purposes. 1. history.pushStatehistory.pushState(state, title, url);
    H5 Tutorial 2090 2017-06-23 11:10:27

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
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!