This article explains how to design an artistic SVG signature, export it from Figma, and animate it using stroke‑dasharray, stroke‑dashoffset, and CSS keyframe animations to achieve a drawing effect on web pages.
This article introduces the Nuqs library for React, explaining how it synchronizes application state with the browser URL, outlines its key features, provides step‑by‑step installation and usage examples—including query hooks, type‑safe parsers, transition handling, multiple query states, and server‑side parsing—enabling developers to build more intuitive front‑end applications.
The article shows how to create a realistic loading progress bar using only CSS—by styling a container and its ::before pseudo‑element, applying keyframe width animations with ease, cubic‑bezier or the newer linear() timing functions, and toggling between long and short animations via CSS variables for a smooth instant‑complete effect without JavaScript animation code.
This article surveys the most notable CSS additions in 2024—including custom scrollbars, cross‑document view transitions, scroll‑driven animations, new component utilities, dark‑mode helpers, @property, Popover API, @starting‑style and text‑stroke—providing code examples and usage guidance for modern web developers.
This article systematically dispels ten widespread myths about PHP—covering threading, project scale, security, modern relevance, usage scope, code quality, performance, object‑oriented support, learning depth, and scalability—showing that modern PHP remains a powerful, secure, and versatile backend technology.
This course teaches PHP environment installation, ThinkPHP 8.x framework setup, coding standards, routing, controllers, database operations, model management, advanced queries, middleware, caching, validation, file handling, and more, enabling learners to build robust web applications with ThinkPHP.
This article introduces and demonstrates several emerging CSS capabilities—including native style isolation with @scope, container queries via @container, advanced pseudo‑classes like :has, :where, :is, CSS nesting, the nth‑child of selector, text‑wrap balance/pretty, and the native popover element—providing code examples and usage tips for modern frontend development.
This article explores how artificial intelligence is reshaping modern web development and details how PHP can integrate AI through libraries, APIs, and data processing, highlighting use cases such as recommendation engines, chatbots, and content generation, while also discussing benefits and challenges of such integration.
In 2003 a modest Australian startup’s desktop mapping app was transformed over a single weekend when Google’s founders challenged its engineers to rewrite the code for the web, cutting size by a third, boosting speed tenfold, and launching the revolutionary Google Maps that reshaped online navigation.
This article explains PHP's urldecode() function, covering URL encoding concepts, the function's signature, practical encoding/decoding examples, limitations with non‑printable characters, and when to use rawurldecode() as an alternative.
The article examines the legal clash between Deno and Oracle over the JavaScript trademark, tracing its history from Netscape's creation to today's lawsuit, and explores the potential outcomes and their impact on the developer community and the future of web programming.
Vite 6.0 launched on November 26, boosting weekly npm downloads to 17 million, introducing an experimental Environment API for multi‑environment support, updating defaults for resolve conditions, JSON handling, HTML resources, and Sass, while expanding its ecosystem with new frameworks and major company adoption.
An in‑depth guide to Go’s net/http package explains its role as a standard‑library solution for HTTP client and server tasks, shows how to import it, demonstrates GET, POST and custom requests, builds simple servers with routing, adds middleware, and outlines common use cases such as APIs and web crawlers.
This article explains how to boost web‑development performance for modular construction by replacing runtime module loading with Ahead‑of‑Time compilation, aggregating files, and caching seed calculations, detailing build pipelines, dependency handling, debugging trade‑offs, and showing npm‑based code examples that cut rendering time by roughly sixty percent.
This guide walks you through installing Flask and Flask‑WTF, creating a Flask backend with routes and forms, designing Bootstrap‑styled HTML templates, adding custom JavaScript to render JSON as a tree, and running the application to view a polished online JSON visualizer.
This article details the design, technology choices, and core features—including real‑time collaborative editing—of an open‑source online code editor built with Next.js on the front end, NestJS on the back end, and Yjs‑based synchronization, while also providing deployment tips and contributor information.
This article provides a comprehensive overview of common HTTP request and response headers, explaining their purposes, typical usage, and example syntax, helping developers prepare for interviews and deepen their understanding of web communication fundamentals.
This article explains the browser same‑origin policy, defines cross‑origin requests, details the CORS mechanism—including simple and non‑simple requests and their required HTTP headers—and provides practical Go examples using Gin middleware and Kubernetes to solve CORS issues.
This article explains what browser extensions are, outlines the Chrome extension file structure, walks through creating the manifest, popup UI, content and background scripts, demonstrates messaging APIs, and shows how to add features such as ad removal, context‑menu shortcuts, request blocking, custom new‑tab pages, and text‑highlighting.
In 2024 PHP has resurged thanks to dramatic performance gains, modern language features, a thriving Laravel ecosystem, robust hosting support, and extensive compatibility, making it a fast, reliable choice for building high‑traffic web applications once again.
PHP's rawurldecode() function decodes URL‑encoded strings—typically those produced by urlencode()—back to their original form, with syntax, usage examples, and a note on its difference from urldecode(), making it a handy tool for handling URLs in backend web development.
This article explains how PHP's urlencode function encodes special and non‑ASCII characters in URLs, provides example code for English and Chinese strings, discusses practical usage in GET requests, and notes the difference between urlencode and rawurlencode for space handling.
This article explains the differences between the default, async, and defer script attributes in HTML, showing how each affects script loading and HTML parsing, with detailed code examples, execution order diagrams, and practical recommendations for choosing the right attribute.
HTML5 provides a cross‑platform, multi‑device web standard with rich media and interactivity, offering responsive design, flexible layouts, and resource adaptation, while supporting native, hybrid, and framework development modes; however, developers must address security, legacy browser compatibility, performance, SEO, and platform‑specific integration challenges.
This article explains PHP's rawurldecode() function, detailing its purpose for decoding URL‑encoded strings, providing syntax, a step‑by‑step example that converts an encoded URL back to its original form, and notes its limitations compared to urldecode(), making it a useful tool for backend web development.
This tutorial guides readers through setting up a Python environment, installing Flask, creating a basic Flask app with routes, running the server, accessing it via a browser, and extending the application with form handling and MySQL database integration, all illustrated with clear code examples.
PHP, once thought obsolete, is experiencing a resurgence in 2024 thanks to dramatic performance gains, modern features like JIT and typed parameters, a thriving Laravel ecosystem, robust hosting support, and its enduring role in powering a majority of the web.
This tutorial walks through setting up a Vue2 front‑end environment, installing Node.js, Vue‑CLI, Element UI, and Axios, then creates a reusable hot‑search board component, integrates it into the main app, and even shows a Java‑based Zhihu crawler for data collection.
This article provides a curated collection of Python libraries spanning general utilities, file handling, image processing, game development, data science, GUI frameworks, testing tools, and deployment utilities, each accompanied by a concise description of its primary purpose and typical use cases.
This article examines the shift from PHP to Node.js, outlining Node.js’s asynchronous, JavaScript‑unified, micro‑service‑friendly advantages and its thriving package ecosystem, while also highlighting PHP’s stability, mature CMS support, and hosting ease, and discusses key migration challenges to help developers decide which platform best fits their project needs.
This guide walks you through creating dynamic page effects in Vue using CSS transitions, CSS animations, Vue's built‑in transition components, and third‑party libraries like animate.css, while sharing best practices, code snippets, and performance tips for clean, maintainable front‑end development.
This guide explains why Playwright is a leading tool for frontend automated testing, walks through installing Node.js, Playwright and browsers, shows project configuration, provides runnable demo code, and demonstrates common GET and POST API requests, helping developers boost test efficiency and reliability.
This article demonstrates how to recreate Bilibili's subtitle effect that avoids covering on‑screen characters by using a simple HTML structure combined with the CSS mask‑image property, providing a complete demo, visual results, and practical considerations for frontend developers.
This article explains the PHP rawurldecode() function, its syntax, and how it decodes URL‑encoded strings, provides a complete code example with expected output, and highlights the differences between rawurldecode() and urldecode() for proper URL handling in web development.
This article explains why the native storage event only works across different tabs, evaluates traditional polling and proxy approaches, and presents four efficient solutions—including custom StorageEvent, CustomEvent, MessageChannel, and BroadcastChannel—along with practical React and Vue examples for real‑time localStorage monitoring.
This tutorial explains why the legacy PHP function session_register() was deprecated and guides developers through modern, secure session management techniques such as using the $_SESSION superglobal, regenerating session IDs, enforcing expiration, setting secure cookie flags, CSRF tokens, and encrypting session data.
This article presents a curated list of fifty essential Python libraries spanning data analysis, scientific computing, visualization, machine learning, web development, database access, testing, and utilities, providing brief descriptions to help developers quickly identify and master the most useful tools in the Python ecosystem.
This comprehensive guide walks you through core Python techniques for handling files and directories, making HTTP requests, processing data, managing system resources, performing text manipulation, executing mathematical calculations, building simple web applications, and interacting with various databases, all illustrated with ready‑to‑run code snippets.
This article explains PHP's setcookie function, detailing its syntax, parameter meanings, and providing several practical code examples for creating cookies with different lifetimes, paths, domains, and security flags, while also noting how to retrieve cookies using the $_COOKIE superglobal.
To meet soaring marketing‑tool demand with limited front‑end staff, the team built a three‑layer, micro‑frontend architecture—page container, scenario template, and business customization—augmented by a plugin‑style micro‑kernel, enabling over 50 % faster development, consistent UI, and configurable blocks, while acknowledging added complexity and performance trade‑offs.
This tutorial explains why CORS is needed for modern web applications, outlines common scenarios such as front‑end/back‑end separation and third‑party API integration, and provides a complete Ingress Nginx configuration with code examples to enable cross‑origin requests in a Kubernetes cluster.
Front‑end development transforms a URL request into a rendered page by downloading HTML, CSS, and JavaScript, building the DOM and CSSOM, executing scripts, constructing a render tree, then performing layout and paint, while modern workflows use component frameworks, build tools for bundling and minification, versioned or hashed assets with long‑term CDN caching, and non‑overlapping gray‑release deployments to ensure smooth updates.
The 2024 JetBrains and Python Software Foundation survey of 25,000 developers reveals Python's continued dominance, detailed demographics, tool preferences, language trends, age distribution, web and data‑science usage, cloud adoption, and security insights, highlighting why newcomers still favor Python as their first language.
This article explains the PHP setcookie function, detailing its syntax, parameters such as name, value, expiration, path, domain, secure, and httponly, and provides multiple practical code examples for setting cookies with various scopes, lifetimes, and security options.
This article explains how PHP can be integrated with front‑end technologies such as server‑side rendering, client‑side rendering, AJAX, and APIs, outlines key concepts and tools, and provides a step‑by‑step tutorial for building a simple blog application using PHP and React.
This tutorial walks through six steps—obtaining an API key, importing the Baidu Maps library, creating a map container, initializing the map object in PHP, setting a custom style via JSON, and rendering the map—enabling developers to tailor Baidu map appearances within their web applications.
This guide introduces JSON Hero, a lightweight JSON viewer with multiple viewing modes, explains how to install it locally or use it online, and highlights its key features such as content preview, search, shareable links, and VS Code integration, helping developers work with JSON more efficiently.
This article explores three powerful AI-driven tools—GitHub Copilot, Uizard, and ChatGPT—that streamline web development workflows, enhance functionality, and accelerate design by automating code, converting sketches to prototypes, and providing instant coding assistance, ultimately boosting productivity for developers.
JSON Hero is a lightweight, feature‑rich tool that offers multiple visualizations of JSON data, easy local installation, direct web usage, searchable tree structures, and shareable links, making JSON inspection and editing faster and more intuitive for developers.
Apache Tomcat is the underlying servlet container and web server that Spring Boot automatically embeds via the spring‑boot‑starter‑web dependency, but junior developers often miss its core roles—managing servlet lifecycles, serving static resources, and compiling JSPs—so learning Tomcat (or swapping it for Jetty by adjusting Maven exclusions) clarifies what Spring Boot abstracts and enables flexible container choices.
Explore the five most useful Navigator API features—online/offline detection, device info, geolocation, clipboard access, and permission management—complete with practical JavaScript code snippets, enabling developers to enhance web applications with richer browser capabilities.
This article explains how Google’s Gemini Nano can run directly in the browser via the Prompt API, guides you through enabling the feature in Chrome Canary, checking model readiness, and provides JavaScript code examples for creating text sessions, streaming responses, and building a simple translation demo.
The ZhuanZhuan Frontend Weekly curates five recent technical articles—including a Rust‑based JavaScript bundler, Airbnb’s seamless React upgrade, HarmonyOS ArkUI framework, a JavaScript Super Mario game, and the Interface Segregation Principle in React—providing concise English summaries and links for developers.
A growing movement among web developers, highlighted by Pieter Levels and Alex Russell, argues that relying on basic HTML, PHP, lightweight jQuery, and progressive‑enhancement principles can outperform heavyweight JavaScript frameworks in speed, maintainability, and accessibility.
This article explains the fundamentals of JSON Web Tokens (JWT), compares token-based authentication with traditional session methods, outlines common security threats such as theft, replay and forgery, and provides practical measures—including HTTPS, encryption, proper storage, expiration policies, and two-factor authentication—to safeguard token integrity.
This article reviews the most popular Java frameworks for 2024, explaining their purpose, key features, and how they help developers build scalable, secure, and efficient web applications across various industries.
This course teaches PHP environment setup, ThinkPHP 8.x framework installation, coding standards, database operations, and advanced query techniques through a comprehensive curriculum covering configuration, controllers, models, routing, middleware, and utility functions, enabling rapid development of robust web applications.
This article explains how PHP's urlencode function encodes special and non‑ASCII characters in URLs, provides example code for both English and Chinese strings, and discusses practical usage considerations such as space handling and when to use rawurlencode.
This article explains PHP's json_decode() function, detailing its purpose, parameters, and providing a clear code example that demonstrates how to decode a JSON string into an associative array and access its contents in web development.
This article explains how to use the browser's Media Capture API together with PHP code to access a user's camera, capture or upload photos, and store them on the server, providing a step‑by‑step tutorial and a complete code example.
This article provides a detailed overview of over a hundred essential Python libraries spanning environment management, packaging, file handling, date‑time utilities, text processing, office document formats, databases, networking, web frameworks, and concurrency, illustrating Python's vast ecosystem for diverse development needs.
This article explains why using a JavaScript framework isn’t always necessary, outlining five practical scenarios—simple projects, pure HTML/CSS solutions, modern ES6 features, creative freedom, and HTMX—that allow developers to build efficient web applications without added complexity.
In 2024, despite rumors of its demise, PHP remains a dominant server‑side language, powering over 77% of websites, evolving with modern features, frameworks, and a growing ecosystem, and is projected to continue advancing with PHP 9 and AI integrations.
This article explains how to use PHP's session_start function to initiate sessions, manage session data with $_SESSION, control session lifetime via session_set_cookie_params, and properly destroy sessions using session_destroy, providing clear code examples for each step.
This tutorial walks through setting up a PHP development environment, creating .php files, embedding PHP within HTML, and using PHP to output the current time, handle form submissions, and interact with a MySQL database to build dynamic web pages.
This article traces the historical evolution of web application architecture—from tightly coupled JSP/Servlet models through semi‑separated Ajax‑driven approaches to fully separated SPA and Node.js‑mediated full‑stack designs—highlighting the motivations, drawbacks, and benefits of each stage for modern front‑end development.
Google’s Angular lead explains how Angular and React share core reactive principles, use similar change‑detection algorithms, and are converging around the Signals primitive, highlighting the implications for developers, performance, and future framework integration.
This tutorial demonstrates how to build a realistic snowfall animation on a web page by using CSS radial gradients for snowflakes and a JavaScript class that generates, styles, and animates thousands of snow particles with requestAnimationFrame, including advanced enhancements like speed variation, swing motion, 3D perspective, and rain integration.
This tutorial demonstrates building a FastAPI‑powered “Moyu Office” page that dynamically shows today’s date, weekday, and the remaining days until the weekend and major Chinese holidays, using Jinja2 templates, the zhdate library for lunar‑solar conversion, and deployment behind Nginx.
This article analyzes how JavaScript’s rich functionality, expanding ecosystem, and single‑language workflow have reshaped web development, outlines the essential front‑end and back‑end skills for full‑stack developers, and explores the career advantages and future trends such as WebAssembly.
This tutorial walks web developers through using Tauri 2.0 to create a native macOS desktop application, covering installation, project scaffolding, core HTML/JS code, Rust command integration, configuration, building, packaging, and a final assessment of Tauri's advantages over Electron.
JSON Hero is a lightweight, user-friendly tool that offers multiple views—column, tree, and raw JSON—enhanced features like automatic content preview, search, and shareable links, with optional local installation via npm or instant online use by dragging files into its web interface.
The article recounts a JD.com front‑end engineer’s evolution from a fresh graduate to a technical leader, highlighting practical advice on mentorship, coding habits, project ownership, innovative ad‑tech solutions, and the transformative role of AIGC in modern front‑end development.
This article explains how to use PHP functions to create a user registration system with input validation, password hashing, and MySQL insertion, and also demonstrates a generic data‑storage function that connects to a database and saves arbitrary data, highlighting key security and implementation steps.
The article introduces ten obscure yet practical HTML elements—progress, meter, dfn, dialog, map/area, bdo, base, time, hgroup, kbd, and cite—explaining their unique functions and showing how they can enhance interactivity, semantics, and layout beyond the common div, a, and p tags.
This article demonstrates how to use PHP's LDAP functions to connect to an LDAP server, bind with credentials, and authenticate users by searching the directory, providing complete example code for each step.
This article walks you through the fundamentals of Chrome extension development, covering its advantages, required prerequisites, manifest file creation, core components such as popup pages, background scripts, content scripts, and context menus, complete with practical code examples and configuration details.
Svelte 5 launches with fine‑grained universal reactivity, a powerful Signals system, a slimmer compiler output, and Rich Harris’s enthusiastic take on React Server Components, promising a faster, smaller, and more composable framework for modern web developers.
This article provides a step‑by‑step guide for developers to customize Baidu Map styles using PHP, covering API key acquisition, library inclusion, creating a map container, initializing the map object, setting a JSON‑based style, and rendering the map on a web page.
This article compares PHP and Python for web development, detailing each language's strengths, weaknesses, performance characteristics, typical use cases, and key factors to consider when choosing the most suitable backend technology for a project.
This tutorial explains how to use the AMap (Gaode) map API in PHP to implement map zoom functionality, covering API key acquisition, library inclusion, map instance creation, container setup, initial zoom level, adding controls, and rendering the map on a web page.
This guide explains why front‑end developers need Docker, introduces core concepts, walks through installing Docker, building and running a simple container, using Docker Compose for a full‑stack React‑Node app, and shares practical configuration tips to ensure consistent, efficient development across environments.
This tutorial explains how to use the browser's Media Capture API together with PHP to capture photos from a user's camera, upload them to the server, and display the saved images, providing a practical example and step‑by‑step code.
This article explains how to diagnose and fix common CORS problems when a front‑end site on port 8080 accesses a back‑end service on port 59200 by configuring Nginx as a proxy, detailing the required response headers, handling preflight requests, and providing complete example configurations.
The upcoming PC web version of Xianyu, announced by senior engineer Zhao Kun, will initially support browsing, searching and favoriting items, while the full transaction features are still under development, prompting developers to speculate whether the platform will continue using Flutter for its web front‑end.
Amid the rapidly evolving web development landscape, the scarcity of proficient PHP developers stems from fading foundational knowledge, migration to newer languages, and lingering misconceptions, prompting a need for reinforced education, community advocacy, mentorship, and industry collaboration to revitalize PHP expertise and sustain its role in modern web development.
This article explains the purpose and proper usage of SpringBoot 3.3’s request‑handling annotations—@ModelAttribute, @SessionAttribute, @RequestAttribute—and the RedirectAttributes class, providing detailed code examples, configuration tips, and scenarios where each tool is essential for form submission, session management, and flash‑attribute redirects.
This article examines why TypeScript has become essential for complex web applications, outlining its benefits such as improved maintainability and early error detection, the challenges developers face, and the language's future impact on the web development ecosystem.
This article outlines five clear scenarios—simple projects, sufficient HTML/CSS, modern ES6 features, desire for creative freedom, and HTMX alternatives—where using a JavaScript framework adds unnecessary complexity and can be safely avoided.
This guide introduces JavaScript’s low‑level binary data tools—ArrayBuffer, TypedArrays, and DataView—explaining their concepts, creation methods, key properties, and performance considerations, and demonstrates practical applications such as image processing, audio analysis, and WebSocket binary protocols.
This article explains why both front‑end and back‑end developers need to understand browsers, covering their historical evolution, single‑process versus multi‑process architectures, core components, rendering engines, market share, and practical implications for product design and security.
This article explains how Server‑Sent Events (SSE) and the EventSource API enable real‑time, one‑way data streams in web pages, covering browser support, key features, client‑side usage, server implementation, data formatting rules, and practical tips for reliable deployment.
This article explains the principles behind browser-based camera access via the Media Capture API and provides a step‑by‑step PHP example that creates an HTML form, captures a photo, uploads it to the server, saves it, and displays the image back to the user.
This article reviews the ten most valuable JavaScript libraries for 2024—including React, Redux, D3.js, TensorFlow.js, Angular, Node.js, Vue, Svelte, Three.js, and Lodash—detailing their core features, performance benefits, typical use cases, and why they remain essential tools for modern frontend development.
The article examines PHP’s rise to the 15th spot in the TIOBE June index, analyzing its deep web roots, mature frameworks, performance gains, vibrant community, and integration with modern technologies like Docker and front‑end frameworks, while also discussing future challenges such as scalability, type safety, and cloud‑native adoption.
This article compares Flask and FastAPI, explains their core differences in speed, developer experience, and standards, and provides step‑by‑step migration instructions, code examples, configuration tips, and deployment strategies for building modern Python web APIs.
This article introduces the concepts and core principles of RESTful APIs and provides a step‑by‑step Python Flask tutorial, including environment setup, code examples for CRUD operations, and guidance on testing, authentication, error handling, and versioning.
This tutorial demonstrates step‑by‑step how to set up a MySQL database, write PHP scripts to retrieve taxi trajectory data, and use Baidu Maps JavaScript API to render interactive maps showing each vehicle’s path, including code examples for database creation, data insertion, and front‑end integration.
This article demonstrates how to apply Google’s Wire tool in a production‑grade Go web service, covering project layout, a four‑layer architecture, code generation for constructors, comparisons with dig and inject, and practical CLI usage to streamline dependency injection and improve development efficiency.
This article explains how PHP's rawurlencode() function encodes special characters in URLs, demonstrates its syntax, provides examples of encoding full URLs and query parameters, and shows the resulting encoded strings, highlighting its importance for safe URL transmission in web development.
