This article details the technical process of creating a 3D visualization component for city management systems, covering HTML structure, CSS animations, and mathematical calculations for distributing elements on a circular path.
This article explains the distinctions between Spring and Spring Boot, covering their core concepts, Maven dependencies, MVC and template engine configurations, security setup, bootstrapping mechanisms, packaging options, and deployment strategies, with detailed code examples throughout.
This article explains how to extend a React Native project with react-native-web, covering the motivation, required dependencies, project setup, webpack and Babel configuration, entry‑file creation, AppRegistry usage, component implementation, and JDReact’s practical extensions for seamless multi‑platform deployment.
This article explains why many Chinese websites turned gray on April 4, 2020, and shows how to replicate the effect by adding a global .gray class that applies a CSS filter, providing the exact code, usage examples, and browser compatibility details.
This article explains WebRTC fundamentals, key APIs, and demonstrates how to build a browser‑based peer‑to‑peer video chat by implementing a lightweight signaling server in PHP using Swoole coroutines, complete with client‑side JavaScript code, server logic, and deployment tips.
This article compares Spring and Spring Boot, explains their core concepts, walks through MVC, template engine, and security configurations, shows Maven and Gradle dependency setups, and details how to package and deploy applications with code examples.
This article explains why micro frontends are needed, outlines their engineering and product benefits, describes key architectural requirements, shares practical decisions such as stack‑independent bootstrapping, routing, isolation, resource loading, and communication, and presents real‑world results from Ant Financial’s OneX platform.
This article chronicles John Washam’s journey from a self‑taught web developer to an AWS technical specialist, detailing his comprehensive, now Chinese‑translated, Google interview guide, the learning resources he recommends, and the practical tips and pitfalls he discovered along the way.
This tutorial shows how to generate a simple image‑based CAPTCHA using Python's Pillow library and the Sanic web framework, store the code in a session, and validate user input, with notes on adding asynchronous refresh functionality.
This article presents fourteen practical techniques for building Spring MVC controllers, covering annotation usage, interface implementation, abstract class extension, URL mapping, HTTP method specification, request parameter binding, model handling, redirects, form processing, file uploads, dependency injection, servlet access, and single‑responsibility design.
This tutorial explains how to create Django view functions for user registration and login, covering request handling, rendering templates, database interactions, and URL routing, with complete Python code examples and guidance on using the render function and request methods.
In this interview, a senior front‑end engineer from Pornhub reveals how the platform tackles video playback, ad integration, performance monitoring, and emerging Web APIs such as IntersectionObserver, WebXR, and WebRTC, while sharing insights on their tech stack, tooling, and the unique challenges of scaling adult‑content sites.
This article explains the fundamentals of HTTP caching, covering forced and conditional cache strategies, key response headers like Cache-Control, Expires, ETag, and Last-Modified, and demonstrates how browsers decide when to serve cached content versus fetching fresh data.
The article introduces Bifrost, Meituan’s Vue‑based micro‑frontend framework, detailing its background, design goals, architecture, implementation code, development practices, deployment workflow, and the benefits and challenges of adopting micro‑frontend architecture in large‑scale enterprise front‑end projects.
Postwoman (now Hoppscotch) is a free, open‑source, browser‑based API testing tool that offers a lightweight UI, real‑time responses, and extensive features such as method support, validation, WebSocket testing, and Docker deployment, making it a practical alternative for web developers.
This article compiles a comprehensive collection of free, unlimited-use API interfaces across various categories such as phone number lookup, weather, stock data, and more, providing direct URLs for each service to help developers quickly integrate external data sources.
This article examines GraphQL’s emergence since its 2015 open‑source release, outlines its five core design principles, contrasts its single‑endpoint, client‑driven architecture with traditional RESTful APIs, and demonstrates practical query and response examples to highlight performance and developer‑experience advantages.
This article explains why dark mode has become a web design priority, describes the system‑level nature of dark/light themes, and provides practical CSS and JavaScript solutions—including media queries, custom properties, color‑scheme, filters, mix‑blend‑mode, and transition effects—to implement seamless dark mode support across browsers.
This article explains the technical principles behind QR code login, detailing the interaction between web, mobile, and server components, and provides concrete implementation examples from Taobao and WeChat, including code snippets, request flows, and handling of various response states.
In early 2020, a small team of Chinese developers swiftly created a COVID-19 travel companion query tool—designing, coding, and deploying a searchable web service within a single day, then scaling it to millions of users using CDN, static site generation, and cloud storage, while emphasizing data accuracy and rapid response.
This article outlines the essential steps for creating a traditional Java web application, covering environment preparation, Maven skeleton creation, required dependencies for logging, databases, persistence, Spring integration, DAO and service layers, unit testing, and RESTful controller configuration.
This article surveys the ten most promising Chinese front‑end frameworks of 2019‑2020, such as Ramda, WeUI, ColorUI, Omi, Taro, Flutter, SpriteJS, NestJS, DoKit and imgcook, highlighting their origins, key features, ecosystem support and GitHub popularity to illustrate the rapid evolution of front‑end technology.
This article details how Webnovel's Ficool m‑site leveraged a Next.js + AMP + Preact stack to dramatically improve development experience, overcome AMP's limitations, and achieve high performance for low‑bandwidth African users through custom webpack configurations, amp‑script integration, and disciplined frontend practices.
This tutorial walks through the fundamentals of Thymeleaf, its key features, a side‑by‑side comparison with FreeMarker, and provides a complete Spring Boot example—including Maven dependencies, entity and controller code, template markup, and essential configuration settings—to help developers integrate the template engine quickly and correctly.
This article surveys Java’s evolution and market dominance, then evaluates the ten leading Java frameworks—Spring, Hibernate, Struts, Play, GWT, Grails, Blade, JSF, and Vaadin—highlighting their key features, use cases, and why choosing the right one is crucial for successful web development.
This article explains what a Content Management System (CMS) is, why enterprises need it, its historical emergence, key characteristics, architectural components, and provides an overview of open‑source and proprietary CMS solutions along with references for further study.
This guide explains how Laravel handles session storage across HTTP requests, covering configuration files, built‑in drivers such as file, cookie, database, Memcached and Redis, custom driver creation, and common session operations like retrieving, storing, flashing, and regenerating IDs, with code examples throughout.
This guide explains how Laravel automatically generates CSRF tokens, how to embed them in Blade forms, configure the VerifyCsrfToken middleware, whitelist routes, and integrate token handling with JavaScript libraries such as Axios and jQuery for robust request protection.
This article provides a comprehensive guide to Laravel routing, covering basic route definitions, route files, HTTP verbs, CSRF protection, redirects, view routes, parameters with constraints, named routes, route groups, model binding, fallback routes, rate limiting, and form method spoofing, all illustrated with clear code examples.
This article provides a comprehensive overview of Laravel's default application folder structure, explaining the purpose of each top‑level directory such as app, bootstrap, config, database, public, resources, routes, storage, tests, and vendor, and detailing the sub‑folders within the app directory like Console, Http, and Providers.
This article explains how micro‑frontend architecture tackles the maintainability challenges of monolithic front‑ends, outlines its three core business values, details ten technical problems it must solve, and shows the essential infrastructure, configuration, and observability components needed for cloud‑era web development.
This article forecasts the 2020 software development landscape, highlighting the rise of cloud adoption, Kubernetes, micro‑services, Python, Java, emerging languages like Rust and Kotlin, JavaScript frameworks, API standards, SQL dominance, big‑data engines Spark and Flink, and the growing impact of WebAssembly.
This guide walks beginners through Laravel fundamentals, setting up development environments, hands‑on project ideas, documentation habits, team standards, job‑search strategies, and a long‑term learning path to become a well‑rounded backend engineer.
Laravel, the PHP-based MVC framework created by Taylor Otwell in 2011, has rapidly become the fastest‑growing PHP framework thanks to its Rails‑inspired principles, extensive Composer ecosystem, and vibrant global and Chinese communities, making it a top choice for modern web development.
Meituan's R&D built Bifrost, a micro‑frontend framework that splits a monolithic Vue SPA into independent sub‑systems, letting remote teams develop, deploy, and integrate modules while preserving a seamless SPA experience; the host manages lifecycle, routing, shared state, CDN delivery, gray releases, and monitoring, greatly improving scalability and maintainability.
The 2019 frontend landscape saw React retain dominance, TypeScript surge, WebAssembly become a fourth web language, Vue prepare for version 3, Angular introduce Ivy, static sites and JAMstack rise, PWA adoption grow, and a wave of new tools, standards, and predictions for 2020, reflecting rapid evolution across frameworks, languages, and tooling.
This article explains the need for front‑back separation, outlines the challenges of SPA architecture, provides a step‑by‑step implementation guide, and details a version‑1.0 API specification—including request/response formats, special data handling, and future front‑end trends—helping teams reduce integration effort and improve code maintainability.
JavaScript’s growing size threatens web performance and accessibility, so developers must evaluate when to use frameworks, adopt progressive enhancement, reduce unnecessary code, and leverage native browser features like prefetch and service workers to build faster, more sustainable, and inclusive web experiences.
This article explains the stateless nature of HTTP and how cookies, server‑side sessions, and token‑based authentication work together to maintain user state across requests, including their storage limits, lifecycle, and practical implementation steps.
The article explains how traditional Java web projects that rely on JSP tightly couple front‑end and back‑end, causing performance and scalability issues, and argues that modern large‑scale applications should adopt a decoupled architecture with static front‑end resources served by nginx and APIs delivered by backend services.
Microsoft’s VS Online brings a full‑featured, cloud‑powered development environment to the browser, supporting Git, any language, extensions, and Azure resources, enabling developers to work on multiple projects without slowing their local machines.
This article explains the design and implementation of a car‑sales e‑commerce storefront editor, covering its three‑area layout, drag‑and‑drop module handling, TypeScript‑based backend processing, and Gulp build pipeline, while also discussing configuration, tasks, and future VR extensions.
This article presents a detailed Q&A on Flutter, covering its advantages over native and hybrid solutions, Tencent Online Education's multi‑platform Flutter architecture, encountered pitfalls and web production readiness, and the team's perspective on Flutter's future development.
This article compiles and translates the latest Chrome DevTools enhancements from versions 74 to 78, detailing new UI highlights, debugging shortcuts, performance metrics, service‑worker insights, and other practical tools that front‑end developers can immediately apply to improve their workflow.
This article explains how to use Puppeteer to automate interactions with non‑DOM canvas objects in KuJiaLe's web‑based design tools, detailing the underlying API, the automation framework setup, and a step‑by‑step demo of moving a bedroom bed.
Discover a curated selection of open‑source utilities spanning Go‑based alert visualizers, command‑line benchmarkers, Python image generators, C REPLs, TypeScript web linting, and strict Python style guides, each with brief descriptions and links, offering developers valuable resources for web, ops, and general programming tasks.
This tutorial explains six different approaches—using z-index, opacity, borders, box‑shadow, element cloning, and canvas—to create a guide overlay (mask layer) that highlights specific page areas without relying on image assets, complete with code examples and visual demos.
This article explains how to create a high‑stability image magnifier in Vue by calculating mask positions based on mouse events, moving the background image accordingly, and optimizing performance with initialization checks and scroll handling, providing full source code and usage instructions.
This article explains the fundamentals of ARIA for web accessibility, showing how to assign proper roles, states, and properties to HTML elements, ensure keyboard focus with tabindex, and implement interactive link and button controls—including regular, toggle, and menu buttons—using concise HTML and JavaScript examples.
This article presents twelve practical Chrome DevTools tricks—from quickly locating code lines and inspecting pseudo‑classes to visualizing DOM hierarchies and filtering network requests—helping front‑end developers boost debugging efficiency and master hidden browser features.
The article reflects on the Google I/O theme of empowering developers, summarizing five key front‑end trends—including the stabilization of web technologies, native‑like web capabilities, the rise of TWA, shifts in native app confidence, and the accelerating productization of TensorFlow and ARCore—while offering a forward‑looking outlook for the industry.
This article provides an extensive, categorized catalog of JavaScript libraries and tools for front‑end development, covering package managers, loaders, bundlers, testing frameworks, UI components, data visualization, storage, internationalization, security, and many other functional areas of modern web programming.
This article explains how modern browsers now support native ES2015 modules, why earlier performance concerns were based on outdated tests, and provides detailed guidance on using Rollup, code‑splitting, dynamic imports, modulepreload, and polyfills to achieve faster, smaller, and future‑proof web applications.
This article explains how CSS Houdini opens the browser's rendering pipeline through APIs for custom properties, painting, layout, and worklets, providing step‑by‑step code examples that let developers define their own CSS behavior and create dynamic visual effects.
The article explains the progression from tightly coupled MVC architectures to partially separated RESTful designs and finally fully decoupled front‑end/back‑end systems, highlighting the roles of Node.js, client platforms, server types, performance challenges, and stability solutions for modern mobile web applications.
This article compares Flask and Django, outlining their core concepts, similarities, and differences across popularity, flexibility, documentation, routing, admin interfaces, development speed, and template engines, to help developers choose the most suitable Python web framework for their needs.
This article traces the historical evolution of frontend development—from early monolithic web architectures through the rise of distributed systems and front‑end/back‑end separation, to modern serverless and Backend‑for‑Frontend (BFF) approaches—highlighting the shifting roles, challenges, and emerging solutions in the industry.
This article examines recent rumors about PHP’s demise, reviews Zend’s leadership changes, presents market‑share data, and argues why PHP remains a viable choice for startups and small‑to‑medium enterprises despite criticism.
This article provides an overview of Python, covering its origin, historical releases, key features, major application domains such as web development, AI and data analysis, various interpreters, and development guidelines like PEP 8.
This article chronicles three decades of front‑end evolution, covering the birth of the Web, the early static‑page era, the browser wars, the rise of JavaScript, prototype and jQuery periods, the explosion of modern frameworks, and the recent Chinese mini‑program wave.
This guide walks beginners through Python fundamentals, essential development tools, HTTP basics, front‑end basics, popular web frameworks, database choices, testing strategies, and deployment techniques, offering practical book recommendations and actionable steps to start building real web applications.
This article provides a thorough overview of HTTP cookies, covering their origin, definition, working principles, attributes, Python manipulation, session comparison, common interview questions, and associated security concerns, all illustrated with examples and code snippets.
This article explores how artificial intelligence is influencing frontend development, detailing recent breakthroughs, practical frameworks like TensorFlow.js, real‑world applications, advantages, limitations, and emerging solutions for deploying machine learning models directly in browsers.
After quitting my job in Shanghai, I went through eleven technical interviews ranging from Python full‑stack to data‑analysis roles, sharing detailed experiences, resume strategies, scheduling tactics, interview outcomes, key takeaways, and a curated list of frequently asked interview questions.
The SuNing Technology Front‑End Exchange Forum gathered nearly a thousand developers and industry leaders to discuss mini‑programs, cross‑platform frameworks, Node.js, Unity Tiny Mode, and automation testing, highlighting recent breakthroughs and future directions in front‑end engineering.
This tutorial explores why the .reduce() method feels intimidating, demonstrates its basic usage with addition and multiplication, and then showcases five unconventional applications—including converting arrays to objects, flattening nested arrays, performing dual calculations in a single pass, merging map and filter, and sequencing asynchronous calls—while providing clear code examples and performance considerations.
This article reviews the early history of the web, explains why dynamic sites became dominant, and argues that static websites now offer superior performance, faster editing, better SEO, and broader accessibility, making them a compelling choice for modern developers and content creators.
The article describes how NetEase migrated its Open Course PC site from a legacy CMS to a high‑performance Node.js SSR architecture using Egg.js with TypeScript and Nuxt.js, detailing integration, caching, logging, error monitoring, middleware ordering, and achieving 338.6 TPS on a single 4‑core server.
While many developers can list superficial distinctions between GET and POST, this article delves into the underlying TCP mechanics, browser and server constraints, and practical implications, revealing why the perceived differences exist and how each method truly operates in real‑world web applications.
This tutorial walks you through configuring Django templates, static files, and MySQL database settings, then guides you step‑by‑step to create models, views, URLs, and templates for a complete library management system with publishers, books, and authors.
This article explains why web accessibility matters for all users, demonstrates how semantic HTML, proper use of labels, alt attributes, keyboard navigation, and WCAG 2.0 guidelines improve accessibility, and provides practical code examples and recommendations for creating inclusive front‑end web pages.
This article explains what cookies and sessions are, their types and attributes, demonstrates how they control language preferences on a website, and provides practical iOS examples using NSHTTPCookie, AFNetworking, and NSURLSession to send and manage cookies in network requests.
This article reviews ten high‑performance JavaScript chart libraries—amCharts, AnyChart, Chart.js, Chartist.js, D3.js, FusionCharts, Google Charts, Highcharts, Plotly.js, and ZingChart—detailing their main features, pricing models, and where to find documentation, helping developers choose the best tool for their data‑visualisation needs.
The article traces front‑end development’s rapid evolution from basic HTML/CSS/JS through frameworks that reduced complexity, to multi‑environment runtimes, serverless integration, and streamlined cloud services, showing how front‑end engineers now deliver full‑stack, end‑to‑end solutions across browsers, servers, desktops, and mobile.
This article explains the fundamentals of AJAX, including its definition, the need for asynchronous communication, how form submissions work, the XMLHttpRequest object methods and properties, jQuery implementations, advantages, disadvantages, and typical application and non‑application scenarios, with complete code examples.
This article explains the concept of AJAX, why asynchronous communication is needed, how to submit forms and handle server responses using raw XMLHttpRequest and jQuery, compares GET and POST methods, and outlines the benefits, drawbacks, and suitable scenarios for AJAX in web development.
This tutorial introduces Django, outlines its major features, explains the standard project directory, provides essential command‑line tools, demonstrates how to create views, URLs, templates, and models, and walks through database operations and both GET and POST form handling, all with clear code examples.
This guide compiles a curated collection of essential front‑end development tools, asset libraries, and community sites—including bookmark managers, placeholder image generators, code‑beautifiers, free image sources, UI design resources, and popular forums—to help developers streamline workflows and discover valuable online resources.
This article explains the CSS 3D properties perspective and transform-style, shows how different perspective values affect a cube, demonstrates the impact of transform-style on child elements, and provides example code and reference links for practical implementation.
This article explains key networking concepts including the meaning and differences of HTTP 301/302 status codes, forward versus redirect mechanisms, TCP versus UDP characteristics, the TCP three‑way handshake, OSI layers, GET versus POST request distinctions, and multiple cross‑origin solutions such as JSONP, CORS, window.name, postMessage, and proxies.
This tutorial walks you through creating a complete Django project, covering settings configuration for templates, static files, and middleware, MySQL database integration, model definitions for publishers, books, and authors, view functions for CRUD operations, and essential front‑end template snippets, all with ready‑to‑run code examples.
This article compiles a curated list of the ten most popular free open‑source admin dashboard UI frameworks, detailing their GitHub star counts, repository links, core technologies, and visual screenshots to help developers quickly choose a suitable backend control panel solution.
Chameleon is Didi's cross‑platform framework that lets developers write a single codebase in CML, CMSS, and JavaScript to run on H5, various mini‑programs, and native‑like environments, dramatically reducing duplication, maintenance effort, and improving consistency across platforms.
This article reviews the evolution of front‑end technologies—from Ajax and Node.js to React—explains the serverless concept, and argues that serverless will trigger the next major shift in front‑end engineering by reshaping deployment, scaling, and the role of web developers.
This article discusses various types of JavaScript errors, including syntax errors, runtime errors, and resource loading errors, and explains how to handle them.
This article describes the design and implementation of a component template platform that separates front‑end components from Qunar's special activity system, introduces a layered architecture, presents code‑level file structures, and explains how dynamic configuration and on‑demand loading solve reuse, theming, and maintenance challenges.
This article explains the concepts, implementations, and practical use cases of debounce and throttle in JavaScript, showing how they limit function call frequency to improve front‑end UI performance for events such as scrolling, resizing, and input handling.
This article provides a comprehensive overview of the HTTP protocol, covering its relationship with DNS/TCP/IP, request/response structure, methods, design principles, persistent connections, cookies, compression, caching, status codes, and the enhancements introduced in HTTP/2.
This guide walks you through the fundamentals of Nuxt.js server‑side rendering, covering installation, project scaffolding, routing, asset handling, layouts, middleware, plugins, and configuration to build fast, SEO‑friendly Vue applications.
This article introduces Flask, a Python micro‑framework, covering installation, a minimal "Hello Flask" example, debugging, routing, URL building, request handling, templates, static files, cookies, sessions, and response customization, providing ready‑to‑run code snippets for each feature.
This guide walks founders, CEOs, CTOs and other stakeholders through nine actionable steps—from embracing simplicity and assessing personal needs to evaluating open‑source options, ecosystem support, future outlook, hiring, design flexibility, prototyping, and finally launching—helping them make informed technology‑stack decisions for web applications.
This article compiles frequent CSS problems—from button styling and overflow handling to flex‑wrap, grid layouts, long‑word breaking, transparent gradients, pseudo‑elements, and input accessibility—offering concise code solutions and practical tips to improve cross‑browser compatibility and user experience.
This article demonstrates how to create a simple Flask‑based web tool that updates user information in a MySQL database, covering configuration, route handling, HTML form design, and execution steps, providing a practical example for backend developers.
This guide shows how to build a basic Flask web app that connects to a MySQL database, renders data with Jinja2 templates styled by Bootstrap, and runs the server with optional debug and multithreaded settings.
This article explains how CSS determines the rendered size of images by defining intrinsic size, specified size, default object size, and concrete object size, outlining the calculation process, and demonstrating the effects of width, height, background-size, contain, and cover through multiple code examples.
This article explains the fundamentals of Progressive Web Apps (PWA), focusing on Service Workers—its architecture, usage restrictions, compatibility, lifecycle stages, practical code examples, and how to simplify implementation with the Workbox framework for offline caching and push notifications.
This guide explains the concepts of forward and reverse proxies, shows how to modify the hosts file for domain binding, walks through installing and configuring Nginx as a reverse proxy, and demonstrates creating a cross‑origin setup with frontend and backend code, including CORS handling and WebSocket support.
The article argues that while rapid prototyping with HTML, CSS, and JavaScript is essential for testing ideas, developers should never carry prototype code into production, emphasizing speed over semantics during prototyping but insisting on quality, performance, and accessibility for final releases.
This guide compiles the seven key CSS scroll modules—generation, smooth scrolling, snap positioning, boundary behavior, hiding, inertia, and appearance—providing property syntax, browser support notes, and practical examples to help developers implement precise scrolling effects.
The article explains what a browser really is, compares modern rendering and JavaScript engines, traces their evolution, warns about the risks of losing engine diversity, and argues that competition among multiple browsers is essential for a healthy web ecosystem.
