BestHub
Sign in
Tagged articles

Web Development

1128 articles · Page 6 of 12
Liulishuo Tech Team
Liulishuo Tech Team
Dec 20, 2022 · Frontend Development

Introduction to HTML5 Canvas: Basics, Usage, and Practical Examples

This article introduces HTML5 Canvas, explains its advantages over SVG, and provides comprehensive guidance on using the Canvas API—including context acquisition, drawing shapes, paths, arcs, gradients, pixel manipulation, state management, transformations, and a complete clock example—illustrated with code snippets and visual demos.

2D GraphicsCanvasHTML5
0 likes · 14 min read
Introduction to HTML5 Canvas: Basics, Usage, and Practical Examples
Programmer DD
Programmer DD
Dec 20, 2022 · Frontend Development

Top 12 Must‑Have Chrome Extensions of 2022 Revealed

Google released its list of the 2022 most popular Chrome extensions, highlighting twelve standout tools across productivity, focus, gaming & video, and learning categories, each offering unique features that enhance browsing, workflow, and online experiences for users worldwide.

Browser UtilitiesChrome extensionsFocus Enhancements
0 likes · 11 min read
Top 12 Must‑Have Chrome Extensions of 2022 Revealed
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Dec 16, 2022 · Backend Development

Key Spring Filters: FormContent, ForwardedHeader, Shallow ETag, CORS & Encoding

This guide explains Spring 5.3’s built‑in servlet filters—including FormContentFilter for handling form data in PUT/PATCH/DELETE, ForwardedHeaderFilter for adjusting request URLs behind proxies, ShallowEtagHeaderFilter for lightweight caching, the CORS filter for cross‑origin requests, and CharacterEncodingFilter for enforcing request/response encoding—along with configuration tips and security considerations.

JavaServlet FiltersSpring
0 likes · 7 min read
Key Spring Filters: FormContent, ForwardedHeader, Shallow ETag, CORS & Encoding
DaTaobao Tech
DaTaobao Tech
Dec 5, 2022 · Frontend Development

Canvas-Based Image Viewer with Touch Gestures for H5

The article presents a full‑featured H5 image viewer built on the native canvas API that supports touch gestures such as swipe, drag, pinch‑zoom and double‑tap, handles slide switching, boundary control, initial centering, mouse‑wheel emulation, and high‑resolution rendering via devicePixelRatio, eliminating the need for native bridges.

CanvasImage ViewerTouch Gestures
0 likes · 16 min read
Canvas-Based Image Viewer with Touch Gestures for H5
MoonWebTeam
MoonWebTeam
Dec 4, 2022 · Frontend Development

Why Svelte Beats Vue3 and React: Real-World Performance Gains and Core Mechanics

This article presents a comprehensive investigation of Svelte, detailing its dramatic bundle size reduction, performance improvements, compilation-based architecture, core implementation, advantages, drawbacks, and practical usage guidelines, supported by real project data, npm and GitHub statistics, and code examples to help developers confidently adopt Svelte.

CompilationFramework ComparisonJavaScript
0 likes · 30 min read
Why Svelte Beats Vue3 and React: Real-World Performance Gains and Core Mechanics
21CTO
21CTO
Dec 3, 2022 · Fundamentals

Boost Your Development Productivity: 14 Must‑Have Tools Every Developer Needs

In a fast‑paced environment with strict deadlines, this guide presents fourteen essential developer tools—ranging from screen dimmers and PDF utilities to AI upscalers and coding activity trackers—to help improve workflow efficiency and streamline everyday tasks.

Web DevelopmentWorkflowdeveloper tools
0 likes · 5 min read
Boost Your Development Productivity: 14 Must‑Have Tools Every Developer Needs
Alibaba Cloud Native
Alibaba Cloud Native
Dec 3, 2022 · Cloud Native

How to Build Cloud‑Native Modern Web Apps with Serverless Function Compute

This article explains how front‑end engineers can transition from traditional static‑site deployment to fully cloud‑native web applications by leveraging Alibaba Cloud’s Serverless services—OSS, CDN, and Function Compute—to achieve automatic scaling, zero‑ops maintenance, cost efficiency, and enhanced security for dynamic APIs, tasks, and media processing.

Function ComputeServerlessWeb Development
0 likes · 11 min read
How to Build Cloud‑Native Modern Web Apps with Serverless Function Compute
ELab Team
ELab Team
Nov 29, 2022 · Frontend Development

How to Build Real-Time Mouse Gesture Recognition with TensorFlow.js

This article explains how to design, implement, and evaluate a mouse gesture recognition system using machine learning and geometric analysis, covering data preprocessing, model training with TensorFlow.js, cosine‑similarity matching, performance optimizations, and extensions to three‑dimensional VR/AR environments.

Machine LearningTensorFlow.jsWeb Development
0 likes · 32 min read
How to Build Real-Time Mouse Gesture Recognition with TensorFlow.js
Liangxu Linux
Liangxu Linux
Nov 24, 2022 · Frontend Development

How to Use CSS mask-image to Keep Bilibili Subtitles From Covering Characters

This article explains how a single mask image and the CSS mask-image property can be used to prevent subtitles from overlapping on‑screen characters in Bilibili videos, providing a lightweight demo with HTML/CSS code, visual results, and practical cautions about browser support.

