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

  • What's the difference between function.call and function.apply?
    What's the difference between function.call and function.apply?
    Today I read a great blog post by Mark Needham titled JavaScript: Confusing ‘call’ and ‘apply’. A while back I wrote an article for our Tech Times newsletter about the JavaScript arguments object. It was called arguments: A JavaScript Oddity. Because
    JS Tutorial 964 2025-03-10 00:48:08
  • 20 Flash-like jQuery Plugins
    20 Flash-like jQuery Plugins
    20 cool jQuery plug-ins to help you bid farewell to Flash animations! This article will introduce an impressive array of Flash-style JavaScript animation resources, tutorials, and plugins. With the rise of jQuery, MooTools, and many other frameworks that enhance animation, we can now easily create stunning JavaScript animations, making it difficult for visitors to tell the difference from Flash animations. Hope this article will bring you new inspiration! Key points: This article lists 20 jQuery plugins for creating impressive Flash-style animations and provides a list of resources, tutorials, and plugins that developers can explore and use. These plugins and tutorials cover a wide range of
    JS Tutorial 133 2025-03-10 00:47:07
  • 10 Amazing jQuery Widgets
    10 Amazing jQuery Widgets
    Enhance Your Website with These 10 Cool jQuery Widgets This article showcases ten easy-to-use yet powerful jQuery widgets to boost your website's interactivity and functionality. Let's dive in! jQuery Delicious Plugin: Display information from del
    JS Tutorial 467 2025-03-10 00:46:08
  • The Two Ways of Sizing Absolute Elements in CSS
    The Two Ways of Sizing Absolute Elements in CSS
    Anyone who has used CSS for a while will know about the merits of absolute and relative positioning. To recap: position: relative allows an element to be shifted from its original position either horizontally (using left or right) or vertically (usi
    JS Tutorial 295 2025-03-10 00:45:08
  • 6 jQuery Cursor Functions
    6 jQuery Cursor Functions
    Here are some powerful jQuery code snippets for manipulating the mouse cursor! They can be used to set and get text cursor position and selection range in the input and text area fields. Enjoy it! // jQuery get cursor position function call example $("input[name='username']").getCursorPosition(); jQuery.fn.getCursorPosition = function(){ if(this.length == 0) return -1; return $(this).g
    JS Tutorial 753 2025-03-10 00:44:10
  • jQuery Read-Only Input Field
    jQuery Read-Only Input Field
    Easily control read-only properties of input fields with jQuery This article describes how to use simple jQuery code snippets to control the read-only properties of the input field so that it is not editable or restored to the editable state. Set read-only properties: The following code uses jQuery's attr() method to set the input field to read-only: $('input').attr('readonly', true); Cancel the read-only attribute: Use the removeAttr() method to cancel the read-only attribute of the input field: $('input').removeAttr('readonly'); Remember to put the jQuery code in $(document).re
    JS Tutorial 666 2025-03-10 00:43:08
  • jQuery: Easy JavaScript for Designers
    jQuery: Easy JavaScript for Designers
    Key Takeaways jQuery is a JavaScript library that simplifies the process of using JavaScript for web design, offering a range of pre-built functions and tools to improve functionality and user experience. jQuery allows designers to manipulate HT
    JS Tutorial 200 2025-03-10 00:39:11
  • 19 Best JavaScript Admin Templates for React, Angular, and Vue.js
    19 Best JavaScript Admin Templates for React, Angular, and Vue.js
    Streamline Your App Development with Top JavaScript Admin Panel Templates Building an app? Save time and effort with a pre-built JavaScript admin panel template. This article showcases powerful React, Angular, and Vue.js templates to create stunnin
    JS Tutorial 863 2025-03-10 00:37:09
  • Ajax Patterns
    Ajax Patterns
    Design patterns offer reusable solutions to common programming problems. The Ajax Patterns Wiki attempts to catalog these solutions specifically for Ajax applications. While the wiki is extensive, documentation for some patterns is incomplete, ofte
    JS Tutorial 918 2025-03-10 00:36:11
  • JavaScript Doom
    JavaScript Doom
    The classic game Doom has been ported to the browser through JavaScript, fully demonstrating the capabilities of this most commonly used programming language in the world. Main gains: The classic game Doom has been ported to a browser using JavaScript, demonstrating the capabilities of the most commonly used programming languages ​​in the world. Despite some limitations, such as slow running in Chrome and not running in IE, Doom in JavaScript runs well on Firefox 4 and Opera, reaching 20-30 frames per second on mid-range PCs. The game uses Emscripten and Clang to convert C generation
    JS Tutorial 476 2025-03-10 00:33:10
  • How to Write Faster JavaScript Condition Expressions
    How to Write Faster JavaScript Condition Expressions
    There’s an interesting optimization feature in JavaScript which doesn’t necessarily apply in other languages. Consider the following code sample: var x = 10; var y = true; if (x*x > 1000 || y) alert("true!"); As you’d expect, “true”
    JS Tutorial 914 2025-03-10 00:32:12
  • AJAX: Usable Interactivity with Remote Scripting
    AJAX: Usable Interactivity with Remote Scripting
    If your bookmarks contain even one Web development blog, you’ll undoubtedly know that remote scripting is being touted as the new “future of the Web”. Although I get the feeling that a few people are perhaps a little over-excited about it, the rece
    JS Tutorial 705 2025-03-10 00:30:09
  • Hacking JavaScript for Fun and Profit: Part I
    Hacking JavaScript for Fun and Profit: Part I
    JavaScript has become a large part of the web development and design experience in the past few years. It allows us to spruce up dull, static pages, avoid page refreshes, and accomplish some amazing feats of interface engineering – things that would
    JS Tutorial 364 2025-03-10 00:29:10
  • 10 jQuery Inline Editor Plugins
    10 jQuery Inline Editor Plugins
    Ten powerful jQuery inline editors that let you dynamically manage web content like you use CMS! Looking for the right in-place editor? We found these very interesting scripts. Editing in-place or inline is very useful in editing page text without refreshing it, enhancing the user interface. Please check out the following tutorial. WYMeditor: Web-based XHTML editor A web-based WYSIWYM (what see is what you get) XHTML editor (non-WYSIWYG). Its main concept is to ignore the details of the visual layout of the document, focus on its structure and meaning, while trying to provide the user with the greatest convenience (at least as with the WYSIWYG editor). Sourc
    JS Tutorial 402 2025-03-10 00:27:11
  • Why use JSON over XML?
    Why use JSON over XML?
    Choosing between JSON and XML for data transmission can be tricky. This article outlines the key reasons why JSON often emerges as the preferred choice, and also considers scenarios where XML might be more suitable. Understanding JSON and XML JSON
    JS Tutorial 683 2025-03-10 00:24:09

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