Why You Need Script defer and async Attribute
To optimize the loading order of scripts, Explains why to use the built-in HTML `defer` and `async` attributes.
To optimize the loading order of scripts, Explains why to use the built-in HTML `defer` and `async` attributes.
Creating a search box from scratch, allowing input and matching existing data to display relevant content, practical exercise for JavaScript beginners.
A counter is a basic exercise commonly seen in various frameworks, showcasing minimal functionality of any app. Let's recreate it using native JavaScript.
Debounce and throttle are essential patterns in frontend performance, helping to improve user experience and reduce resource wastage for developers.
Understand how single-threaded JavaScript works behind the scenes, the nuances of concurrent event handling, and demystify complex terminology.
Todo lists are common exercises that simulate various scenarios and problems encountered when manipulating data.
setTimeout or setInterval are often used to simulate asynchronous execution in practice. This article will detail their underlying principles and usage.
HTML elements can have their own attributes. Data attributes are a formal way to store data in HTML elements, allowing JavaScript and CSS to access the data.
Manipulate web pages requires understanding the DOM. This article quickly teaches you how to programmatically modify, access, edit, and listen to the DOM.
Learn the optional chaining syntax to safely access nested object properties without causing errors, even if those properties do not exist.
Mobile devices account for over half of modern internet traffic. The demand for websites that adapt to various devices has surged, leading to RWD.
In the field of front-end development, some commonly heard preprocessors, such as Sass, Less, and Stylus, what are they? Why do they exist?
BEM is a convention for CSS. BEM CSS is simple, effective, and has battletested, making it suitable as a beginner's first CSS management method.
Here are some small tools and websites that front-end developers may not have thought of, gathered to enhance the website development experience!
Good documentation is easy to write, maintain. Article covers four types of documentation and tips for organizing ideas, inspired by Daniele Procida's talk.