BilibiliCSSWeb Development
0 likes · 4 min read
How to Use CSS mask-image to Keep Bilibili Subtitles From Covering Characters
Selected Java Interview Questions
Selected Java Interview Questions
Nov 22, 2022 · Information Security

Why JWT Is Unsuitable for Session Storage and Its Security Implications

This article explains why using JSON Web Tokens (JWT) for session management is problematic, detailing the misleading claimed benefits, the concrete disadvantages such as increased size, inability to revoke, security risks, and finally outlines the scenarios where JWT can be appropriately used as short‑lived authorization tokens.

Session managementWeb Developmentsecurity
0 likes · 13 min read
Why JWT Is Unsuitable for Session Storage and Its Security Implications
ByteFE
ByteFE
Nov 21, 2022 · Frontend Development

Understanding and Mastering JavaScript Promises: Basics, Advanced Usage, and Best Practices

This article provides a comprehensive overview of JavaScript Promises, covering their definition, states, basic usage, error handling, chaining, common APIs, best practices, advanced scenarios such as preloading and cancellation, as well as manual implementation techniques, to help front‑end developers deepen their asynchronous programming skills.

JavaScriptPromiseWeb Development
0 likes · 25 min read
Understanding and Mastering JavaScript Promises: Basics, Advanced Usage, and Best Practices
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Nov 19, 2022 · Frontend Development

Top Frontend Techniques: Lodash, Iterators, Web3D, Performance Tips

This guide surveys essential frontend topics—including deep dives into lodash usage, iterator and generator concepts, Web3D visualizations, hybrid remote debugging, long‑task performance optimization, Chrome DevTools measurement, and creative image‑loading effects—offering practical insights for modern web developers.

DebuggingPerformanceWeb Development
0 likes · 3 min read
Top Frontend Techniques: Lodash, Iterators, Web3D, Performance Tips
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 11, 2022 · Frontend Development

Understanding CSS Pseudo‑Classes and Pseudo‑Elements with Practical Examples

This article explains the differences between CSS pseudo‑classes and pseudo‑elements, lists their common selectors, and provides detailed usage examples—including content insertion, image addition, clearing floats, disabling search, and creating animated button effects—complete with code snippets and visual demonstrations.

CSSPseudo-elementsStyling
0 likes · 12 min read
Understanding CSS Pseudo‑Classes and Pseudo‑Elements with Practical Examples
Ctrip Technology
Ctrip Technology
Nov 10, 2022 · Operations

Case Study: CORS Failure Caused by CDN Misconfiguration and Its Resolution

This article recounts a real‑world incident where a change to the Access‑Control‑Allow‑Origin header triggered CORS errors for credentialed requests, analyzes the CDN caching and Vary‑header issues that caused inconsistent responses, and outlines the steps taken to fix and prevent the problem.

CDNCORSCache
0 likes · 10 min read
Case Study: CORS Failure Caused by CDN Misconfiguration and Its Resolution
政采云技术
政采云技术
Oct 25, 2022 · Frontend Development

Optimizing Large List Rendering: A Guide to Implementing Virtual Lists Using IntersectionObserver

This technical guide explores how to optimize frontend performance when rendering large datasets by implementing virtual lists using the native IntersectionObserver API, detailing configuration steps, troubleshooting common rendering issues, and comparing its asynchronous advantages against traditional scroll event listeners.

DOM optimizationJavaScript APIWeb Development
0 likes · 10 min read
Optimizing Large List Rendering: A Guide to Implementing Virtual Lists Using IntersectionObserver
Top Architect
Top Architect
Oct 21, 2022 · Backend Development

Differences Between Interceptors and Filters in Spring MVC and Their Implementation

This article explains the conceptual differences between Spring MVC interceptors and servlet filters, demonstrates how to implement each with Java code, shows the necessary configuration in Spring and web.xml, and summarizes their respective use cases, lifecycles, and limitations for backend development.

InterceptorJavaWeb Development
0 likes · 11 min read
Differences Between Interceptors and Filters in Spring MVC and Their Implementation
Laravel Tech Community
Laravel Tech Community
Oct 17, 2022 · Frontend Development

Avue.js v2.10.2 Release Overview and Features

The Avue.js framework, a lightweight wrapper of Element UI that emphasizes data‑driven views, introduces version 2.10.2 with new input components, several optimizations, and bug fixes while maintaining ES5 browser compatibility and offering high reusability for table and form scenarios.

Avue.jsElement UIJavaScript
0 likes · 3 min read
Avue.js v2.10.2 Release Overview and Features
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 17, 2022 · Frontend Development

Understanding Online IDEs: Types, Advantages, and Core Implementation Principles

This article examines the landscape of browser‑based development environments, compares popular online IDEs such as CodeSandbox, StackBlitz, CodePen, and VueSFCREPL, outlines their architectural components, highlights their strengths and limitations, and provides concrete code examples of their underlying mechanisms.

CodeSandboxService WorkerStackBlitz
0 likes · 19 min read
Understanding Online IDEs: Types, Advantages, and Core Implementation Principles
21CTO
21CTO
Oct 12, 2022 · Frontend Development

