Progress bar of web effects

Effect: press and hold the mouse to drag the progress bar, and the mouse will pop up without any effect Train of thought: Layout: there are three div s in the large box scroll, the first is the start box (bar), the second is the fill (display progress) box, and use absolute positioning to make the left of the two boxes changeab ...

Posted by brucemalti on Wed, 01 Jan 2020 11:19:52 -0800

js uses setInterval timer method to develop native carousel chart

In the past, when I went for an interview, the interviewer asked me to write a rotation chart directly. It was just coming out, so js is not powerful, so I can't write directly. If I want to get a high salary js, I still need to be able to learn. Now I use setInterval timer to develop a native rotation chart; The code is as fo ...

Posted by scottrad on Wed, 01 Jan 2020 00:27:20 -0800

Using JS(javascript) to complete an interlaced color change of the table

Using JS(javascript) to complete an interlaced color change of the table Analysis 1. confirm the event (page loading event onload) 2. Get element: get the table (document.getElementById()), the final purpose is to get the number of rows (length) in the tbody in the table. 3. Number of rows in tbody (rows.length) 4.JS traver ...

Posted by yashvant on Tue, 31 Dec 2019 23:29:18 -0800

Development of mobile App based on html5 plus + Mui (1)

Use Html5 plus + Mui for mobile App development. It's been a while. I'm free these days to make an information App to share with you. Today's main sharing homepage is realized. First, let's see the following effects: This interface is mainly divided into: title, content classification list, search and setting buttons. Title <header c ...

Posted by cottonbuds2005 on Tue, 31 Dec 2019 22:29:30 -0800

Unobtrusive JavaScript: automatically clear and restore multiple form inputs in focus

Step 1: prepare the form Prepare your form first, because you want it to run without JavaScript. For example, you might have a comment table that looks like this: <form> <fieldset> <label for="author">Name</label> <input type="text" name="author" id="author" value="Name" /> ...

Posted by blackswan on Tue, 31 Dec 2019 21:43:39 -0800

20 common methods of (JavaScript native) string + string traverser + template string

Reprinted from: https://blog.csdn.net/qq_39872652/article/details/81517626 20 common methods of (JavaScript native) string + string traverser + template string It's a common saying that no matter a professional or a fledgling Xiaobai believes that he is familiar w ...

Posted by latinofever on Tue, 31 Dec 2019 19:56:02 -0800

canvas advanced path method

Next, I will explore other methods of drawing paths, including arcs and curves, to combine them into complex images. Arc There are four functions that can draw arcs and curves to combine into complex images. 1.context.arc() context.acr(x,y,radius,startAngle,endAngle,anticlockwise) x and y define the position of the center ...

Posted by forgun on Tue, 31 Dec 2019 18:28:29 -0800

javascript to view uploaded pictures in real time

Catalog Catalog Effect Code js html Actual code Download Shortcut links Effect Code js function UploadImg(file) { var MAXWIDTH = 260; var MAXHEIGHT = 180; var div = document.getElementById('preview'); if (file.files && file.files[0]) { div.innerHTML = '<img id=i ...

Posted by cooldude832 on Tue, 31 Dec 2019 16:26:07 -0800

Upload and compress pictures in applet

To upload an image to an applet, you need to know the values of its attributes. You can find the details in https://developers.weixin.qq.com/miniprogram/dev/api/media-picture.html Today, I'm going to talk about how to upload the image and compress it. Let's know the following property values   First, let's look at the next page display (click ...

Posted by drorgo on Tue, 31 Dec 2019 05:12:28 -0800

JS template engine art template

Art template is a simple and super fast template engine. It uses scope pre declaration technology to optimize the template rendering speed, so as to achieve the running performance close to the JavaScript limit, and supports both NodeJS and browsers. Document address: https://aui.github.io/art-template/docs/index.html ...

Posted by smpdawg on Tue, 31 Dec 2019 02:38:00 -0800