engineering

This memo from 'The Complete JavaScript Course 2024: From Zero to Expert!' on Udemy. const header = document.querySelector('.header'); const navHeight = nav.getBoundingClientRect().height; const stickyNav = function (entries) { const [entry] = entries; // entries[0] if (!entry.isIntersecting) nav.classList.add('sticky'); else nav.classList.remove('sticky'); }; const headerObserver = new IntersectionObserver(stickyNav, { root: null, threshold: 0, rootMargin: `-${navHeight}px`, }); headerObserver.observe(header); Enter fullscreen mode Exit fullscreen mode Bad way(The performance of the app on mobile devices is affected by the firing of an event on every scroll.) const initialCoords = section1.getBoundingClientRect() window.addEventListener('scroll', function(e) { console.log(window.scrollY); if(window.scrollY > initialCoords.top) nav.classList.add('sticky'); else nav.classList.remove('sticky') }) const obsCallback = function (entries,…

In this article we will be creating a virtual machine and also we wuill install an IIS weber sever role on the virtual machine. Lets Begin Search for Virtual Machine and select Virtual machine Click on +create on your extreme left Select Azure Virtual Machine from the options. Under project details for resource group click on Create New and give it a name (make it a special name or name of a project) Under the Instance details give your virtual machine a name of your choice. Select a region of your choice Select the availability zones (this is dependent on…