Why Axios v1.1.0 Broke Thousands of Sites and How to Fix It

An overview of the Axios 1.1.0 release bug that corrupted the package, caused axios.get to become undefined in browsers, and the quick patches (v1.1.1, v1.1.2) that resolved the issue for developers worldwide.

HTTP clientJavaScriptVersion 1.1.0
0 likes · 4 min read
Why Axios v1.1.0 Broke Thousands of Sites and How to Fix It
Java Architecture Diary
Java Architecture Diary
Oct 11, 2022 · Backend Development

What’s New in Spring 6? Key Changes for Jakarta EE Migration and Web Development

Spring 6 introduces major updates such as moving JSR‑330 and JSR‑250 annotations to Jakarta packages, deprecating ListenableFuture, requiring Hibernate 5.6.x with jakarta.persistence, updating servlet containers, altering controller detection, converting HttpMethod to a class, and adjusting Kotlin and RestTemplate APIs.

Jakarta EEJavaWeb Development
0 likes · 4 min read
What’s New in Spring 6? Key Changes for Jakarta EE Migration and Web Development
Python Programming Learning Circle
Python Programming Learning Circle
Sep 19, 2022 · Backend Development

Flask‑Based Online Blog Platform Tutorial with User Authentication, Markdown Editing, and CRUD Operations

This article provides a step‑by‑step guide to building an online blog platform using Flask and MySQL, covering environment setup, database schema design, user registration and login, password encryption, CRUD operations for posts, Markdown editing, image upload, comment management, and error handling with full code examples.

CRUDFlaskPython
0 likes · 26 min read
Flask‑Based Online Blog Platform Tutorial with User Authentication, Markdown Editing, and CRUD Operations
ELab Team
ELab Team
Sep 14, 2022 · Frontend Development

Master Browser Extension Development with Plasmo: From Basics to Advanced Practices

This comprehensive guide explores the fundamentals and advanced techniques of building Chrome extensions using the Plasmo framework, covering plugin concepts, traditional and modern development workflows, code examples, dynamic UI injection, resource handling, and best practices for efficient, scalable extension engineering.

Browser extensionChrome APIPlasmo
0 likes · 39 min read
Master Browser Extension Development with Plasmo: From Basics to Advanced Practices
360 Quality & Efficiency
360 Quality & Efficiency
Aug 19, 2022 · Frontend Development

Comparison of H5 (HTML5) and WeChat Mini Programs: Concepts, Development, and User Experience

This article explains what H5 (HTML5) and WeChat Mini Programs are, compares their development tools, runtime environments, system permissions, performance, usage scenarios, sharing methods, payment capabilities, and testing considerations, highlighting the strengths and limitations of each technology.

ComparisonHTML5WeChat mini program
0 likes · 8 min read
Comparison of H5 (HTML5) and WeChat Mini Programs: Concepts, Development, and User Experience
ByteFE
ByteFE
Aug 12, 2022 · Industry Insights

Top Tech Reads: Frontend SDK Design, Cloud IDE Futures, Webpack Optimization

A curated roundup of technical deep‑dives covering Byte's frontend monitoring SDK architecture, the evolving landscape of Cloud IDEs, practical Webpack performance tricks, React Fiber internals, open‑platform front‑end design, visual log‑tracing solutions, engineering culture, the Bud framework, and clear explanations of TCP/UDP and iterators versus generators.

Cloud ComputingDevOpsWeb Development
0 likes · 8 min read
Top Tech Reads: Frontend SDK Design, Cloud IDE Futures, Webpack Optimization
Sohu Tech Products
Sohu Tech Products
Aug 10, 2022 · Frontend Development

React Security Best Practices: Preventing XSS and Safe Rendering

This article explains how to secure React applications by avoiding dangerous HTML injection methods, using proper sanitization, handling server‑side rendering safely, preventing JSON and URL injection, keeping dependencies up‑to‑date, and applying ESLint security rules.

ReActWeb DevelopmentXSS
0 likes · 6 min read
React Security Best Practices: Preventing XSS and Safe Rendering
政采云技术
政采云技术
Aug 9, 2022 · Fundamentals

Understanding HTTP Referer: Definition, Policies, and Use Cases

HTTP Referer is a header field that indicates the source URL of the current webpage, playing a crucial role in web security, analytics, and troubleshooting, with various Referrer-Policy strategies controlling how much information is shared.

HTTP RefererReferrer-PolicyWeb Development
0 likes · 10 min read
Understanding HTTP Referer: Definition, Policies, and Use Cases
ByteFE
ByteFE
Aug 5, 2022 · Frontend Development

Curated Technical Reads: V8 Memory Management, Web3 DApp, Vue3 Compilation, DNS Query, JavaScript Runtime, Software Engineering, Design Patterns, Low‑Code Component Loading, TypeScript Advanced Types, React Security Practices

This collection highlights recent technical articles covering JavaScript engine memory management, building a Web3 decentralized app, Vue 3 compilation improvements, DNS query mechanisms, creating a custom JavaScript runtime, software engineering insights, singleton design pattern, low‑code remote component loading, advanced TypeScript types, and React security best practices.

