Community
Learn
Tools Library
AI Tools
Leisure
search
English
Article Tags
Home Technical Articles Web Front-end JS Tutorial
What is CoffeeScript all about?

What is CoffeeScript all about?

CoffeeScript: A concise alternative to JavaScript? Want to know what CoffeeScript is? This video will quickly interpret it for you! Paul Annesley, the lead developer of SitePoint, worked with me to make this video for you. The birth of CoffeeScript is said to have originated from those who are tired of JavaScript syntax, and it may even help those who don’t understand how JavaScript works in the underlying form of writing more efficient code, because its process of compiling to JavaScript does a pretty good job in performance. Do you agree? Watch the video and leave your comments! open

Feb 24, 2025 am 10:51 AM
jQuery/HTML5 Input Focus and Cursor Positions

jQuery/HTML5 Input Focus and Cursor Positions

This document provides code snippets and examples demonstrating how to manage cursor input focus and position using jQuery and HTML5. Feedback and suggestions are welcome. jQuery Input Focus Use the focus() function to set focus to an input element

Feb 24, 2025 am 10:49 AM
js code snippet to open a popup window

js code snippet to open a popup window

Nothing special just some JavaScript code snippet to open a popup window. W = window, D = document; //set the window to widgets dimensions var winH = 400, //allow for window padding and header winW = 400, winT = 400,

Feb 24, 2025 am 10:46 AM
Working with Cookies in jQuery

Working with Cookies in jQuery

Key Points jQuery.cookie, a jQuery plugin, simplifies the process of creating, reading and deleting cookies. It must be downloaded from the code base on GitHub and included in the page after the jQuery library. The cookie() method is used to create and read cookies. Creating a cookie requires two parameters: name and value. The optional third parameter can be an object literal containing additional options, such as path, domain, expires, and secure. To read the cookie, only the name parameter is required. Delete cookies using removeCookie() method, if cookies are found

Feb 24, 2025 am 10:40 AM
Play button overlay image using CSS

Play button overlay image using CSS

This article explores techniques for centrally overlaying a play button image onto another image using CSS. Several approaches are presented, each with varying degrees of browser compatibility. The Most Effective Method This approach provides excel

Feb 24, 2025 am 10:36 AM
HTML5 Desktop Notifications Example

HTML5 Desktop Notifications Example

