Website Frontend Technologies

Responsive and adaptive

Nowadays, users can access information from a large number of devices. Designers should catch up with this diversity and cater to various screen sizes. When designing, they have two options…

You may have noticed that websites may look completely different but have similar structures. Developers achieve this by locating various HTML layout elements to provide the most comfortable and intuitive…

Website Frontend Technologies

Uploading files using FormData objects through jQuery Ajax

The FormData object can simulate a complete form using a series of key value pairs, and then send the "form" using XML HttpRequest. There are detailed instructions for using FormData…

Website Frontend Technologies

Summary of JavaScript Prototype

The prototype property of JavaScript is an object, and each function automatically obtains this property after definition. Its initial value is an empty object (Object), as shown in the following…

Website Frontend Technologies

Elaborate on the React lifecycle

Life cycle before React v16.0 Actually, most teams may not necessarily follow up on upgrading to version 16, so it is necessary to master the lifecycle before version 16, especially…

Website Frontend Technologies

Optimization of mobile web interface scrolling performance:Passive event listeners

Recently, iOS 11.3 was updated, and a problem was found in the project. The scrolling of the "My" page and two list pages was problematic. When scrolling, not only did…

Website Frontend Technologies

Front end knowledge review – browser section

What is a process and what is a thread A process is the smallest unit of CPU resource allocation, and a thread is the smallest scheduling unit of a process.…

Website Frontend Technologies

Using JavaScript modules in browsers 3：About file extensions

You may have noticed that we use. mjs as the file extension when writing module code. Of course, in the web, as long as the JavaScript MIME typetext/JavaScript field is…

Website Frontend Technologies

Using JavaScript modules in browsers 2：Using JS modules in browsers

In web applications, you can set the type attribute of the<script>tag to module, so that the browser will recognize the introduced script as a JS module. The browser recognizes the…

Website Frontend Technologies

Using JavaScript modules in browsers 1：Using JS modules in browsers

brief introduction Now, all mainstream browsers already support JS modules (Chrome, Edge, Safari, Firefox)~This article will explain how to use JS modules in browsers, how to deploy them responsibly, and…

Website Frontend Technologies

The Essentials of Website Frontend Technology

The internet, a vast expanse of interconnected websites, is the forefront of modern communication and information exchange. The look, feel, and interactivity of these websites are all determined by frontend…

Website Frontend Technologies

Frontend Technology for Websites: The Basics

In today's digital age, websites have become an essential platform for people to access information and interact with each other. The frontend technology of websites, as the part that is…

Website Frontend Technologies

Exploring Website Frontend Technologies: Fundamentals

In today's digital age, websites have become an important platform for businesses and individuals to showcase themselves and share information. The front-end technology of websites, as the bridge between users…