BlockchainJavaScriptTypeScript
0 likes · 5 min read
Curated Technical Reads: V8 Memory Management, Web3 DApp, Vue3 Compilation, DNS Query, JavaScript Runtime, Software Engineering, Design Patterns, Low‑Code Component Loading, TypeScript Advanced Types, React Security Practices
php Courses
php Courses
Aug 5, 2022 · Backend Development

Rapid PHP Learning Path (Free Public Course)

This free public roadmap guides beginners through essential front‑end fundamentals, rapid PHP onboarding, and optional advanced topics, providing curated course titles and direct links to help learners quickly master web development with PHP.

Free CourseLearning PathPHP
0 likes · 3 min read
Rapid PHP Learning Path (Free Public Course)
Sohu Tech Products
Sohu Tech Products
Aug 3, 2022 · Frontend Development

Comprehensive ES6 Knowledge Q&A Summary

This article provides a detailed question‑and‑answer overview of ES6, covering its definition, differences from ES5/ES2015, Babel, let, string/array/number/Object enhancements, new data structures like Symbol, Set, Map, Proxy, Reflect, Promise, Iterator, generators, async/await, classes, modules, and practical coding recommendations for modern front‑end development.

JavaScriptWeb Developmentes6
0 likes · 21 min read
Comprehensive ES6 Knowledge Q&A Summary
Tencent Cloud Developer
Tencent Cloud Developer
Aug 3, 2022 · Cloud Computing

From the Stone Age to the Cloud Era: Building Websites with Cloud Studio

From renting physical servers to leveraging scalable cloud services, Cloud Studio turns the browser into a full‑featured IDE that lets developers build, preview, and deploy static or framework‑based websites with a single click, supporting custom domains, serverless functions, and collaborative workflows, dramatically simplifying modern web production.

Cloud StudioServerlessStatic Website
0 likes · 8 min read
From the Stone Age to the Cloud Era: Building Websites with Cloud Studio
IT Services Circle
IT Services Circle
Jul 31, 2022 · Frontend Development

Why Firefox Declined: A Historical Review of Its Rise and Fall

This article traces Firefox’s evolution from its Netscape roots and early dominance, through its open‑source breakthrough and peak market share, to the strategic missteps and competitive pressures that led to its gradual decline in the modern browser landscape.

FirefoxMozillaWeb Development
0 likes · 9 min read
Why Firefox Declined: A Historical Review of Its Rise and Fall
php Courses
php Courses
Jul 20, 2022 · Frontend Development

20 Essential JavaScript Hacks and Tricks

This article presents a curated list of twenty practical JavaScript hacks—including array initialization, sorting, logical operators, spread/rest, optional chaining, and more—demonstrating how modern ES6+ features can reduce code size, boost performance, and simplify common programming tasks.

JavaScriptWeb Developmentcode optimization
0 likes · 3 min read
20 Essential JavaScript Hacks and Tricks
ByteFE
ByteFE
Jul 15, 2022 · Frontend Development

Tech Newsletter: Highlights on Bun Runtime, ESM Loader Hooks, Canvas, Proxy/Reflect, Unit Testing, and More

This newsletter curates recent technical insights covering the high‑performance Bun JavaScript runtime, ESM Loader Hooks for module processing without bundlers, deep dives into Canvas and CSS graphics, practical guides on unit testing, serverless deployment, and advanced JavaScript features like Proxy and Reflect, offering developers a comprehensive overview of modern frontend engineering trends.

JavaScriptPerformanceServerless
0 likes · 7 min read
Tech Newsletter: Highlights on Bun Runtime, ESM Loader Hooks, Canvas, Proxy/Reflect, Unit Testing, and More
ByteFE
ByteFE
Jul 8, 2022 · Frontend Development

Frontend Development Digest: JavaScript Evolution, Web Authentication, Browser Rendering, and Modern Web Practices

This comprehensive frontend development digest explores the evolution of JavaScript frameworks, introduces WebAuth for secure authentication, details browser rendering principles and performance optimization, examines ES2022 features and Module Federation, and provides practical insights into web image handling and live streaming protocols.

ES2022Frontend PerformanceHLS Streaming
0 likes · 6 min read
Frontend Development Digest: JavaScript Evolution, Web Authentication, Browser Rendering, and Modern Web Practices
DaTaobao Tech
DaTaobao Tech
Jul 8, 2022 · Frontend Development

Alibaba Front‑End Intelligent Technology: PipCook, DataCook, imgcook and Future Directions

Alibaba Front‑End Intelligent Technology combines PipCook, DataCook, and imgcook to enable data‑driven UI generation, on‑device AI inference via WASM‑Rust‑SIMD and WebGPU, and applications such as code IntelliSense and design‑to‑code, while outlining a roadmap toward unified AI‑powered interfaces for commerce.

AIMachine LearningTensorFlow.js
0 likes · 33 min read
Alibaba Front‑End Intelligent Technology: PipCook, DataCook, imgcook and Future Directions
Java Captain
Java Captain
Jul 6, 2022 · Backend Development

Guidelines for Developing Standard Java Web Applications: Layering, Responsibilities, and Data Types

