0 views collected around this technical thread.
This tutorial explains the CSS shape() function, its syntax, and how it extends clip‑path and offset‑path capabilities, allowing developers to craft responsive, irregular shapes using percentages, variables, and arc commands, with practical code examples and browser compatibility notes.
This article explains how WebSocket enables low‑latency, bidirectional communication for AI‑driven real‑time applications, covering its protocol basics, advantages, heartbeat mechanism, connection management challenges, security enhancements, and emerging trends such as WebTransport and integration with modern frameworks.
This guide explains eight practical techniques—from strict reference checks to deep recursive comparisons and Lodash utilities—for accurately comparing JavaScript arrays, handling simple values, nested structures, unordered elements, and finding differences or common items.
This article introduces Taro's open‑source Harmony C‑API solution, detailing its architecture, rich component and CSS support, performance optimizations, and step‑by‑step installation guide that enable developers to build native‑grade Harmony OS applications using familiar web technologies.
This article explains why browsers enforce the Same‑Origin Policy, illustrates common CORS errors, and provides practical solutions—including CORS headers, JSONP, Nginx reverse proxy, API gateways, WebSocket, and postMessage—along with code examples and best‑practice tips for both development and production environments.
The article examines the drawbacks of writing raw CSS, explains how preprocessors, naming conventions, modular approaches, CSS‑in‑JS, and atomic‑CSS frameworks like Tailwind and UnoCSS address redundancy, maintenance, and scalability, and provides best‑practice recommendations for modern front‑end development.
This article examines why developers often over‑nest and misuse conditional statements, then presents proven techniques—early returns, lookup objects, optional chaining, guard clauses, and state machines—to simplify, improve readability, and make conditional logic more maintainable and scalable.
This collection gathers recent technical articles covering fault testing fundamentals, Byteman usage guides, and Chrome extension development tutorials, providing developers with practical insights, best practices, and hands‑on examples to improve system reliability, testing strategies, and front‑end extension capabilities.
This article compiles and explains a set of Tailwind CSS utility classes that often cause confusion—covering dimensions, typography, spacing, truncation, background handling, shadows, transform origins, pseudo‑classes and pseudo‑elements—while providing code examples and plugin recommendations for efficient frontend development.
This article examines how a front‑end team uses AI innovations—FastGPT visual platform, AI‑powered semantic search, and AI video synthesis—to rebuild business workflows, cut costs, and boost efficiency, highlighting architecture, technical highlights, and practical use cases.
This article shares a practical experience of integrating the Cursor AI code assistant into a front‑end development workflow, outlining expectations, the shift from planning to execution, current pain points, a collaborative feedback loop, and concrete scenario applications such as status analysis, change planning, and impact evaluation.
Learn how to install Mermaid Live Editor using Docker, then create various diagram types—including flowcharts, sequence diagrams, class diagrams, and mind maps—by writing simple Markdown-like syntax, with examples drawn from a SpringBoot‑Vue e‑commerce project and tips on theme customization.
The Tianji team built a no‑code, component‑based visualization platform using Vue3 and Echarts, where a DSL defines reusable chart cards, tables and other widgets that users drag‑and‑drop onto a 24‑column grid, enabling real‑time, permission‑controlled, personalized dashboards that have already produced over 300 dashboards and 6,000 components for growth operations.
In this article I describe how I leveraged Zulu's AI capabilities within VSCode to automatically generate a complete front‑end interface, back‑end conversion logic, and routing files for an SVG‑to‑GIF tool, complete with screenshots of the generated code and the final animated result.
The article introduces the React Compound Components pattern, showing how a parent component with shared Context can expose reusable child parts—like Title, FormInputs, and SubmitButtons—so the same logic can be flexibly arranged in different layouts such as full‑page or modal, improving reuse, readability, and maintainability.
This tutorial walks through building an advanced hero section using Three.js, covering prerequisites, loading and animating a robot model, configuring lighting, creating particle effects, adding UI elements, applying a radial gradient background, implementing parallax interaction, and rendering flowing lines for a polished WebGL experience.
The article explains HarmonyOS’s Text component—showing basic usage, method‑chained styling, and mixed Span/ImageSpan content—then details an emoji workflow using a JSON mapping and regex to split text into model arrays, and demonstrates RichEditor with a custom keyboard for inserting and managing emoji spans.
This comprehensive React‑TypeScript guide walks developers through type‑safe component declarations—including functional, class, and generic patterns—hooks usage, event handling, element typing, error boundaries, and both fetch and Axios asynchronous request wrappers, emphasizing best practices for readability, maintainability, and performance.
This article presents the Vue 3 custom hook useWatchFields, which lets developers monitor specific fields of a large reactive state object with flexible, lightweight, and optionally debounced change detection, simplifying code compared to traditional watch and computed APIs.
This article explains the role of PHP in web development, clarifying its primary function as a server‑side scripting language while exploring how it can be used in both frontend and backend contexts, and provides practical code examples for inline and external PHP integration.