current location:Home>Technical Articles>Web Front-end>JS Tutorial

  • Build Reactive Web Components with SSR
    Build Reactive Web Components with SSR
    Traditional way of writing Web Components is not very SSR (Server Side Rendering) friendly. In this post, I show you how you can build reactive Web Components that work with SSR and with any JavaScript framework (Vue, React, Svelte, Solid, Brisa) or
    JS Tutorial 200 2024-08-24 11:22:06
  • The Bug in JavaScript
    The Bug in JavaScript
    JavaScript is the most beloved language among millions of frontend developers around the globe, but like any tool, it has its quirks. Have you ever wondered what happens when you use the typeof operator on null? Well, this is one of the strangest an
    JS Tutorial 768 2024-08-24 11:22:02
  • Build a Profile Card Website
    Build a Profile Card Website
    Introduction Hello, developers! I'm excited to share my latest project: a Profile Card. This simple yet elegant project is a great way to showcase your front-end development skills while creating a reusable component for personal or professiona
    JS Tutorial 428 2024-08-24 11:21:35
  • for-of Loop
    for-of Loop
    Mainly used to loop over arrays. Indirectly can be used to loop over objects. Depends on what we want to loop over i.e property-names(also known as keys), property-values or both. const seasons = { mar: 'summer', jul: 'monsoon', sep: 'autumn
    JS Tutorial 980 2024-08-24 11:21:02
  • Mastering TypeScript Generics: Enhancing Code Reusability and Type Safety
    Mastering TypeScript Generics: Enhancing Code Reusability and Type Safety
    TypeScript has revolutionized the way we write JavaScript, bringing static typing and enhanced tooling to our development process. One of its most powerful features is generics, which allow us to create reusable components that work with a variety of
    JS Tutorial 339 2024-08-24 11:20:35
  • Trie Algorithm || Auto Complete feature using Javascript
    Trie Algorithm || Auto Complete feature using Javascript
    Introduction A Trie, also known as a prefix tree, is a specialized tree-based data structure that is used for efficient information retrieval. It's particularly useful for use cases that involve searching and prefix matching within strings.
    JS Tutorial 158 2024-08-24 11:20:02
  • Mastering Weather Forecast Application Development: A LabEx Project
    Mastering Weather Forecast Application Development: A LabEx Project
    Welcome to an exciting journey where you'll dive into the world of weather forecast application development! This LabEx project is designed to equip you with the necessary skills to create a dynamic and user-friendly weather forecast application that
    JS Tutorial 465 2024-08-24 11:19:32
  • Dijkstra Algorithm Using Javascript.
    Dijkstra Algorithm Using Javascript.
    This algorithm is used to calculate minimum shortest distance between cities. along with the attached article, if you wanted to learn more, I added another enhancement. I calculated previous path and from there we can get the complete path how it
    JS Tutorial 653 2024-08-24 11:18:02
  • EventListener UI in JavaScript
    EventListener UI in JavaScript
    Below are three main User Interface (UI) options that create webapps using JavaScript. The code below shows how to insert inputs in the Document Object Model (DOM) via HTML and the corresponding JavaScript to obtain selection information. Radio bu
    JS Tutorial 785 2024-08-24 11:16:32
  • Managing State in Multiple Instances of the Same Component in React
    Managing State in Multiple Instances of the Same Component in React
    When you're working with React and have multiple instances of the same component, managing state can get tricky. Depending on how your components need to interact, you'll want to handle state differently. Here’s what I’ve found works well.
    JS Tutorial 964 2024-08-24 11:15:35
  • Algolia vs. Elasticsearch: Choosing the Right Search Solution
    Algolia vs. Elasticsearch: Choosing the Right Search Solution
    Search functionality is crucial for modern websites and applications. Whether you're building an e-commerce site, a media platform, or a SaaS product, providing users with a fast, relevant search experience can significantly enhance usability. Two of
    JS Tutorial 660 2024-08-24 11:15:02
  • Leetcode #Allow One Function Call
    Leetcode #Allow One Function Call
    Given a function fn, return a new function that is identical to the original function except that it ensures fn is called at most once. The first time the returned function is called, it should return the same result as fn. Every subsequent time it
    JS Tutorial 179 2024-08-24 11:14:06
  • Building a Real-Time Notification Center in React
    Building a Real-Time Notification Center in React
    Notifications keep users informed and engaged. A custom React notification center lets you control and tailor the user experience fully. Here’s a concise guide to building one from scratch, covering both frontend and backend components for real-time
    JS Tutorial 275 2024-08-24 11:14:02
  • How SSL Certificates Work?
    How SSL Certificates Work?
    In today's digital age, ensuring the security and privacy of online communications is more important than ever. One of the most fundamental tools in this effort is the SSL certificate. If you've ever noticed the padlock icon in your browser's address
    JS Tutorial 496 2024-08-24 11:13:36
  • Book Review : Clean Code by Robert Cecil Martin
    Book Review : Clean Code by Robert Cecil Martin
    I began reading this book after seeing a LinkedIn post suggesting a series of software engineering books if read could add five years of experience to your career. Although I initially started with System Design Interview Volume I by Alex Xu, I would
    JS Tutorial 134 2024-08-24 11:13:32

Tool Recommendations

jQuery enterprise message form contact code

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 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.
HTML5 cool particle animation navigation menu special effects

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

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

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

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

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

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02
Cute summer elements vector material (EPS PNG)

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)

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)

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)

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 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 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

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

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
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!