This article explains how to design a well‑structured Java web application by defining clear three‑layer architecture (Controller, Service, DAO), outlining each layer's responsibilities, describing data type conventions such as PO, BO, VO, DTO, Model, and showing how these types map to the layers for maintainable, scalable development.

DAOData Transfer ObjectsJava
0 likes · 13 min read
Guidelines for Developing Standard Java Web Applications: Layering, Responsibilities, and Data Types
ByteDance Web Infra
ByteDance Web Infra
Jul 5, 2022 · Frontend Development

ByteDance Dev Better Series: Web Development Efficiency and New Technology Practices – Event Summary

The June 25 ByteDance‑ByteDance Dev Better technical salon, co‑hosted with Huatai Securities, presented a series of front‑end engineering talks covering serverless web development, modern.js engineering, DevOps adoption, and practical Q&A, offering valuable insights and best‑practice recommendations for web developers.

DevOpsModern.jsWeb Development
0 likes · 13 min read
ByteDance Dev Better Series: Web Development Efficiency and New Technology Practices – Event Summary
ByteFE
ByteFE
Jul 1, 2022 · Industry Insights

What’s New in Frontend, Cloud, and AI? Key Highlights from Vue, React, WebAssembly and More

This roundup covers the Vue 2.7 beta release, speculative futures for a Chromium‑only web, the architecture of a front‑end monitoring SDK, low‑code rendering standards, JavaScript sandbox evolution, GitHub Copilot’s general availability, WebAssembly trends, functional programming basics, Vue’s double‑ended diff algorithm, JSON.stringify pitfalls, and the latest focus areas of the React team.

Functional ProgrammingIndustry NewsReAct
0 likes · 7 min read
What’s New in Frontend, Cloud, and AI? Key Highlights from Vue, React, WebAssembly and More
php Courses
php Courses
Jul 1, 2022 · Backend Development

Comprehensive PHP Interview Questions (Practical Experience)

This article compiles a thorough list of PHP interview questions covering object‑oriented concepts, session and cookie differences, HTTP status codes, data types, storage engines, functions, security, performance, and various advanced topics to help candidates prepare effectively.

InterviewWeb Developmentprogramming
0 likes · 7 min read
Comprehensive PHP Interview Questions (Practical Experience)
IT Services Circle
IT Services Circle
Jun 22, 2022 · Frontend Development

2022 Overview of JavaScript Development Tools: Compilers, Bundlers, Package Managers, Libraries, and Web Frameworks

This article provides a comprehensive 2022 survey of JavaScript development tools, examining compilers, bundlers, package managers, third‑party library creation, and modern web application frameworks, offering recommendations and performance insights to help developers choose the right tools for their projects.

JavaScriptWeb Developmentbundlers
0 likes · 9 min read
2022 Overview of JavaScript Development Tools: Compilers, Bundlers, Package Managers, Libraries, and Web Frameworks
New Oriental Technology
New Oriental Technology
Jun 17, 2022 · Frontend Development

Understanding JavaScript Throttle and Debounce: Concepts, Code Examples, and Practical Applications

This article explains the fundamental differences between JavaScript throttle and debounce techniques using an intuitive real-world analogy, provides clear code implementations, compares their execution behaviors, and demonstrates practical usage scenarios with the Lodash library for optimizing frontend event handling.

JavaScriptThrottleWeb Development
0 likes · 7 min read
Understanding JavaScript Throttle and Debounce: Concepts, Code Examples, and Practical Applications
Laravel Tech Community
Laravel Tech Community
Jun 13, 2022 · Frontend Development

The Rise and Decline of jQuery: From Web 2.0 Dominance to Modern Front‑End Landscape

This article traces jQuery’s emergence as the de‑facto library that simplified DOM manipulation and cross‑browser compatibility during the Web 2.0 era, examines its widespread adoption and subsequent performance gains from removal, and explains why modern standards, HTML5 and MVVM frameworks have reduced its relevance today.

HTML5JavaScriptMVVM
0 likes · 12 min read
The Rise and Decline of jQuery: From Web 2.0 Dominance to Modern Front‑End Landscape
macrozheng
macrozheng
Jun 12, 2022 · Frontend Development

Why jQuery’s Dominance Is Fading: From Web 2.0 Star to Legacy Tool

This article traces jQuery’s rise as the go‑to library during Web 2.0, examines recent moves by major sites to drop it, explains its original technical advantages, and analyzes how HTML5, MVVM frameworks and modern frontend stacks have reduced its relevance while it still powers a large share of the web.

HTML5JavaScriptMVVM
0 likes · 14 min read
Why jQuery’s Dominance Is Fading: From Web 2.0 Star to Legacy Tool
Java Captain
Java Captain
Jun 11, 2022 · Frontend Development

Full-Stack Dashboard Implementation Using Echarts, Java Web Backend, and JSON Data

This article presents a step-by-step guide to building a full-screen dashboard for LED displays, detailing requirement analysis, deployment options, overall architecture, key front‑end HTML/CSS layout, Echarts visualizations, back‑end Java REST API, JSON data handling, and configuration instructions.

EChartsJavaWeb Development
0 likes · 10 min read
Full-Stack Dashboard Implementation Using Echarts, Java Web Backend, and JSON Data
Ctrip Technology
Ctrip Technology
Jun 2, 2022 · Frontend Development

