current location：Home > Technical Articles > Web Front-end
- Direction：
- All web3.0 Backend Development Web Front-end Database Operation and Maintenance Development Tools PHP Framework Daily Programming WeChat Applet Common Problem Other Tech CMS Tutorial Java System Tutorial Computer Tutorials Hardware Tutorial Mobile Tutorial Software Tutorial Mobile Game Tutorial
- Classify：
-
- React Tutorial: Build a Calculator App from Scratch
- This tutorial guides you through building a React calculator app. You'll learn wireframing, layout design, component creation, state updates, and output formatting. A deployed project link and source code are provided for reference. Key Concepts Co
- JS Tutorial 637 2025-02-09 10:04:09
-
- How to Store Unlimited* Data in the Browser with IndexedDB
- This article explores IndexedDB, a robust browser API for client-side data storage exceeding the capacity of alternative methods. Client-side data storage options have expanded significantly, offering alternatives to server-based database updates. K
- JS Tutorial 340 2025-02-09 10:02:09
-
- Build a Reading List with Svelte
- Svelte: A Rising Star in the Frontend Framework Landscape Svelte has rapidly gained popularity, surpassing the status of "just another frontend framework." Its accolades include "Breakthrough of the Year" (State of JS 2019), top
- JS Tutorial 987 2025-02-09 10:01:08
-
- How to Write Shell Scripts in Node with Google's zx Library
- This article explores Google's zx library, a powerful tool for streamlining shell scripting within Node.js projects. We'll build a command-line utility to bootstrap new Node.js projects, showcasing zx's capabilities. Key Advantages of Google's zx:
- JS Tutorial 995 2025-02-09 09:59:12
-
- Quick Tip: How to Use the Spread Operator in JavaScript
- This tutorial will explain the various uses of extension operators in JavaScript, as well as the main differences between extension operators and remaining operators. The JavaScript extension operator is represented by three dots (...) and is introduced in ES6. It can expand elements in collections and arrays into single elements. Extended operators can be used to create and clone arrays and objects, pass arrays as function parameters, delete duplicates in arrays, and more. Key Points The JavaScript extension operator is represented by three dots (...). Introduced in ES6, elements in sets and arrays can be expanded into single elements. It can be used to create and clone arrays and objects, pass arrays as function parameters, delete duplicates in arrays, etc.
- JS Tutorial 482 2025-02-09 09:58:13
-
- Higher-Order Functions in JavaScript: A Practical Guide
- Detailed explanation of advanced functions: Functional programming in JavaScript In JavaScript, a higher-order function refers to a function that can receive other functions as parameters or use functions as return values. This feature makes JavaScript very suitable for functional programming. Core points JavaScript is able to handle higher-order functions (receive functions as arguments or return functions), making it very suitable for functional programming. This is because JavaScript treats functions as first-class citizens, which means they have an Object type, can be used as a value for a variable, and can be passed and returned like any other reference variable. JavaScript's higher-order functions are often used in web development, and callback functions
- JS Tutorial 213 2025-02-09 09:57:13
-
- An Introduction to PostCSS
- PostCSS: A Powerful CSS Tool Beyond Preprocessors This introduction to PostCSS explores its advantages over traditional CSS preprocessors like Sass and Less, how it functions, and the capabilities of its vast plugin ecosystem. Key Highlights: PostC
- CSS Tutorial 446 2025-02-09 09:56:11
-
- Useful JavaScript Math Functions and How to Use Them
- This article explores JavaScript's built-in Math object, a treasure trove of functions for various mathematical operations. We'll examine key functions and their practical applications. Key Concepts This guide covers: JavaScript's Math Object: A com
- JS Tutorial 1001 2025-02-09 09:55:10
-
- Build a Hacker News Clone using React and HarperDB
- This tutorial demonstrates building a Hacker News clone using React and HarperDB. Let's learn how to replicate the Hacker News homepage, focusing on efficient development and deployment. Our goal is to create a clone that looks like this: The comp
- JS Tutorial 471 2025-02-09 09:51:09
-
- Create Responsive React Components with React Textfit
- Development with React involves defining reusable components and combining them into various parts of the application to implement the desired UI. This article will introduce the react-textfit library, which makes it easy to create responsive React components that display text in a predictable way anywhere in the layout. Key Points The react-textfit library is a practical solution for creating responsive React components, which allows text to automatically resize the container it is in without the need to constantly customize CSS rules. The react-textfit library uses a binary search algorithm to find the correct font size of text, taking into account the width and height of the container. It works with any CSS style configuration, available
- JS Tutorial 1042 2025-02-09 09:50:15
-
- A Beginner's Guide to JavaScript async/await, with Examples
- Master JavaScript asynchronous operations: Async/Await detailed explanation This article explores async/await in JavaScript in depth, teaches you how to efficiently control asynchronous operations and write clearer and easier to read code. Core points: async/await in JavaScript simplifies the processing of asynchronous operations, making the code look like it is executed synchronously, but is actually still non-blocking. The async function returns a Promise, and the await keyword pauses the function execution until the Promise is resolved, thereby enhancing the readability and flow control of the code. The error handling of async functions can be done using try/catch block or Promise.
- JS Tutorial 459 2025-02-09 09:47:09
-
- Face Detection on the Web with Face-api.js
- Web browsers are becoming increasingly powerful, and the complexity of websites and web applications is increasing. What required a supercomputer to do decades ago is now possible with just one smartphone. Face detection is one of them. Face detection and analysis capabilities are very useful because it allows us to add clever features. Think of automatically blurring faces (like Google Maps), panning and zooming webcam images to focus on people (like Microsoft team), verifying passports, adding fun filters (like Instagram and Snapchat), and more Multifunctional. But before we can do all this, we need to find the face first! face-api.js is a library that enables developers to apply in their
- JS Tutorial 455 2025-02-09 09:46:12
-
- Working with the File System in Deno
- This article will dive into Deno and create a command line tool for searching for text in files and folders. We will use various API methods provided by Deno to read and write to the file system. In the previous article, we built a command line tool using Deno to make requests to third-party APIs. In this article, we will temporarily ignore network operations and build a tool that allows you to search for text in files and folders within the current directory - tools like grep. Note: The tools we build are not optimized and efficient as grep, and we are not aiming to replace it! The purpose of building such a tool is to be familiar with Deno's file system API. Key Points Deno's file system
- JS Tutorial 950 2025-02-09 09:43:10
-
- 5 Ways to Make Your JavaScript More Functional
- This article will briefly introduce the concept of functional programming and explain five ways to improve the functional style of JavaScript code. Core points Functional programming is a programming paradigm that uses functions and their applications rather than command lists. It is more abstract and originated from mathematics. JavaScript is particularly suitable for functional programming because functions are the first type of objects. Pure functions are a key part of functional programming. Given the same arguments, they always return the same value and do not change what is outside the scope of the function. They make your code easier to port and test. In functional programming, variables should remain unchanged. After setting the variable, it should remain that state throughout the program. This can be done by always declaring variables with const
- JS Tutorial 998 2025-02-09 09:40:13
-
- How to Record Audio Using the MediaStream API
- This tutorial demonstrates building a web application for audio recording and server-side storage using the Media Capture and Streams API (MediaStream API). Users record audio, save it to the server, and view/play saved recordings. The server-side
- JS Tutorial 454 2025-02-09 09:39:10
Tool Recommendations
jQuery enterprise message form contact code
jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29
HTML5 MP3 music box playback effects
HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.
Player special effects
2024-02-29
HTML5 cool particle animation navigation menu special effects
HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29
jQuery visual form drag and drop editing code
jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29
Organic fruit and vegetable supplier web template Bootstrap5
An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03
Bootstrap3 multifunctional data information background management responsive web page template-Novus
Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02
Real estate resource service platform web page template Bootstrap5
Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02
Simple resume information web template Bootstrap4
Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02
Cute summer elements vector material (EPS PNG)
This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09
Four red 2023 graduation badges vector material (AI EPS PNG)
This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29
Singing bird and cart filled with flowers design spring banner vector material (AI EPS)
This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29
Golden graduation cap vector material (EPS PNG)
This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27
Home Decor Cleaning and Repair Service Company Website Template
Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09
Fresh color personal resume guide page template
Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29
Designer Creative Job Resume Web Template
Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
Modern engineering construction company website template
The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