HTML5 desktop notification demonstration and detailed explanation Hello everyone! Today I will show you how to implement desktop notifications using HTML5 and a small amount of JavaScript code through a simple demonstration. GitHub Project HTML5 desktop reminder background information Notifications allow users to be reminded outside the context of the web page, such as delivery of emails. You can display, queue, and replace notifications. You can also add an icon to the message body on the left side that appears on the left side of the message body. You can also use tag members for multiple instantiation (the result of this case is a notification; the second notification replaces the first notification with the same tag). [Learn more about W3C Web

Feb 24, 2025 am 10:34 AM
Introduction to the HTML5 WebSockets API

Introduction to the HTML5 WebSockets API

HTML5 introduces many novel APIs, including WebSocket. WebSocket allows developers to create powerful real-time applications by establishing socket connections between the browser and the server. In other words, due to the existence of persistent connections, clients and servers can exchange data at any time. This tutorial will explain how to create a real-time web application using WebSocket. Key Points The WebSocket API introduced in HTML5 allows developers to create real-time applications by establishing persistent socket connections between the browser and the server, allowing clients and servers to exchange data at any time. Opening a WebSocket connection is very simple, you only need to call WebS

Feb 24, 2025 am 10:33 AM
Examples of Broken CSS Wanted

Examples of Broken CSS Wanted

In 2013, a large number of excellent CSS codes emerged in the online world, which brought high-quality experiences to visitors and even broke through people's perception of web design, achieving amazing results without Flash. The SitePoint Christmas Promotion is a great example, if you forget the page effect at the time, you can click here to review it and see how Alex Walker built it. However, we must also admit that there are a lot of bad CSS code on the web that causes the web experience to be broken and messy, and even let users feel disappointed with certain websites, and even the entire network. How good would it be if we were able to find all the problematic CSS and fix them? As people who value the Internet, we all know that when the Internet is

Feb 24, 2025 am 10:32 AM
Classes in CoffeeScript

Classes in CoffeeScript

Core points CoffeeScript implements traditional class systems, although JavaScript itself does not. This makes it easier for beginners to understand while retaining the flexibility of prototypes for experienced programmers. The CoffeeScript class supports inheritance, allowing the creation of subclasses that automatically inherit the properties and methods of their parent class. Subclasses can also override parent class functions, as shown in the "worry" and "profit" functions in the "Senator" and "Student" subclasses. Although CoffeeScript is convenient and syntax concise, it still allows prototype systems that implement JavaScript, including the use of "::" as "pr

Feb 24, 2025 am 10:31 AM
What's New in NetBeans 7.3: HTML5!

What's New in NetBeans 7.3: HTML5!

I've used countless IDEs and text editors over the years, from Visual Studio to Vim. Most left me wanting more or burdened me with unnecessary features. Notepad remains my go-to for its simplicity and customizability. Historically, HTML editors

Feb 24, 2025 am 10:29 AM
Implementing Push Technology Using Server-Sent Events

Implementing Push Technology Using Server-Sent Events

Core points The Server-Sent Events (SSE) API implements push technology, and data is streamed to the client through continuous open connections, avoiding the overhead of repeatedly establishing new connections. Unlike WebSockets that allow bidirectional communication, SSE only allows the server to push messages to the client. However, SSE has certain advantages, such as support for custom message types and automatic reconnection and disconnection. Clients can handle various event types in the event stream by implementing named events. In addition, the onerror event handler of EventSource can be used to handle errors, and the client can call close() at any time

Feb 24, 2025 am 10:28 AM
Understanding RequireJS for Effective JavaScript Module Loading

Understanding RequireJS for Effective JavaScript Module Loading

Modular programming breaks down large applications into smaller, easy-to-manage code blocks. Module-based coding simplifies maintenance and improves code reusability. However, the dependencies between management modules are a major problem that developers face throughout the application development process. RequireJS is one of the most popular frameworks for managing dependencies between modules. This tutorial explores the requirements of modular code and shows how RequireJS can help. Key Points RequireJS is a popular framework for managing dependencies between JavaScript modules, which improves the speed and quality of your code, especially in large projects. RequireJS

Feb 24, 2025 am 10:27 AM
Scroll to Top Using jQuery (Setup time: 2mins)

Scroll to Top Using jQuery (Setup time: 2mins)

Quickly create a website back to top scrolling function (set time: 2 minutes) This guide will guide you step by step how to set up the Back to Top feature on your website. Just scroll down this page to view the demo. Download the scrollTo plugin and include it. Get an image (arrow or similar). Contains the following HTML code. Contains the following jQuery/JavaScript code to capture window scrolling and process the display of images. It's that simple! HTML jQuery This jQuery code displays the image when the user scrolls down, hides the image when scrolling up, and processes click events. $(document).ready(funct

Feb 24, 2025 am 10:26 AM
Headless WebKit and PhantomJS

Headless WebKit and PhantomJS

Core points PhantomJS, a headless browser based on WebKit, allows faster programmatic automation and testing of web pages without the need for a graphical user interface. PhantomJS provides powerful features such as the ability to interact with pages through JavaScript, allowing easy automation of tasks such as clicking buttons, submitting forms, and even loading and manipulating web pages using libraries such as standard DOM API or jQuery. PhantomJS provides an extensive file system API that enables applications to store source code to the file system, take screenshots of web pages, and even include external script files into the page. Although PhantomJS is powerful

Feb 24, 2025 am 10:24 AM

Hot tools Tags

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

What's New in Windows 11 KB5054979 & How to Fix Update Issues
3 weeks ago By DDD
How to fix KB5055523 fails to install in Windows 11?
2 weeks ago By DDD
InZoi: How To Apply To School And University
3 weeks ago By DDD
How to fix KB5055518 fails to install in Windows 10?
2 weeks ago By DDD
Roblox: Dead Rails – How To Summon And Defeat Nikola Tesla
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Show More

Hot Tools

vc9-vc14 (32+64 bit) runtime library collection (link below)

vc9-vc14 (32+64 bit) runtime library collection (link below)

Download the collection of runtime libraries required for phpStudy installation

VC9 32-bit

VC9 32-bit

VC9 32-bit phpstudy integrated installation environment runtime library

PHP programmer toolbox full version

PHP programmer toolbox full version

Programmer Toolbox v1.0 PHP Integrated Environment

VC11 32-bit

VC11 32-bit

VC11 32-bit phpstudy integrated installation environment runtime library

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Show More

Hot Topics

Where is the login entrance for gmail email?
7814
15
Java Tutorial
1646
14
CakePHP Tutorial
1402
52
Laravel Tutorial
1300
25
PHP Tutorial
1237
29
Show More