Technical Research and Project Implementation of Svelte in Front‑end Development

This article examines Svelte's key features—its compile‑time approach, lack of virtual DOM, and strong reactivity—compares its bundle size advantages over Vue and React, and details a real‑world mask‑machine H5 project that showcases setup, component structure, lifecycle, state management, routing, UI, testing, and performance optimizations.

PerformanceSvelteWeb Development
0 likes · 12 min read
Technical Research and Project Implementation of Svelte in Front‑end Development
DaTaobao Tech
DaTaobao Tech
May 12, 2022 · Frontend Development

The Future of Responsive UI: Component‑Driven Design & CSS Container Queries

This article traces the evolution of responsive web design from Ethan Marcotte’s original concepts to today’s component‑driven approaches, exploring CSS media queries, new user‑preference features, container queries, and emerging multi‑screen and foldable‑device techniques, while providing practical code examples and industry insights.

CSSWeb Developmentcomponent-driven
0 likes · 56 min read
The Future of Responsive UI: Component‑Driven Design & CSS Container Queries
Alibaba Terminal Technology
Alibaba Terminal Technology
May 11, 2022 · Frontend Development

How React Server Components May Transform Frontend Development

This article examines the emerging React Server Components feature, explains the limitations of traditional API‑driven front‑end/back‑end separation, and outlines how server‑rendered components can reduce bundle size, eliminate request waterfalls, and lower collaboration costs for modern web applications.

APIPerformanceReAct
0 likes · 14 min read
How React Server Components May Transform Frontend Development
Yunxuetang Frontend Team
Yunxuetang Frontend Team
May 6, 2022 · Frontend Development

Top Must-Read Articles on Vue Performance, Micro‑Frontends, and More

This curated collection highlights essential reads on front‑end performance optimization, reliable metrics, fault‑postmortem practices, insights from Twitter’s source code, the future of micro‑frontends, and building a simple Java editor, offering developers practical guidance and emerging trends across the web development landscape.

Fault PostmortemPerformanceWeb Development
0 likes · 3 min read
Top Must-Read Articles on Vue Performance, Micro‑Frontends, and More
FunTester
FunTester
May 6, 2022 · Frontend Development

How to Determine Whether a Bug Belongs to the Frontend or Backend

The article explains the differences between frontend and backend development, uses a restaurant analogy to illustrate each side, and provides a step‑by‑step method—including packet capture and HTTP status checks—to identify whether a bug originates from the frontend or the backend.

DebuggingWeb Developmentbug diagnosis
0 likes · 4 min read
How to Determine Whether a Bug Belongs to the Frontend or Backend
Architecture Digest
Architecture Digest
Apr 29, 2022 · Frontend Development

Resolving CORS Issues with Nginx Proxy: A Step‑by‑Step Guide

This article walks through the root causes of CORS errors, explains the four essential response headers, demonstrates how to test with Postman, and provides a series of Nginx configuration examples that progressively fix preflight, header, method, and credential problems for a local development environment.

CORSCross-OriginPreflight
0 likes · 14 min read
Resolving CORS Issues with Nginx Proxy: A Step‑by‑Step Guide
IT Services Circle
IT Services Circle
Apr 28, 2022 · Backend Development

Understanding the Differences Between HTTP GET and POST Methods

This article explains the technical distinctions between HTTP GET and POST requests, covering how parameters are transmitted, practical limitations imposed by browsers and servers, differences in caching, security, and packet flow, and why both methods ultimately rely on the same TCP/IP transport.

GETNetworkingPOST
0 likes · 7 min read
Understanding the Differences Between HTTP GET and POST Methods
High Availability Architecture
High Availability Architecture
Apr 28, 2022 · Frontend Development

Baidu Live R&D's New SSR Strategy: Enabling Server‑Side Rendering for Web Applications with Minimal CSR Changes

This article explains how Baidu Live R&D introduced a lightweight server‑side rendering (SSR) solution that integrates into existing client‑side rendering (CSR) projects by adding a JavaScript compute function, detailing the architectural components, goals, implementation steps, development experience, risk mitigation, and future outlook.

FaaSPerformanceSSR
0 likes · 10 min read
Baidu Live R&D's New SSR Strategy: Enabling Server‑Side Rendering for Web Applications with Minimal CSR Changes
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Apr 24, 2022 · Frontend Development

Exploring Modern Front‑End Technologies and Security Practices

This article surveys a range of front‑end topics—including alternative web‑framework solutions, the rise of pnpm, JavaScript stack memory, TypeScript overloads, integrating Golang with Node.js, innovative development approaches, and essential network security insights—providing concise technical overviews and references.

JavaScriptTypeScriptWeb Development
0 likes · 4 min read
Exploring Modern Front‑End Technologies and Security Practices
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Apr 15, 2022 · Frontend Development

Implementation and Optimization of Lasso Transformations in HTML Canvas for Web‑Based Whiteboard

This article explains the design, mathematical foundation, and performance‑oriented optimization of a lasso tool that enables batch selection, rotation, scaling, and translation of graphics on an HTML Canvas‑based online whiteboard, including matrix‑based transformation, state recording, undo/redo, and experimental results.

