BestHub
Sign in
Tagged articles
1115 articles
Page 6 of 12
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.

FrontendPerformanceWeb 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.

Pseudo-elementsStylingWeb Development
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.

InterceptorSpring MVCWeb 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 UIFrontend
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.

BackendWeb Developmentjakarta-ee
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.

AuthenticationCRUDFlask
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.

Chrome APIPlasmoReact
0 likes · 39 min read
Master Browser Extension Development with Plasmo: From Basics to Advanced Practices
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 ComputingDevOpsFrontend
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.

BlockchainFrontendJavaScript
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.

Code OptimizationFrontendJavaScript
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.

FrontendJavaScriptPerformance
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.

Browser RenderingES2022HLS 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.

AITensorFlow.jsWasm
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.

ArchitectureData Transfer ObjectsLayered Design
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.

DevOpsFrontendModern.js
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.

FrontendReactVue
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.

Web Developmentinterviewprogramming
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.

DebounceFrontend DevelopmentJavaScript
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.

FrontendHTML5JavaScript
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.

FrontendHTML5JavaScript
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.

BackendEChartsFrontend
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.

Web Developmentcomponent-drivencontainer queries
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.

APIFrontendPerformance
0 likes · 14 min read
How React Server Components May Transform Frontend Development
Programmer DD
Programmer DD
May 9, 2022 · Frontend Development

Run Python Directly in Your Browser with PyScript: Quick Hands‑On Guide

This article introduces PyScript, a framework that lets you embed and run Python code inside standard HTML, walks through a simple Hello World example and a data‑visualization demo, and shares practical insights on its current capabilities and limitations.

Data visualizationHTMLPyScript
0 likes · 8 min read
Run Python Directly in Your Browser with PyScript: Quick Hands‑On Guide
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 PostmortemFrontendPerformance
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.

FrontendWeb 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-OriginProxy
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.

BackendHTTPNetworking
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.

FrontendJavaScriptTypeScript
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 ToolPerformance Optimization
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
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.

ArchitectureFrontendNode.js
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.

ComponentizationFrontendUI components
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 CoursesData ScienceIoT
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.

English vocabularyFrontendStyling
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.

ASTFrontendGitLab integration
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.

FrontendWeb Developmentcss
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 ExtensionFrontend DevelopmentJavaScript
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.

FrontendJavaScriptNode.js
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.

AnalyticsFrontendReact
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
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 9, 2022 · Frontend Development

A God‑Eye Overview of Front‑End Trends and Technologies

This article provides a comprehensive, data‑driven overview of front‑end technology trends from 2021 to 2022, covering programming language popularity, framework adoption, build tools, low‑code platforms, AI‑assisted development, cross‑platform solutions, serverless architecture, DevOps, 5G impacts, WebAssembly, and future directions for developers.

AIDevOpsFrontend
0 likes · 32 min read
A God‑Eye Overview of Front‑End Trends and Technologies
KooFE Frontend Team
KooFE Frontend Team
Jan 28, 2022 · Frontend Development

How the :is Pseudo‑Class Simplifies CSS and Cuts Redundant Code

This article explains how the modern CSS :is pseudo‑class can replace repetitive selector lists, reduce duplicated code, improve maintainability, and handle selector priority and forgiving parsing, with examples in plain CSS and Sass, plus browser support details.

SassWeb Developmentcss
0 likes · 6 min read
How the :is Pseudo‑Class Simplifies CSS and Cuts Redundant Code
Alibaba Cloud Native
Alibaba Cloud Native
Jan 22, 2022 · Cloud Native

Build a Low‑Cost Dynamic Web Site with Serverless Devs on Alibaba Cloud

Learn how to construct a cost‑effective, scalable dynamic web site using Serverless Devs, Alibaba Cloud API Gateway, Function Compute, and OSS, covering architecture overview, prerequisite services, step‑by‑step deployment, HTTPS setup, traffic limiting, monitoring, and links to relevant resources.

Alibaba CloudCloud NativeFunction Compute
0 likes · 13 min read
Build a Low‑Cost Dynamic Web Site with Serverless Devs on Alibaba Cloud
21CTO
21CTO
Jan 18, 2022 · Frontend Development

Boost Your Web Development Speed with 10 Essential VS Code Extensions

A seasoned front‑end engineer shares ten VS Code extensions—ranging from HTML snippets and CSS class IntelliSense to Live Server and bracket colorizers—that dramatically streamline coding, improve productivity, and simplify common web development tasks for developers of all levels.

ExtensionsHTMLJavaScript
0 likes · 5 min read
Boost Your Web Development Speed with 10 Essential VS Code Extensions
ByteFE
ByteFE
Jan 17, 2022 · Frontend Development

Design and Implementation of CSS Visual Editing in the AUX Tool

This article explains how the internally developed AUX visual development tool extracts original CSS source metadata from the browser using native APIs, stylesheet inspection, and the Chrome DevTools Protocol, and how it processes that data to provide accurate, editable CSS code within a low‑invasion, code‑centric workflow.

AUXChrome DevTools ProtocolFrontend
0 likes · 14 min read
Design and Implementation of CSS Visual Editing in the AUX Tool
21CTO
21CTO
Jan 16, 2022 · Frontend Development

Top Front-End Development Trends to Watch in 2022

This article explores the most popular front‑end development trends for 2022, covering JAMstack, progressive web apps, JavaScript dominance, single‑page sites, AI chatbots, Gatsby, and React, while explaining why these technologies are reshaping web user experiences.

2022 trendsGatsbyJamstack
0 likes · 7 min read
Top Front-End Development Trends to Watch in 2022
Sohu Tech Products
Sohu Tech Products
Jan 13, 2022 · Backend Development

Implementing Online Execution of Pandas Code on a Webpage: Lessons and Solutions

This article describes the author's exploration of various approaches—including custom servers, JupyterHub, JupyterBook, and Thebe—to enable users to run pandas code directly within a webpage, detailing the requirements, challenges, and the final implementation that embeds interactive execution while preserving user isolation and minimal setup.

JupyterHubTutorialWeb Development
0 likes · 8 min read
Implementing Online Execution of Pandas Code on a Webpage: Lessons and Solutions
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 12, 2022 · Frontend Development

Front-end Development Trends, Low-Code Platforms for Developers, and Node.js 2021 Developer Report Overview

The article reviews recent front‑end evolution, highlights emerging low‑code platforms and multi‑state view solutions for developers, and analyzes the 2021 Node.js developer report, emphasizing shifts toward standardization, performance, serverless adoption, and the growing importance of multidisciplinary integration in web development.

FrontendState ManagementWeb Development
0 likes · 18 min read
Front-end Development Trends, Low-Code Platforms for Developers, and Node.js 2021 Developer Report Overview
Programmer DD
Programmer DD
Jan 9, 2022 · Frontend Development

How Amis Low-Code Frontend Framework Boosts Development Efficiency

This article introduces the open‑source low‑code front‑end framework Amis, explains its JSON‑based page generation, highlights its low entry barrier, rich built‑in components, flexibility, and real‑world usage, and provides practical code examples to help developers get started quickly.

FrontendJSONWeb Development
0 likes · 5 min read
How Amis Low-Code Frontend Framework Boosts Development Efficiency