current location：Home > Technical Articles > Web Front-end > H5 Tutorial
- Direction：
- All web3.0 Backend Development Web Front-end Database Operation and Maintenance Development Tools PHP Framework Daily Programming WeChat Applet Common Problem Other Tech CMS Tutorial Java System Tutorial Computer Tutorials Hardware Tutorial Mobile Tutorial Software Tutorial Mobile Game Tutorial
- Classify：
-
- An example of how to create simple graphics using SVG
- 圆形 circle<svg width="200" height="200" > <circle cx="100" cy="100" r="80" stroke="green" stroke-width="4" fill="non
- H5 Tutorial 1864 2017-06-28 10:33:17
-
- Detailed explanation of physical storage instances of localStorage in nw.js
- Preface: Because we are working on the nw.js shell project for Meituan’s takeaway merchants, we need to ensure that the data using localStorage in the shell can be persisted. It was found that nw can be saved, even if the application is deleted and rewritten and packaged, it can be saved, so this requirement is solved, but you still need to know where it is stored, otherwise it is not clear under what circumstances the data will be lost. Storage location The localStorage storage directory of the application packaged by nw.js is: **C:\Users\[user name]\AppData\Local\[nw
- H5 Tutorial 2586 2017-06-28 10:31:12
-
- Detailed introduction to Vue Admin
- Vue Admin is a backend management panel (management system) based on Vue 2.0 & Bulma 0.3. It is equivalent to the Vue version of the Bootstrap management system. It provides a set of common backend interface UI and components, including rich chart components, out of the box Ready to use. Come and experience it now. Online demo Free download
- H5 Tutorial 5153 2017-06-27 11:04:06
-
- How to optimize front-end performance?
- How to optimize front-end performance? Content aspect 1. Reduce HTTP requests: merge files, CSS sprites, inline Image 2. Reduce DNS queries: the browser cannot download any files from this host before the DNS query is completed. Methods: DNS caching, distributing resources to the right number of hostnames, balancing parallel downloads and DNS queries3, avoiding redirects: redundant intermediate access4, making Ajax cacheable5, lazy loading of non-essential components6, future required components Preload 7, reduce the number of DOM elements 8, put resources
- H5 Tutorial 1567 2017-06-27 11:03:02
-
- A simple and practical js plug-in--Swiper
- Swiper (Swiper master) is currently a widely used js plug-in for mobile web touch content sliding, which can be used for carousels and sliding.
- H5 Tutorial 2640 2017-06-27 11:02:34
-
- Summary of mobile meta lines
- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: width of the viewport (range from 200 to 10,000, default is 980 pixels )height: the height of the viewport (ranging from 223 to 10,000
- H5 Tutorial 1277 2017-06-27 10:04:30
-
- How should I learn Angular2?
- Recently, projects using angular2, 1 and 2 versions have undergone major changes. The following summarizes some learning URLs and installation steps. Chinese official website (must read): https://angular.cn Lazy person learning: http://www.imooc.com/learn/789 Support bootstrap UI components https://github.com/angular-ui/bootstrap Desert Teacher Masterpiece (with video source code): http://git.
- H5 Tutorial 1672 2017-06-27 10:04:04
-
- Detailed introduction to H5 responsive website
- H5 Tutorial 1544 2017-06-26 15:29:29
-
- What are the benefits of H5 responsive website building?
- H5 Tutorial 1646 2017-06-26 15:21:56
-
- What is the effect of responsive self-service website building?
- H5 Tutorial 1833 2017-06-26 15:21:20
-
- 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 5866 2017-06-25 10:03:23
-
- 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 2495 2017-06-25 10:02:29
-
- 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 1960 2017-06-23 14:53:03
-
- 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 2651 2018-10-15 16:15:42
-
- 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 1610 2017-06-23 14:51:56
Recommended Articles
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.
Player special effects
2024-02-29
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