HTML CanvasLasso ToolTransformation Matrix
0 likes · 14 min read
Implementation and Optimization of Lasso Transformations in HTML Canvas for Web‑Based Whiteboard
Baidu Geek Talk
Baidu Geek Talk
Apr 13, 2022 · Frontend Development

Baidu Live SSR Technology: A New Approach to Web Application Development

Baidu’s new Live SSR approach adds a JavaScript computation function to the CSR directory, enabling seamless server‑side rendering without altering modules or pages, while leveraging end‑cloud collaboration, FaaS universal solutions, and component‑level reuse to boost SEO, user experience, scalability, and development efficiency.

Baidu LiveCloud ComputingComponent-Based Architecture
0 likes · 10 min read
Baidu Live SSR Technology: A New Approach to Web Application Development
21CTO
21CTO
Apr 10, 2022 · Fundamentals

Designing Robust URLs: Best Practices and Common Pitfalls

This article explains the concepts of URI, URL, and URN, outlines their hierarchical relationship, details URL structure and design principles, discusses Data URIs, hash fragments, and provides real‑world examples such as Flickr API URL patterns to help developers create stable, user‑friendly web addresses.

URIURL designWeb Development
0 likes · 26 min read
Designing Robust URLs: Best Practices and Common Pitfalls
IT Services Circle
IT Services Circle
Apr 7, 2022 · Frontend Development

Browser Updates: Chrome 100, Edge 100, and Firefox 100 – New Features and Issues

The article reviews the rapid rollout of version 100 for Chrome, Edge, and Firefox, highlighting new icons, IE mode enhancements, PWA synchronization, hardware‑enforced stack protection, multi‑screen APIs, memory optimizations, and quirky April Fool's jokes, while providing download links and user‑agent workarounds.

Browser UpdateChromeEdge
0 likes · 7 min read
Browser Updates: Chrome 100, Edge 100, and Firefox 100 – New Features and Issues
Alipay Experience Technology
Alipay Experience Technology
Apr 7, 2022 · Frontend Development

When and How to Adopt Micro‑Frontend Architecture: Insights from Ant Group’s Liu Kui

In this interview, Ant Group frontend engineer Liu Kui shares when micro‑frontend is appropriate, how to split large applications, challenges faced, future trends, and upcoming features of the qiankun framework, offering practical guidance for teams considering micro‑frontend adoption.

Web Developmentmicro‑frontendqiankun
0 likes · 13 min read
When and How to Adopt Micro‑Frontend Architecture: Insights from Ant Group’s Liu Kui
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Mar 28, 2022 · Frontend Development

Emerging Front-End Trends: From Pinia to Sandbox Security

This article curates recent front‑end developments, covering emerging frameworks like Pinia, evolving Node.js web standards, low‑code engine open‑source releases, architectural insights, Puppeteer PDF performance tricks, and sandbox security, while also inviting developers to join the Cloud Academy front‑end team.

Node.jsPerformanceWeb Development
0 likes · 3 min read
Emerging Front-End Trends: From Pinia to Sandbox Security
JD Tech
JD Tech
Mar 22, 2022 · Frontend Development

Understanding Frontend Componentization: Principles, Practices, and Challenges

This article systematically explores frontend componentization, covering its motivations, definitions, design principles, component types, implementation strategies, code examples, and the challenges faced during adoption, aiming to help developers achieve higher cohesion, lower coupling, and improved maintainability in web projects.

ComponentizationUI componentsWeb Development
0 likes · 19 min read
Understanding Frontend Componentization: Principles, Practices, and Challenges
IT Services Circle
IT Services Circle
Mar 21, 2022 · Fundamentals

Microsoft Open-Source Beginner Courses: Web Development, Machine Learning, IoT, and Data Science

Microsoft offers four open‑source, 12‑week beginner courses on GitHub—Web Development, Machine Learning, Internet of Things, and Data Science—each with over 20 lessons, hands‑on projects, quizzes, assignments, and publicly available repositories, providing a comprehensive entry point for aspiring developers and data professionals.

Beginner CoursesIoTMicrosoft
0 likes · 3 min read
Microsoft Open-Source Beginner Courses: Web Development, Machine Learning, IoT, and Data Science
php Courses
php Courses
Mar 19, 2022 · Frontend Development

English CSS Terms and Their Chinese Translations

This article provides a comprehensive list of common CSS English terms along with their Chinese translations, helping developers and learners understand styling properties such as font-size, background-color, float, and many others for effective front‑end development.

CSSEnglish vocabularyStyling
0 likes · 6 min read
English CSS Terms and Their Chinese Translations
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 14, 2022 · Frontend Development

How NetEase Cloud Music Built a Source‑Code‑Driven Low‑Code Frontend Platform

The article analyzes NetEase Cloud Music's front‑end team's challenges with repetitive, mode‑driven development and explains how they designed a source‑code‑based low‑code system—Tango—that unifies LowCode and ProCode, integrates with existing GitLab and deployment tools, and dramatically speeds up business‑focused delivery.

ASTGitLab integrationTango platform
0 likes · 11 min read
How NetEase Cloud Music Built a Source‑Code‑Driven Low‑Code Frontend Platform
HomeTech
HomeTech
Mar 10, 2022 · Frontend Development

