This article walks through converting the Easysearch command‑line assistant into a web‑based tool by adding an Express API layer, reusing shared logic, and building a lightweight HTML/CSS/JS front‑end, while preserving the original CLI capabilities.
jQuery 4.0.0 introduces modernized code, drops legacy browser support, adds Trusted Types and CSP compatibility, migrates the source to ES modules, removes many deprecated APIs, and provides a slimmer build, all accompanied by detailed upgrade instructions and download links.
A team swapped a heavyweight React front‑end for HTMX, removing over twelve thousand lines of code, shrinking bundle size, speeding up first‑paint and interaction times, and shifting complexity back to the server while preserving functionality and improving developer onboarding.
This guide explains what a Blob is, how to create it with JavaScript, generate and manage temporary Blob URLs, compare it with Base64 and ArrayBuffer, and apply best‑practice patterns for previewing, downloading, and streaming large files in modern web applications.
Yii 3, the latest release of the PHP framework, introduces a modular package ecosystem, flexible dependency injection, PSR‑first design, advanced caching, improved database abstraction, and long‑running work mode, offering developers a high‑performance, standards‑compliant foundation for web, API, and console applications.
This article examines the security, performance, capacity, and query limitations of localStorage, explains how IndexedDB addresses each issue with asynchronous APIs, larger storage, stronger security, and advanced indexing, and introduces helper libraries that simplify its use.
This guide outlines essential PHP security best practices—including timely updates, prepared statements, output escaping, safe file uploads, session hardening, server configuration, input validation, framework usage, and additional tools—to help developers protect web applications from prevalent threats.
Kuikly, Tencent’s Kotlin‑Multiplatform cross‑end framework, now adds H5 and WeChat Mini‑Program support, delivering a lightweight 463 KB bundle, faster page loads across iOS, Android and PC browsers, and advantages such as superior development experience, SEO friendliness, broad compatibility, and ecosystem reuse, while outlining its architecture and future roadmap.
This article details how the vivo Internet Big Data team systematically improved the home‑page performance of their BI data‑visualization platform by analyzing key web metrics, identifying bottlenecks, and applying time‑ and space‑focused optimizations such as HTTP/2 migration, resource preloading adjustments, code splitting, and Web Workers, resulting in a 292% overall speed increase.
This article explains the fundamental distinctions between Spring Boot filters and interceptors—including execution timing, scope, registration methods, request handling, modification capabilities, exception mechanisms, and typical use cases—while providing practical code examples for each.
This article provides a comprehensive overview of front‑end technology stacks—including native app development, web frameworks, mini‑programs, and cross‑platform solutions—alongside common network libraries, the full HTTP request lifecycle, and practical performance optimization techniques for speed, weak‑network resilience, and security across native, web, and mini‑program environments.
This guide introduces JSON Hero, a user‑friendly tool for viewing and editing JSON data, explains how to install it locally with Git and npm, shows how to use the web version, and highlights its multiple viewing modes and sharing features.
This comprehensive guide explains domain name concepts, structures, and registration, introduces web page fundamentals and HTML basics—including tags, syntax, and HTML5 features—then covers HTTP protocol essentials, request/response formats, version evolution, and HTTPS security, providing a solid foundation for modern web development.
This article provides a comprehensive overview of the HTTP protocol, covering its fundamental concepts, the complete request lifecycle—including DNS resolution, TCP handshake, request headers, methods, cookies, and tokens—and detailed server response structures with practical Spring Boot examples.
Spring Framework 7.0 introduces native API versioning support, enabling developers to manage multiple API versions through URI, request header, query parameter, and content negotiation strategies, with detailed implementation examples, customizable resolvers, and client-side usage via WebClient, ensuring backward compatibility and flexible version control.
This article explains the core value of front‑end error monitoring, outlines key error categories, presents practical code examples for capturing explicit, implicit, resource, promise and framework errors, and proposes a multi‑layer defense strategy to improve observability, response time and team collaboration.
Explore how to construct robust, multi‑layered fallback mechanisms in Rust’s Axum framework—covering basic route guards, global error handling, middleware validation, dynamic redirects, performance optimizations, and monitoring—so every unknown HTTP request is safely captured, logged, and intelligently responded.
This article presents a comprehensive analysis of page performance issues across Kuaishou's commercial front‑end projects, outlines the challenges of unified governance, B‑end experience measurement, and C‑end web‑native integration, and details the systematic optimization strategies and measurable results that significantly improved user experience and business metrics.
The article outlines client‑cache and client‑snapshot techniques alongside an edge‑node ER‑cache that stores the first HTML chunk, explains a three‑layer routing model, and describes a head‑cache strategy with dynamic resource exclusion, skeleton UI snapshots, configurable switches, and per‑page cache durations to boost performance while preserving content freshness for membership pages.
The Chinese Patent Office announced that Industrial and Commercial Bank of China obtained patent CN112905176B for a SpringBoot-based web system backend implementation method and device, which details a process of receiving operation data, extracting business and object IDs, retrieving configuration, forming conditional expressions, and processing data to reduce development changes and improve system stability.
This article examines whether the @Service annotation can replace @Controller in Spring Boot by presenting a functional example, explaining the component‑scanning and request‑mapping mechanisms that allow a @Service‑annotated class to handle HTTP requests just like a controller.
This article explains the complete browser navigation process—from URL entry, DNS resolution, TCP and HTTP communication, to resource loading and page rendering—and presents practical optimization techniques such as DNS prefetch, HTTP/2, CDN usage, and HTML, CSS, JavaScript, and image improvements to boost frontend performance.
This article explains how modern frontend applications use comprehensive monitoring, real‑time alerts, performance metrics, custom reporting, and scheduled inspections to maintain system stability, improve user experience, and proactively address errors across web, mini‑program, and native platforms.
This article explains how modern front‑end teams ensure system stability and high‑quality operation by implementing comprehensive monitoring and automated inspection, covering background, significance, architecture, real‑time and scheduled checks, performance metrics, alert strategies, error handling, custom reporting, and future improvement plans.
This article explains how to reduce Flutter Web startup time by splitting the bulky main.dart.js file using deferred components, configuring CanvasKit assets via CDN, and optimizing font loading, complete with step‑by‑step code examples and performance measurements.
This article explains what JSON Web Tokens are, outlines their typical workflow, and critically examines their drawbacks—including size overhead, redundant signatures, revocation challenges, lack of encryption, and broader security concerns—before concluding with practical recommendations for their use.
Front‑end developers must embed unique page identifiers in URLs, capture incoming source parameters, and propagate them through outbound links so that traffic, source, interaction and conversion metrics can be automatically recorded by the SDK, enabling data‑driven product optimization and business insight.
JSON Hero is a lightweight, user‑friendly JSON viewer that offers column, tree, and raw JSON views, automatic content preview, and easy sharing; the article explains its features, provides a local installation guide with Git and npm commands, and shows how to use it directly in the browser.
This article explains the principles and recommended layout for organizing a large Go web project, covering readability, extensibility, standard Go project layout, and detailed descriptions of directories such as /cmd, /internal, /pkg, /configs, /deployments, and supporting files to improve maintainability and scalability.
This article explains how to prevent duplicate form submissions in Java web applications by generating and validating JWT tokens on the backend, provides complete utility classes and controller examples, and includes step‑by‑step usage instructions with full source code.
This article introduces fifteen highly useful Python libraries—ranging from data‑visualisation with Dash to web requests, image handling, progress bars, and home automation—explaining their main features, typical use‑cases, and why they are valuable tools for both beginners and experienced programmers.
The article details a micro‑frontend transaction backend case study where code‑splitting, CDN delivery, caching, lazy‑loading, and idle‑time loading reduced first‑screen JavaScript size, cut FCP below one second and LCP below two seconds, and improved first‑screen open rate by 15% while halving TTI.
This article provides a complete Go implementation of the classic Minesweeper game using the Ebiten library, including source code, detailed explanations of game mechanics, instructions for compiling and running both desktop and browser versions, and screenshots demonstrating the gameplay.
This article compiles a comprehensive list of widely used Go third‑party packages covering configuration handling, command‑line interfaces, environment variables, automation, dynamic recompilation, web frameworks, date management, ORM, microservices, web crawling, retry logic, server restarts, scheduling, and database clients, each with brief features and repository links.
This article explains what frontend event tracking (埋点) is, why it is essential for product analytics, when and how to implement it, the different tracking models and reporting methods, as well as practical tips, iteration processes, and common pitfalls for developers and product teams.
The article breaks down QR code login by describing QR code basics, token‑based authentication, and step‑by‑step interactions between mobile and PC clients, providing a clear technical roadmap useful for developers and interview preparation.
This article explains why both front‑end and back‑end data validation are essential in modern web applications, outlines the specific checks each layer should perform—from required fields and format rules to security safeguards like XSS/CSRF protection—and highlights the combined benefits for user experience, server load, and overall system integrity.
This guide walks Flutter developers through the advantages and drawbacks of Flutter Web, explains three practical use cases, shows how to create a project, run it locally, handle routing and platform‑specific APIs, configure CDN paths for different environments, debug on desktop and mobile, and finally package and deploy the app to production.
Facing heavy load times on the Feitian Service Platform’s customizable homepage, the team applied a three‑stage front‑end performance overhaul—shrinking resources, prioritizing critical paths with progressive loading, and leveraging caching via SWR and Service Workers—resulting in sub‑second page renders and a smoother user experience.
This reflective article chronicles the author’s multi‑year experience learning Java, from early textbook study and basic data types through Java Web development, framework exploration, and source‑code analysis, while sharing practical advice on consistent learning, focused study, and avoiding common pitfalls.
This article explains the key differences and performance trade‑offs among HTTP/1.1, HTTP/2, and HTTP/3, detailing keep‑alive, pipelining, streams, multiplexing, QUIC’s 0‑RTT handshake, connection migration, congestion and flow control, and provides practical guidance on when to adopt each protocol.
This article explains the browser's critical rendering path, detailing how HTML is parsed into a DOM, how CSS is turned into a CSSOM, how the render tree is built, and how JavaScript and CSS can block or delay rendering, providing practical examples and performance testing results.
This article explains why exposure tracking (埋点) is essential for front‑end developers, compares three implementation methods—pagination‑based estimation, scroll‑event calculations, and the Intersection Observer API—provides detailed advantages, drawbacks, code examples, and platform‑specific guidance for Web, mini‑programs, and Taro frameworks.
This guide explains why unchecked Origin headers violate Chinese security requirements, demonstrates the vulnerability with a curl test, and provides a complete Nginx configuration using a map directive to whitelist origins and return 403 for illegal requests.
This article explains the essential front‑end performance metrics—FCP, Speed Index, LCP, TBT, and CLS—detailing their definitions, target values, and practical optimization techniques to improve page load speed and visual stability.
This guide introduces the Agora Flat open‑source interactive classroom, outlines its key features and classroom modes, and provides step‑by‑step instructions for installing, building, and running both the Electron and Web clients, including packaging and Storybook usage.
An in‑depth look at HTTP’s origins, its client‑driven request‑response design, the evolution of headers, length‑ and delimiter‑based streams, and the successive enhancements from HTTP/0.9 through HTTP/1.1 to HTTP/2, SPDY, and HTTP/3, explaining the motivations behind each change.
This article explains essential front‑end performance metrics such as FP, FCP, LCP, TTI, FID, TBT and CLS, and provides a comprehensive set of network, code, CSS, image, and build‑time optimization techniques—including gzip, HTTP/2, lazy loading, SSR, debouncing, and tree‑shaking—to dramatically shorten white‑screen time and improve user experience on H5 pages.
This article explores the design motivations behind HTTP, tracing its evolution from the early TCP‑based request‑response model through HTTP/0.9, 1.0, 1.1, to modern HTTP/2 and HTTP/3, highlighting key features like headers, caching, connection reuse, and protocol optimizations.
This article presents eleven practical Google search tricks—including keyword matching, exact phrases, site‑specific queries, file‑type filters, and time ranges—to help programmers and other users retrieve relevant information more efficiently and improve overall productivity.
The 17th D2 Terminal Technology Conference featured two days of live streams with 32 speakers covering 22 topics on frontend, cross‑platform, mobile, and cloud technologies, and offers downloadable PPTs, on‑demand recordings, and a rich set of technical presentations for developers.
The article details Chromium’s rendering pipeline, tracing how network bytecode becomes on‑screen pixels through 13 stages—from parsing and style calculation to layout, painting, compositing, tiling, rasterization, activation, aggregation, and final display—while explaining process models, component formulas, and synchronous versus asynchronous raster strategies.
OpenSumi is a TypeScript‑based, React‑driven IDE development framework that offers high performance, extensive view customization, and full VS Code plugin compatibility for both web and Electron environments, enabling rapid creation of cloud or local IDE products.
This article explains the concept of idempotent HTTP requests, defines idempotency, lists which HTTP methods are idempotent or not, and clarifies why methods like GET, HEAD, PUT, DELETE are safe to retry while POST, PATCH, and CONNECT are not.
This article examines the principles, layers, and practical solutions behind cross‑platform development—from DRY reuse to hardware, OS, and application levels—evaluating hybrid, native‑rendering, self‑rendering, and DSL‑based frameworks and offering guidance on strategic, organizational, ecosystem, and performance considerations.
This article explains various web watermark methods—including simple visible logos, full‑page overlays, dynamic canvas‑generated marks, SVG‑based text watermarks, and robust invisible (blind) watermarks—while covering implementation details, security considerations, and protection mechanisms such as Shadow DOM and MutationObserver.
This article examines Builder.io's performance optimization case, reviews the evolution of lazy‑loading techniques in front‑end development, and explains how Qwik implements ultra‑fine-grained lazy loading and prefetching to eliminate costly hydration and improve page interactivity.
This article explains various web message‑push techniques—including short and long polling, iframe streaming, Server‑Sent Events, MQTT and WebSocket—detailing their principles, advantages, drawbacks, and providing complete Spring Boot and JavaScript code examples for real‑time notification badges.
This article explains the concepts of controllable and uncontrollable latency in front‑end performance, outlines methods for collecting static, dynamic, and API performance data using network waterfall, Chrome Performance, console timing, and Performance Timing API, and provides practical code examples and optimization strategies to improve user experience.
This article explains the core H5 page performance metrics such as FCP, LCP, CLS, TTI, and TBT, describes how to measure them with Lighthouse, and provides comprehensive network‑ and rendering‑layer optimization techniques along with real‑world case studies from the PLUS team to improve user experience.
This article explains how to use Google Lighthouse to measure key frontend performance metrics such as FCP, LCP and Speed Index, and provides practical optimization strategies—including reducing unused JavaScript, lazy‑loading images, using async/defer, code splitting, and Vue‑specific tricks like functional components and virtual scrolling—to improve scores on both local and production environments.
This article shares a real‑world case study of a company operating fifteen web applications, describing how a hidden DB‑connection leak in a pod liveness probe caused severe latency, how the issue was diagnosed and fixed, and the four key take‑aways for reliable performance engineering.
This article outlines the end‑to‑end workflow for front‑end monitoring in an APM platform, covering data collection, reporting, cleaning, storage, and consumption, and dives deep into environment info, exception handling, performance metrics, and efficient data upload strategies.
This article explains what JSON Web Tokens are, how they are composed of a header, payload, and signature, demonstrates creating and encoding each part with Base64 and Node.js, and discusses the security purpose of signatures and appropriate use cases for JWTs in web applications.
This article introduces the Python Requests library, explains how to install it, demonstrates basic HTTP methods such as GET and POST with code examples, and explores advanced use‑cases like handling JSON, binary data, custom headers, cookies, sessions, SSL verification, proxies, timeouts, and authentication.
This article explains the concepts, implementation methods, and best practices for asynchronous requests and asynchronous method calls in Spring Boot, covering servlet‑based async, Callable, WebAsyncTask, DeferredResult, @EnableAsync/@Async usage, thread‑pool configuration, common pitfalls, and the differences between async requests and async calls.
OpenSumi, the first domestically developed, highly customizable, high‑performance IDE framework compatible with VS Code extensions, enables developers to quickly build dual‑platform (Web and Electron) IDEs with modular architecture, independent processes, and extensive view customization, addressing the repetitive setup challenges faced by Alibaba and Ant Group teams.
This tutorial walks you through creating a simple aiohttp web application that fetches random Mars rover photos from the NASA API, validates image quality using Pillow, and serves the images directly, covering environment setup, async code, and deployment options.
This article explains the definitions, relationships, and components of URI, URL, and URN, illustrating how they locate resources on the web, detailing protocol, domain, port, path, and filename rules, and providing references to the relevant RFC specifications.
This article explains the definitions and relationships of URI, URL, and URN, illustrates how URLs are composed of protocol, domain, port, path and filename, and provides examples and RFC references to help readers grasp how web addresses locate resources.
This article details Alibaba’s experience building and deploying Flutter‑Web pages for the ICBU seller platform, covering version selection, code reuse, build optimization, deployment workflow, debugging, native JS integration, performance tuning, and compatibility fixes across various H5 containers.
This article explains Flutter's layered architecture, compares two web‑support strategies (HTML + CSS + Canvas vs. CSS Paint API), and details the dart2js and dartdevc compilers, their workflows, code examples, and when to use each for development or production.
This article explains the architecture of Flutter, compares the two web‑support schemes (HTML + CSS + Canvas and CSS Paint API), and provides an in‑depth walkthrough of the two compilers dart2js and dartdevc, including code snippets and build artifacts.
Phoenix is Meituan’s client‑side CDN disaster‑recovery system that uses a Webpack‑based SDK, dynamic calculation service, and monitoring platform to automatically detect load failures, switch domains, isolate problems, and continuously hot‑standby resources, boosting resource success rates from 99.7 % to 99.9 % across hundreds of projects.
Markdeep is an open‑source JavaScript plugin that turns any plain‑text file into a fully rendered Markdown document with support for tables, LaTeX equations, charts and even PPT‑style slides, requiring only a single markup line and no additional installations.
This curated collection presents a range of technical articles covering front‑end user experience, 3D visualization, WebGPU vs WebGL performance, React and Node.js advancements, as well as practical guides on unit testing and web accessibility, offering valuable insights for modern web developers.
This article outlines ten common PHP security threats—including SQL injection, XSS, CSRF, LFI, weak password hashing, MITM, command injection, XXE, improper error reporting, and login rate limiting—explaining how each attack works and providing practical mitigation techniques such as prepared statements, input sanitization, CSRF tokens, and HTTPS.
These articles compare how Web, Android, iOS, and Flutter represent UI structures—detailing the DOM and Virtual DOM creation, diffing, and rendering on the Web, and the XML‑based layout inflation, view hierarchy, styling, and drawing pipeline on Android—to help front‑end developers grasp each platform’s tree‑based architecture.
This article explains how AI is extending into front‑end development, defines edge AI, outlines its application scenarios, discusses advantages and limitations, reviews web‑based inference frameworks and hardware acceleration, and details model compression techniques for deploying AI directly in browsers.
This article describes how Beike's Flutter team leveraged Flutter for Web to enable rapid online issue mitigation, detailing the compilation pipeline, platform‑specific challenges such as operating‑system detection and dart:io limitations, and the multi‑module disaster‑recovery architecture they built.
This article details the systematic performance optimization of Penguin Tutor's H5 core pages, covering metric collection, analysis methods, environment setup, and concrete practices such as network tuning, code splitting, lazy loading, resource hints, and server‑side improvements that reduced total bundle size by 50% and cut onload time from over 6 seconds to around 1.2 seconds.
The article examines how increasing privacy regulations—especially after iOS 14—challenge personalized advertising by focusing on the technical core of user identification, the risks of cross‑domain data sharing, and a range of mitigation strategies such as fingerprint protection, third‑party cookie blocking, and privacy‑preserving attribution frameworks like PCM, SKAdNetwork, AEM, and FLoC.
This article compiles a comprehensive collection of front‑end design resources, including color palette sites, icon libraries, plugin repositories, asset collections, font sources, online tools, and UI frameworks, each accompanied by URLs and brief descriptions to aid developers and designers.
This article explains the fundamentals of Servlet 3.0 asynchronous processing, demonstrates how Spring MVC builds on the Servlet API, and provides multiple practical examples—including starting async support, using AsyncContext, custom threads, listeners, timeouts, and real‑world scenarios—to help developers master non‑blocking request handling in Java web applications.
This article curates a series of technical insights covering scalable frontend platform engineering, JavaScript assignment and prototype chain nuances, Chrome's default HTTPS shift, deep dives into React Server Components and error handling, GRASP design principles, and additional readings on responsive design, OS storage, Flutter hot reload, and streaming video evolution.
This case study details the massive traffic and rich interactive challenges faced by Kuaishou's 2021 New Year web event, analyzes resource download, host performance, and CDN dependencies, and presents tiered preloading, offline‑package splitting, dynamic animation degradation, and domain‑sharding solutions to ensure stability.
This article explains four ways to achieve frosted‑glass blur effects on the web—using CSS filter, backdrop‑filter, SVG, and canvas—detailing their characteristics, compatibility, implementation code, and typical pitfalls developers may encounter.
Flutter 2 transforms the framework into a true multi‑platform solution by adding stable desktop (Windows, macOS, Linux) and web support, introducing dual‑screen widgets, sound null‑safety, stable FFI, and tooling upgrades, while highlighting migration challenges and future enhancements.
This article explains the fundamentals of the HyperText Transfer Protocol, covering the OSI model layers, TCP three‑way handshake, bandwidth versus latency, and the evolution from HTTP/0.9 through HTTP/1.0, 1.1, and HTTP/2, highlighting key improvements such as persistent connections, pipelining, chunked transfer, and server push.
This article explains why front‑end performance optimization is crucial for user retention and conversion, outlines loading‑time and runtime optimization categories, and provides practical techniques such as DNS prefetching, HTTP/2 adoption, resource compression, lazy loading, virtual lists, event delegation, and code‑level best practices with concrete code examples.
This article traces the evolution of web architecture from tightly coupled JSP‑Servlet models through semi‑separated Ajax/SPAs to fully decoupled front‑back end designs, highlighting how Node.js as a middle layer improves adaptability, performance, and maintainability for multi‑client applications.
This article explains how modern CSS features such as content-visibility, will-change, contain, font-display, scroll-behavior, @import avoidance, media‑query splitting, and CSS custom properties can be used together with practical code examples to dramatically reduce page‑render time, improve smooth scrolling, and avoid layout shifts for faster, smoother web experiences.
This article details Meituan Waimai's front‑end team experience of using Flutter Web to create a unified code base for Android, iOS, PC and H5, covering business and technical background, challenges, overall and detailed design, performance optimizations, build‑and‑deploy pipelines, and measurable results.
This article explains the fundamentals of Single Sign-On (SSO) and the CAS framework, outlines suitable use cases, compares three implementation approaches, details key CAS components and ticket types, and walks through a step‑by‑step cross‑domain SSO deployment process.
This article explores the history and current state of cross‑platform development, covering PC, mobile, IoT, Web, Hybrid, Weex, React Native, and Flutter, and discusses how developers can balance performance, user experience, and development efficiency across diverse devices.
This article outlines seven practical rules for designing clear, consistent, and consumer-friendly REST API URIs, covering topics such as avoiding trailing slashes, using hierarchical separators, preferring hyphens over underscores, lower‑case paths, omitting file extensions, and choosing plural resource names.
This talk walks through DingTalk Spreadsheet's journey from zero to a feature‑rich, Excel‑compatible web app, covering its modular architecture, the RangeMan solution for scalable cell management, sophisticated collaboration algorithms like GOT and COT, and performance‑driven rendering techniques using Canvas, double buffering, and a custom text layout engine.
This article walks through building a simple Spring MVC application, shows the necessary configuration files and code, and then breaks down the ten-step request‑handling process from DispatcherServlet to the final view rendered for the user.
From Jeff Atwood’s 2007 Atwood’s Law predicting JavaScript’s ubiquity to Alibaba’s decade‑long evolution of interactive front‑end technologies, this article explores web‑to‑media interaction, component‑based building systems, and the rise of serverless, highlighting how front‑end engineering now drives business innovation across platforms.
This article explores the evolution of cross‑platform technologies—from early PC and mobile web solutions to modern frameworks like Weex, React Native, and Flutter—highlighting their benefits, challenges, and the ongoing quest for performance, consistency, and development efficiency across diverse devices.
