Tag：html5
-
Time：2020-9-17
definition H5 provides us with the prefix “data -” to define the required properties, and then set the custom properties. <div id=”box1″ data-name=”Musk”></div> <div id=”box2″ data-full-name=”Elon Musk”></div> obtain Use H5 custom attribute object dataset to get let box1 = document.getElementById(‘box1’); let box2 = document.getElementById(‘box2’); box1.dataset.name // Musk box2. dataset.fullName //Elon Musk (hump) box1.getAttribute(‘data-name’) // Musk […]
-
Time：2020-9-16
Notes on the use of man Mobile Mandmobile is Didi’s open source Vue mobile UI component library for financial scenarios (non-financial classes can also be used). Recently, our company is incubating a financial product, and I intend to use it. For first-time users, according to the official documents, they will step on some pits or […]
-
Time：2020-9-14
Implementation function: drag the desktop picture into the designated place to generate photo frame and related information. Photo frames need to be configured by themselves, set as background, and set in CSS. The effect is as follows: HTML part: <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title></title> <link rel=”stylesheet” type=”text/css” href=”test3.css”/> <script type=”text/javascript” src=”test3.js”></script> </head> <body> […]
-
Time：2020-9-13
Add dark mode to your site Dark mode has been applied to many popular websites and applications, such as twitter, instagram, WhatsApp and Youtube. But how do you add this model to your website? I’ve always been very fond of dynamic website color theme switchers. They let you choose your favorite color theme, which improves […]
-
Time：2020-9-12
Recently, there is a new demand in the design of the small editing project. We should add pinyin to Chinese paper, which is similar to adding English subtitles at the bottom. After all, our Chinese is so extensive that we are all learning and using Chinese. Let’s take a look at it. H5 is now […]
-
Time：2020-9-11
Read the full text and you will get the following solutions. Click the long text edit textarea to get the focus automatically Automatically zoom in and out with the input value Replicable add information Pasteable text Pasteable picture The following example code execution environment is chrome 80 Scheme 1 HTML5 textarea element 1. Get focus […]
-
Time：2020-9-9
Take a look at the history and common sense of HTML. HTML specification is produced by W3C and whatwg, and HTML5 is no exception. Among them: W3C means World Wide Web Consortium Whatwg refers to web hypertext application technology working group It sounds like “cooperative output”, but it is more like “HTML5 has two sets […]
-
Time：2020-9-6
H5 finger glides to pop up a negative screen to prevent the built-in drop-down refresh function of mobile browser. The specific example code is as follows: <template> <div class=”outer-scroll”> <div class=”loading top-box”> Default hidden, negative one screen, finger down to pop-up display, slide up to hide </div> <div class=”scroll-box”> <h1>Formal content</h1> </div> </div> </template> <script> […]
-
Time：2020-9-5
Live broadcast has a very important interaction: like. In order to set off the atmosphere of the live broadcasting room, compared with ordinary video or text content, liking usually has two special needs: Like action infinite times, guide users crazy like All the crazy likes in the live room need to be animated in all […]
-
Time：2020-9-3
Scene: to accommodate screens of various sizes Two ways I know about adaptive layout 1. Using media query, several adaptation methods are formulated below. For example, the first one indicates that the screen width is between 320px and 360px, and the HTML font size adapts to 13.65px <style> @media only screen and (max-width: 360px) and […]
-
Time：2020-9-2
Method 1: introduce Taobao open source scalable layout scheme The scalable layout scheme of Taobao is introduced https://github.com/amfe/lib-flexible (click here) In fact, Taobao’s is a bit similar to that of the viewport, but it mainly sets the scale value according to the pixel ratio of the device and device, and keeps the device width of […]
-
Time：2020-8-30
Recently, brush face payment is very popular. Of course, the owners want to catch up with the trend of the times, so there is a brush face payment project. The key technology of front-end implementation is camera recording, photographing and face comparison. This paper discusses how to realize face brushing payment in HTML5 environment and […]