Understanding Flexbox Layout and Its Container Properties

This article explains the fundamentals of the CSS Flexible Box Module (Flexbox), describing main and cross axes, and provides detailed guidance on the six container properties—flex-direction, flex-wrap, flex-flow, justify-content, align-items, and align-content—along with code examples and visual illustrations.

CSSFlexboxWeb Development
0 likes · 8 min read
Understanding Flexbox Layout and Its Container Properties
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 9, 2022 · Frontend Development

Render AE Camera Perspective in Lottie Using Oasis Engine

This article explains how to reproduce After Effects camera‑based perspective animations in Lottie by extracting camera data, converting coordinates, and driving an Oasis‑engine Camera component with custom scripts to achieve 3D‑like effects in web projects.

After EffectsCameraLottie
0 likes · 9 min read
Render AE Camera Perspective in Lottie Using Oasis Engine
58 Tech
58 Tech
Mar 3, 2022 · Frontend Development

Building a Chrome Extension for QR Code Generation and Decoding with jQuery

This tutorial explains how to create a Chrome browser extension that generates QR codes (optionally with protocol headers) and decodes them, covering the background motivation, directory layout, manifest and popup design, core JavaScript logic, installation steps, and a download link for the complete source.

Chrome ExtensionJavaScriptQR code
0 likes · 12 min read
Building a Chrome Extension for QR Code Generation and Decoding with jQuery
ByteFE
ByteFE
Feb 25, 2022 · Frontend Development

Curated Recommendations: State of JS 2021, Cross‑Platform Tech, JIT, Vue Diff, Node.js, CSS, Three.js, Mermaid, Jest and More

This curated collection highlights the 2021 State of JS findings, cross‑platform technology insights, JIT compilation explanations, Vue diff algorithm visualizations, Node.js learning resources, and practical tutorials on CSS perspective, React + Three.js 3D effects, Mermaid diagrams in Markdown, and Jest testing, offering a comprehensive overview for modern front‑end developers.

JavaScriptNode.jsVue
0 likes · 4 min read
Curated Recommendations: State of JS 2021, Cross‑Platform Tech, JIT, Vue Diff, Node.js, CSS, Three.js, Mermaid, Jest and More
Tencent Cloud Developer
Tencent Cloud Developer
Feb 23, 2022 · Frontend Development

Micro-Frontend Architecture: Theory, Implementation, and Practice

Micro‑frontend architecture breaks a monolithic web app into independent, stack‑agnostic sub‑applications that can be developed, deployed, and maintained separately, using techniques such as server‑side or runtime integration and tools like single‑spa, qiankun, or Webpack 5 Module Federation, with qiankun favored for production.

Frontend ArchitectureJavaScript frameworkModule Federation
0 likes · 28 min read
Micro-Frontend Architecture: Theory, Implementation, and Practice
ByteDance ADFE Team
ByteDance ADFE Team
Feb 21, 2022 · Frontend Development

Event Collector: A Markup‑Based Web Event Tracking Solution

The article introduces Event Collector, a markup‑based web event tracking framework that replaces imperative tracking with data attributes or React components, explains its technical implementation, management tools, monorepo organization, release workflow, and React coding conventions to improve development efficiency and data analysis.

AnalyticsReActWeb Development
0 likes · 7 min read
Event Collector: A Markup‑Based Web Event Tracking Solution
IT Services Circle
IT Services Circle
Feb 15, 2022 · R&D Management

The Story of Photopea: From Solo Developer to Popular Web‑Based Photoshop Alternative

Photopea, a free web‑based Photoshop clone created by Czech developer Ivan Kutskir, grew from a solo hobby project into a platform with hundreds of thousands of daily users, generating revenue through ads, subscriptions, and licensing, while operating on a minimal $45‑per‑year server cost and illustrating the power of iterative development and individual entrepreneurship.

EntrepreneurshipPhotopeaSaaS
0 likes · 8 min read
The Story of Photopea: From Solo Developer to Popular Web‑Based Photoshop Alternative
21CTO
21CTO
Feb 12, 2022 · Frontend Development

Why Svelte and Modern Front‑End Tools Are Shaping 2022 Development Trends

From Svelte’s rapid rise and its compiler‑based performance edge to the enduring strength of React, Vue, and Angular, this article surveys 2022 front‑end trends, compares static versus dynamic rendering, and highlights optimization tools like Tailwind and Linaria, offering practical code snippets for modern web development.

CSS-in-JSPerformanceSvelte
0 likes · 7 min read
Why Svelte and Modern Front‑End Tools Are Shaping 2022 Development Trends
The Dominant Programmer
The Dominant Programmer
Feb 10, 2022 · Frontend Development

Quick Start with Fabric.js: Building a Canvas App in Vue

This guide introduces Fabric.js—a library that adds an object model, SVG parsing, and interactivity to HTML5 Canvas—and walks through setting up a Vue project, installing the library, creating a canvas element, and drawing a red rectangle with concise code examples.

CanvasFabric.jsGraphics
0 likes · 4 min read
Quick Start with Fabric.js: Building a Canvas App in Vue