@media (prefers-reduced-motion: reduce) { button { animation: none; } }
#
class IncreasingCounter { #count = 0; get value() { console.log('Getting the current value!'); return this.#count; } increment() { this.#count++; } }
replace()
replaceSync()
const sheet = new CSSStyleSheet(); // replace all styles synchronously: sheet.replaceSync('a { color: red; }'); // replace all styles, allowing external resources: sheet.replace('@import url("styles.css")') .then(sheet => { console.log('Styles loaded successfully'); }) .catch(err => { console.error('Failed to load:', err); });
String.prototype
matchAll()
String.prototype.match()
const regex = /t(e)(st(\d?))/g; const string = 'test1test2';
string.match(regex)
'test1'
'test2'
g
preventDefault()
{passive: true}
addEVentListener()
touchstart
touchmove
wheel
mousewheel
window.addEventListener("wheel", func); window.addEventListener("wheel", func, {passive: true} );
Cross-Origin-Resource-Policy
scaleNonUniform()
SVGMatrix
<link>
imagesrcset
imagesizes
srcset
sizes
HTMLImageElement
preload
image
<link rel="preload" as="image" href="pic400.jpg" imagesizes="100vw" imagesrcset="pic400.jpg 400w, pic800.jpg 800w, pic1600.jpg 1600w">
::part()
PerformanceObserver.supportedEntryTypes
["longtask", "mark", "measure", "navigation", "paint", "resource"]
/hello/
<img src="world.jpg">
/hello/world.jpg
<link rel="stylesheet" href="/styles.css">
/styles.css
/foo/styles.css
RTCConfiguration.offerExtmapAllowMixed()
extmap-allow-mixed
RTCRtpReceiver.getParameters()
RTCRtpReceiver
RTCRtpSender.getParameters()
RTCRtpReceiver.getSynchronizationSources()
RTCRtpContributingSource
getContributingSources()
%xx
example.com/#%F8%C0
id="%F8%C0"
id="øÀ"
EXPLAIN
REINDEX
iframes
