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

  • How to use vscode
    How to use vscode
    This article provides a comprehensive guide to Visual Studio Code, covering debugging techniques (breakpoints, stepping, variable inspection), essential extensions (Prettier, Live Server, GitLens), and customization options (settings, keybindings, wo
    VSCode . json 277 2025-03-06 11:11:14
  • Efficient Large Dataset Handling in Laravel Using streamJson()
    Efficient Large Dataset Handling in Laravel Using streamJson()
    Laravel applications often encounter performance hurdles when dealing with extensive datasets. Sending the entire dataset at once can lead to memory exhaustion and slow response times. Laravel's streamJson method provides a robust solution by enabl
    PHP Tutorial . json 502 2025-03-06 02:09:08
  • Split Log Levels Between Stdout and Stderr With Laravel
    Split Log Levels Between Stdout and Stderr With Laravel
    Have you ever thought about logging a specific level of log in Laravel? Of course, you can use the level configuration option to specify the lowest level to log, but what if you just want to log Debug and Info logs into a specific logger? Suppose you are writing a CLI command and want to split the logging into stdout and stderr. Using tools like Laravel Zero or Artisan, you might have the following command to demonstrate sending stderr logs to a location only: php artisan my-command 2> storage/logs/st
    PHP Tutorial . json 844 2025-03-06 02:06:14
  • A Guide to Pagination in Laravel
    A Guide to Pagination in Laravel
    Pagination is a common feature in web applications. Almost every Laravel application I've ever worked on has had some form of pagination implemented. But what is pagination and why do we use it? How can we implement pagination in our Laravel applicat
    PHP Tutorial . json 740 2025-03-06 02:04:09
  • How to  Build Your First PHP Package
    How to Build Your First PHP Package
    Want to create a PHP package from scratch and share it with other PHP developers? Composer, this dependency management tool, makes this process easy! Thanks to Composer, PHP has one of the top package ecosystems. Let's take a deeper look at how to create PHP packages step by step. Get started This article is mainly aimed at PHP newbies (or PHP package writing beginners) and aims to help them learn how to create PHP packages from scratch. Creating a new PHP package requires the following tasks: Initialize the Git repository Create and configure composer.json files Install dependencies Set up automatic loading Although we can create an empty GitHub project first and gram it
    PHP Tutorial . json 664 2025-03-06 01:38:08
  • How to Write a Cookie-less Session Library for JavaScript
    How to Write a Cookie-less Session Library for JavaScript
    This JavaScript library leverages the window.name property to manage session data without relying on cookies. It offers a robust solution for storing and retrieving session variables across browsers. The library provides three core methods: Session
    JS Tutorial . json 1033 2025-03-06 01:18:08
  • Converting Laravel Models to JSON for API Responses
    Converting Laravel Models to JSON for API Responses
    Laravel provides several methods for transforming Eloquent models into JSON, with toJson() being one of the most straightforward approaches. This method offers flexibility in how your models are serialized for API responses. // Basic usage of toJson(
    PHP Tutorial . json 315 2025-03-06 01:17:13
  • Take Command with Ajax
    Take Command with Ajax
    Do you want to build more dynamic, responsive, desktop-like web applications like Gmail and Google Maps? Then this article is for you! It guides you through the Ajax basics and through the process of building a simple Ajax application. That applica
    JS Tutorial . json 496 2025-03-06 01:03:12
  • Using Fluent to Work With HTTP Client Responses in Laravel
    Using Fluent to Work With HTTP Client Responses in Laravel
    In Laravel 11.2.0, we got a fluent() helper to conveniently convert array data into a Fluent instance. Now, starting in Laravel 11.35, we have a convenient method for transforming an HTTP client response into a fluent instance: use Illuminate\Support
    PHP Tutorial . json 583 2025-03-06 01:01:10
  • Example Products Database JSON File
    Example Products Database JSON File
    This example demonstrates a Products Database JSON file, commonly used for storing system configuration settings or product information. Its lightweight and easily-parsed nature makes it ideal for data sharing across various application components.
    JS Tutorial . json 898 2025-03-06 00:55:08
  • The ultimate guide to Laravel Validation
    The ultimate guide to Laravel Validation
    Data verification is a key component of any web application. It helps prevent security vulnerabilities, data corruption, and various other problems that may arise when using user input. This article will explore what data verification is and why it is so important. We will compare client-side verification with server-side verification and explain why client-side verification should not be relied on. Then, we will introduce some convenient verification rules that I often use in my Laravel application. Finally, we will learn how to create our own validation rules and test them to make sure they work as expected. What is data verification? Data verification is a process of checking data validity before trying to use it. This can be a simple item to check for, for example, if there are required fields in the request, or
    PHP Tutorial . json 313 2025-03-06 00:46:13
  • jQuery Loop through JSON Data
    jQuery Loop through JSON Data
    Use jQuery code snippet to traverse JSON data properties. You have an object/map array, so the outer loop goes through these arrays. The inner loop traverses the properties of each object element. Update: Check out this article for 5 in-depth examples of jQuery.each(). $.each(data, function() { $.each(this, function(k, v) { /// Perform an operation }); }); FAQs for jQuery traversing JSON data (FAQs) How to traverse JSON objects in jQuery? It's very simple to traverse JSON objects in jQuery. You can
    JS Tutorial . json 855 2025-03-06 00:42:10
  • Fetching Data in Your React Application
    Fetching Data in Your React Application
    React, a leading library for building dynamic web applications, focuses primarily on the view layer within the MVC architecture. This tutorial explores a fundamental aspect of web development: fetching and displaying data within a React application.
    JS Tutorial . json 833 2025-03-06 00:14:11
  • Always Render API Exceptions as JSON in Laravel
    Always Render API Exceptions as JSON in Laravel
    Tired of custom middleware to force JSON responses for API exceptions in Laravel? Laravel 11 streamlines this process. This approach eliminates the need for middleware like this: class ForceJsonResponse { public function handle(Request $request
    PHP Tutorial . json 791 2025-03-05 16:42:10
  • Working with JSON Attributes Using Laravel's Array Casts
    Working with JSON Attributes Using Laravel's Array Casts
    Laravel provides AsArrayObject and AsCollection casts to handle complex JSON attributes more effectively, enabling intuitive manipulation of nested data structures.
    PHP Tutorial . json 1005 2025-03-05 16:27:13

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