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

  • Quick and In Sync with Svelte
    Quick and In Sync with Svelte
    Are you ready to build a reactive real-time web application?  tl;dr Don’t have time to read and work through this entire tutorial? You’re in luck! You can find a fully working example on GitHub. Feel free to go there, clone the repository and start
    JS Tutorial 446 2024-08-22 22:33:10
  • Use cases for `useInsertionEffect` React hook
    Use cases for `useInsertionEffect` React hook
    Intro Everybody familiar with useEffect hook, sometimes useLayoutEffect is more appropriate. Not so many people ever used useInsertionEffect, let's explore it. API for hook is very similar to useEffect, need to add code into setup function, d
    JS Tutorial 479 2024-08-22 19:14:06
  • Understanding Array.reduce()
    Understanding Array.reduce()
    Introduction While taking a introduction course on Javascript and learning about all of the different methods of the Arrays. I did not quite understand the real power of the reduce method and it is only after going back to it a second time that
    JS Tutorial 755 2024-08-22 19:09:03
  • What are the differences between let, var or const?
    What are the differences between let, var or const?
    Variables declared using the var keyword are scoped to the function in which they are created, or if created outside of any function, to the global object. let and const are block-scoped, meaning they are only accessible within the nearest set of cur
    JS Tutorial 328 2024-08-22 19:08:45
  • Stop Using dotenv file
    Stop Using dotenv file
    Whenever it comes to securing the API keys or something that we don't want to be exposed to the public for our Open Source Project, we always tend towards the .env file, and every week, 29k+ developers download a trendy package, dotenv. W
    JS Tutorial 572 2024-08-22 19:02:19
  • Full Stack Web Development
    Full Stack Web Development
    My name is Kaleb, I didn't know the first thing about web development, react, flask, and redux but here 3 months later I can make an entire website. I'm enrolled in the FlatIron software engineering program. Before this I had some Python and Javascri
    JS Tutorial 893 2024-08-22 18:59:14
  • How to create a reusable Button component in ReactJS
    How to create a reusable Button component in ReactJS
    Buttons are undeniably important UI Components of any react application, buttons might be used in scenarios such as submitting a form or opening a new page. You may build reusable button components in React.js that you can utilize throughout differen
    JS Tutorial 724 2024-08-22 18:58:43
  • Tutorial on using node js to display hello world
    Tutorial on using node js to display hello world
    1.download node js here 2. Click Download 3.and download when it is open in the file manager make sure your node version is at least v-20 and make sure the system type is the same as your laptop/PC, for example here the system type is x64 4.and make sure a
    JS Tutorial 241 2024-08-22 18:58:32
  • The difference between readonly and const in Type Script
    The difference between readonly and const in Type Script
    These two features are similar in that they are both non-assignable. Can you explain exactly it? In this article, I will share the differences between them. const prevents reassignment to a variable. In this case, hisName is a variable
    JS Tutorial 166 2024-08-22 18:58:03
  • Solar system with Three.js
    Solar system with Three.js
    Hi! Today, I’m going to build a solar system using Three.js. But before we begin, you should know that the inspiration for this article came from a client's representative whose project I’m currently working on. Yes, that's you—the one who believes t
    JS Tutorial 702 2024-08-22 18:57:42
  • Placeholder function for AJAX calls
    Placeholder function for AJAX calls
    I recently had to create a user-interface (UI) without the backend endpoints in place. The focus was on making the UI as responsive as possible so that the user can tell when an action is underway. This mostly means that when an AJAX call is made, t
    JS Tutorial 232 2024-08-22 18:57:17
  • Understanding Clean Code: Handling ⚡
    Understanding Clean Code: Handling ⚡
    Error handling is a crucial aspect of writing robust and reliable software. However, not being done carefully can lead to cluttered code that is hard to read and maintain. Chapter 7 of Clean Code dives into techniques for handling errors that don’t
    JS Tutorial 608 2024-08-22 18:56:22
  • What Are JavaScript Sets and Maps?
    What Are JavaScript Sets and Maps?
    In a vast variety of useful tools and features that JavaScript offers, powerful structures such as Sets and Maps often get overlooked. What are they? A Set is like a special list that is perfect when you need to ensure all your items are different.
    JS Tutorial 964 2024-08-22 18:55:33
  • The Power of Slow but Consistent Effort in Computer Science
    The Power of Slow but Consistent Effort in Computer Science
    In the fast-paced world of computer science, the value of slow but consistent effort is often overshadowed by the allure of rapid innovation. However, it is this methodical approach that forms the foundation of some of the most exceptional achievemen
    JS Tutorial 425 2024-08-22 18:55:03
  • Code Review Best Practices: Improving Code Quality in Development
    Code Review Best Practices: Improving Code Quality in Development
    In the fast-paced world of software development, ensuring that your code is not only functional but also of high quality is paramount. One of the most effective ways to achieve this is through the process of code review. Think of it as the quality co
    JS Tutorial 493 2024-08-22 18:53:33

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.

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