.element { width: 200px; height: 200px; background: conic-gradient(red, yellow, green, blue, red);}
const obj = { a: 1, b: 2 };const proxy = new Proxy(obj, { get(target, prop) { return target[prop] * 2; }});console.log(proxy.a, obj.a);
const str = 'Hello World';const replaced = str.replace(/o/g, '0');console.log(replaced);
.parent { display: flex;}.child { flex: 1 0 auto;}
const timeoutId = setTimeout(() => console.log('Timeout'), 1000);clearTimeout(timeoutId);console.log('Done');
const weakMap = new WeakMap();let obj = { name: 'Test' };weakMap.set(obj, 'value');obj = null;console.log(weakMap.has(obj));
.container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px;}
const nums = [1, 2, 3, 4];const doubled = nums.map(n => n * 2);nums.length = 0;console.log(doubled);
const obj = { x: 10, y: 20, z: 30 };const { x, ...rest } = obj;delete rest.y;console.log(obj.y, rest.z);
.card { background-image: url('image.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}