【 abstract 】
In the development, some code segments are used very frequently, or some are only used occasionally, but the attributes are difficult to remember, so here it makes a summary for easy reference.
[Remove Spaces]
[JavaScript]
Plain text view
Copy the code
?
1
2
3
4
5
|
function returnNoSpace(str) {
return str.replace(/\s+/g, ' ' );
}
|
Compatibility scrollbar
[JavaScript]
Plain text view
Copy the code
?
1
|
document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
|
【
js
Timestamp, millisecond formatting
[JavaScript]
Plain text view
Copy the code
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
function formatDate(now) {
var y = now.getFullYear();
var m = now.getMonth() + 1; // Note that the month in js is incremented by 1
var d = now.getDate();
var h = now.getHours();
var m = now.getMinutes();
var s = now.getSeconds();
return y + "-" + m + "-" + d + "" + h + ":" + m + ":" + s;
}
var nowDate = new Date(2016, 5, 13, 19, 18, 30, 20);
console.log(nowDate.getTime()); // Get the current number of milliseconds: 1465816710020
console.log(formatDate(nowDate));
|
【
js
The number of qualified characters (note: one Chinese character counts
2
A character) 】
[JavaScript]
Plain text view
Copy the code
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
<input id= "txt" type= "text" >
// String interception
function getByteVal(val, max) {
var returnValue = ' ' ;
var byteValLen = 0;
for ( var i = 0; i < val.length; i++) {
if (val[i].match(/[^\x00-\xff]/ig) ! = null ) byteValLen += 2; else byteValLen += 1;
if (byteValLen > max) break ;
returnValue += val[i];
}
return returnValue;
}
$( '#txt' ).on( 'keyup' . function () {
var val = this .value;
if (val.replace(/[^\x00-\xff]/g, "* *" ).length > 14) {
this .value = getByteVal(val, 14);
}
});
|
The custom
dom
Event 】
[JavaScript]
Plain text view
Copy the code
?
1
2
3
4
5
6
7
8
9
|
var evt = document.createEvent( "HTMLEvents" );
// Initialization, event type, whether to bubble, whether to block the browser's default behavior
evt.initEvent( "tap" . false . false );
/ / triggers
div.dispatchEvent(evt);
|
【 set
rem
】
[JavaScript]
Plain text view
Copy the code
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
function setHTML() {
/ / basic values
var baseVal = 100;
// Width of the design draft
var pageWidth = 375;
// What screen width to fit?
var screenWidth = document.querySelector( "html" ).offsetWidth;
// The fontsize to set
var fontsize = screenWidth * baseVal / pageWidth;
// Set it to an HTML tag
document.querySelector( "html" ).style.fontSize = fontsize + "px" ;
}
|
【
HTML5
Full screen.
[JavaScript]
Plain text view
Copy the code
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
function fullscreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
}
}
fullscreen(document.documentElement);
|