Devops

Tôi đích thân tự chọn vài trích đoạn những code hữu ích nhất từ trang ‘ 30secondsofcode ’, vốn đã là 1 nguồn tài nguyên tuyệt vời. Và bạn cũng đừng ngại chi mà hãy ủng hộ nó hết mình nhé. Trong đề tài này tôi đã cố sắp xếp dựa theo cách sử dụng các thực hành của chúng. Và trả lời các câu hỏi thường gặp mà bạn có thể phải đối mặt trong dự án của mình: Học Javascript 1: Syntax Parser, Execution Context, Lexical Environment là gì Những thứ kỳ quặc của Javascript? 1. Cách để ẩn hết các yếu tố quy định? const hide = (...el) => [...el].forEach(e => (e.style.display = 'none')); // Example hide(document.querySelectorAll('img')); // Hides all <img> elements on the page 2. Làm thế nào để kiểm tra nếu yếu tố đó có lớp quy định? const hasClass = (el, className) => el.classList.contains(className); // Example hasClass(document.querySelector('p.special'), 'special'); // true 3. Cách để chuyển đổi 1 lớp cho 1 yếu tố? const toggleClass = (el, className) => el.classList.toggle(className); // Example toggleClass(document.querySelector('p.special'), 'special'); // The paragraph will not have the 'special' class anymore 4. Làm thế nào để lấy vị trí cuộn của trang hiện tại? const getScrollPosition = (el = window) => ({ x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft, y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop }); // Example getScrollPosition(); // {x: 0, y: 200} 5. Cách để cuộn-mượt hơn tới đầu trang? const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, c - c / 8); } }; // Example scrollToTop(); 6. Làm thế nào để kiểm tra nếu yếu tố ‘parent’ đang mang yếu tố ‘child’? const elementContains = (parent, child) => parent !== child && parent.contains(child); // Examples...