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