BestHub
Sign in
Tagged articles

Web

163 articles · Page 2 of 2
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 25, 2020 · Frontend Development

How DingTalk Built a High‑Performance, Collaborative Online Spreadsheet from Scratch

This talk walks through DingTalk Spreadsheet's journey from zero to a feature‑rich, Excel‑compatible web app, covering its modular architecture, the RangeMan solution for scalable cell management, sophisticated collaboration algorithms like GOT and COT, and performance‑driven rendering techniques using Canvas, double buffering, and a custom text layout engine.

CanvasOTWasm
0 likes · 14 min read
How DingTalk Built a High‑Performance, Collaborative Online Spreadsheet from Scratch
Taobao Frontend Technology
Taobao Frontend Technology
Dec 10, 2020 · Frontend Development

How JavaScript Dominated the Web: Alibaba’s Front‑End Innovations & Future Trends

From Jeff Atwood’s 2007 Atwood’s Law predicting JavaScript’s ubiquity to Alibaba’s decade‑long evolution of interactive front‑end technologies, this article explores web‑to‑media interaction, component‑based building systems, and the rise of serverless, highlighting how front‑end engineering now drives business innovation across platforms.

AlibabaServerlessWeb
0 likes · 12 min read
How JavaScript Dominated the Web: Alibaba’s Front‑End Innovations & Future Trends
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 19, 2020 · Frontend Development

How Alibaba’s EVA Framework Delivered Lightning‑Fast Double 11 Interactive Cats

Alibaba’s Double 11 “Super Star Show Cat” interactive experience achieved ultra‑fast page loads, seamless animation, and zero failures by leveraging a custom EVA front‑end solution, optimized page rendering infrastructure, modular loading, data slimming, accessibility support, and a global stability strategy with device‑level experience grading.

EVAWebaccessibility
0 likes · 13 min read
How Alibaba’s EVA Framework Delivered Lightning‑Fast Double 11 Interactive Cats
Qunar Tech Salon
Qunar Tech Salon
Oct 30, 2020 · Frontend Development

Multi‑Platform Development Strategy: Converting React Native to H5 and Mini‑Programs with react‑native‑web and Remax

This article outlines a practical multi‑platform solution that transforms a React‑Native codebase into both H5 web pages and various mini‑programs by leveraging react‑native‑web for web compilation and Remax for mini‑program rendering, while employing webpack tricks for dynamic, per‑platform builds.

React NativeRemaxWeb
0 likes · 10 min read
Multi‑Platform Development Strategy: Converting React Native to H5 and Mini‑Programs with react‑native‑web and Remax
Aotu Lab
Aotu Lab
Oct 22, 2020 · Frontend Development

Master CSS Animations: From Simple Transitions to Advanced SVG Loading Effects

This article provides a comprehensive guide to CSS animation techniques, covering basic transition and animation properties, continuous scrolling, bounce effects, like button bursts, SVG‑based loading and progress bars, typing simulations, frame‑by‑frame sprite animations, and the use of steps() for timing control, all illustrated with practical code examples.

AnimationCSSSVG
0 likes · 13 min read
Master CSS Animations: From Simple Transitions to Advanced SVG Loading Effects
vivo Internet Technology
vivo Internet Technology
Sep 10, 2020 · Frontend Development

Effective Front-End Performance Optimizations: Object Caching, Object.freeze(), Preloading, and Parallel Loading

The article outlines practical front‑end performance tricks—caching object references, freezing immutable data to bypass Vue reactivity, using preload/prefetch/DNS‑prefetch/prerender/preconnect tags, and initiating parallel API and asset loads—demonstrating measurable bundle size reductions and faster page rendering in a Vue‑based Vivo site.

JavaScriptOptimizationWeb
0 likes · 20 min read
Effective Front-End Performance Optimizations: Object Caching, Object.freeze(), Preloading, and Parallel Loading
vivo Internet Technology
vivo Internet Technology
Jul 29, 2020 · Frontend Development

Performance Optimization Journey for Wukong H5 Topics

The article details Wukong’s systematic H5 performance overhaul—adding DNS‑prefetch, CDN and HTTP/2, compressing fonts and images, applying lazy‑load and WebP, minimizing reflows with Vue lifecycle hooks, using skeleton screens, and reporting metrics—resulting in load‑time cuts of up to 70 % and scores rising from the 40s‑60s to over 90.

CDNOptimizationWeb
0 likes · 22 min read
Performance Optimization Journey for Wukong H5 Topics
Top Architect
Top Architect
Jun 19, 2020 · Information Security

Evolution of Session Management and Token‑Based Authentication

The article traces the history of web session handling, explains the scalability and security challenges of server‑side sessions, and introduces stateless token‑based authentication using signed HMAC‑SHA256 tokens as a modern solution for scalable, secure web applications.

HMACSessionToken
0 likes · 14 min read
Evolution of Session Management and Token‑Based Authentication
WecTeam
WecTeam
Apr 22, 2020 · Frontend Development

How to Supercharge Your 2020 Front‑End Performance: The Ultimate Checklist

This comprehensive 2020 front‑end performance checklist guides teams through planning, metric selection, environment setup, static asset optimization, build and transport strategies, testing, monitoring, and realistic goal setting, offering tools, budgets, and cultural practices to achieve faster, more responsive web experiences.

OptimizationPerformanceTools
0 likes · 65 min read
How to Supercharge Your 2020 Front‑End Performance: The Ultimate Checklist
Baidu App Technology
Baidu App Technology
Mar 25, 2020 · Frontend Development

Front-end Performance Optimization of Baidu App Personal Homepage

By redefining performance metrics, analyzing bottlenecks, and applying targeted front‑end code and engineering optimizations—including early iOS onload, reduced first‑screen dependencies, merged and pre‑loaded APIs, bundle splitting, and modern‑mode delivery—the Baidu App personal homepage achieved over 100 ms reductions in white‑screen and first‑screen times across iOS and Android.

PerformanceSPAWeb
0 likes · 15 min read
Front-end Performance Optimization of Baidu App Personal Homepage
Top Architect
Top Architect
Jan 19, 2020 · Frontend Development

Evolution of Front‑End and Back‑End Separation Architecture and the Role of Node.js

The article traces the historical evolution from tightly coupled JSP/Servlet MVC architectures through semi‑separated Ajax/SPA patterns to fully decoupled front‑end/back‑end separation, highlighting the advantages of introducing Node.js as a middle‑layer to improve adaptability, performance, and development efficiency.

Webfrontendnodejs
0 likes · 13 min read
Evolution of Front‑End and Back‑End Separation Architecture and the Role of Node.js
Python Programming Learning Circle
Python Programming Learning Circle
Jan 14, 2020 · Fundamentals

Essential Python Libraries: A Comprehensive Guide to Tools for Development, Data, AI, and More

This article presents an extensive, organized catalog of Python libraries covering file handling, image processing, game development, big data, artificial intelligence, networking, web frameworks, security, GUI creation, testing, and deployment, offering concise descriptions to help developers quickly discover the right tools for any project.

AILibrariesWeb
0 likes · 47 min read
Essential Python Libraries: A Comprehensive Guide to Tools for Development, Data, AI, and More
ITPUB
ITPUB
Nov 28, 2019 · Fundamentals

9 Essential JSON Validation and Formatting Tools Every Developer Should Know

This article introduces nine popular JSON utilities—including online validators, command‑line converters, IDE plugins, and formatters—detailing their main features, usage scenarios, and where to download or access their source code, helping developers choose the right tool for JSON processing tasks.

JSONToolsValidation
0 likes · 6 min read
9 Essential JSON Validation and Formatting Tools Every Developer Should Know
Xianyu Technology
Xianyu Technology
Sep 30, 2019 · Frontend Development

Flutter Web Architecture and Implementation Overview

Flutter Web re‑implements the dart:ui library using HTML, CSS, and Canvas, allowing Dart‑written Flutter apps to run in browsers without plugins; it follows a layered rendering approach, supports image, text, shape, and gesture handling, but currently suffers from large bundle sizes, incomplete feature support, and performance challenges in technical preview.

DartFlutterPerformance
0 likes · 13 min read
Flutter Web Architecture and Implementation Overview
21CTO
21CTO
Sep 15, 2019 · Mobile Development

Flutter 1.9 Unveiled: New Features, macOS/iOS13 Support, and Web Integration

Google’s Developer Days in Shanghai introduced Flutter 1.9 and Dart 2.5, highlighting macOS Catalina and iOS 13 support, new Material widgets, experimental Bitcode, expanded language packs, improved toolchains, and the integration of Flutter Web into the main repository, signaling a major step toward true cross‑platform development.

DartFlutterMaterial Design
0 likes · 10 min read
Flutter 1.9 Unveiled: New Features, macOS/iOS13 Support, and Web Integration
Efficient Ops
Efficient Ops
Jun 5, 2019 · Fundamentals

Understanding DNS and HTTP: From Browser to Server Explained

This article walks through the essential concepts of DNS and HTTP, detailing how a browser resolves a domain name to an IP address via recursive and iterative queries and then retrieves web content through HTTP request and response cycles, complete with diagrams and command examples.

DNSHTTPWeb
0 likes · 12 min read
Understanding DNS and HTTP: From Browser to Server Explained
Java Captain
Java Captain
May 21, 2019 · Backend Development

QR Code Login Mechanism: Web and Mobile Interaction Overview

This article explains the QR‑code login process, detailing how the web front‑end, server, Redis store, and mobile application cooperate to generate a QR code, verify the scan, and complete user authentication using tokens and UUIDs.

AuthenticationBackendQR Code Login
0 likes · 5 min read
QR Code Login Mechanism: Web and Mobile Interaction Overview
HomeTech
HomeTech
Jan 29, 2019 · Backend Development

Design and Implementation of the PCMA Advertising Validation Automation Platform

This article describes the business background, requirements, multi‑layer architecture, implementation details, usage workflow, encountered issues, and future plans of PCMA, a platform that automates the validation of advertising placements across PC, mobile web, and app environments.

AdvertisingBackendPlatform
0 likes · 7 min read
Design and Implementation of the PCMA Advertising Validation Automation Platform
Programmer DD
Programmer DD
Jan 29, 2019 · Fundamentals

Deep Dive into HTTP: From Packet Capture to Protocol Mechanics

This comprehensive tutorial walks through capturing HTTP traffic with Wireshark and tcpdump, decodes raw TCP packets, explains request and response structures, explores encoding, MIME types, methods, status codes, and advanced topics such as proxies, caching, cookies, redirection, and connection management, giving developers a solid understanding of how HTTP works under the hood.

HTTPTCPWeb
0 likes · 30 min read
Deep Dive into HTTP: From Packet Capture to Protocol Mechanics
360 Tech Engineering
360 Tech Engineering
Aug 9, 2018 · Frontend Development

CSS Performance Optimization: Practical and Advisory Techniques

This article presents eight CSS performance optimization techniques—four practical methods such as inlining critical CSS and asynchronous loading, and four advisory tips like selector efficiency and avoiding @import—explaining their rationale, implementation details, and best practices for improving web page rendering speed.

Web
0 likes · 16 min read
CSS Performance Optimization: Practical and Advisory Techniques
Big Data and Microservices
Big Data and Microservices
Aug 4, 2018 · Information Security

How CAS Enables Secure Single Sign-On: Architecture and Workflow Explained

CAS (Central Authentication Service) is an open‑source, enterprise‑grade single sign‑on solution that centralizes user authentication across trusted systems, offering reduced login time, improved security, and streamlined user management, with a clear protocol flow involving service tickets, redirects, and encrypted cookies.

AuthenticationCASSSO
0 likes · 5 min read
How CAS Enables Secure Single Sign-On: Architecture and Workflow Explained
Full-Stack Internet Architecture
Full-Stack Internet Architecture
Jun 5, 2018 · Backend Development

Understanding the Servlet Lifecycle in Java Web Applications

This article explains the Java Servlet lifecycle—including loading, initialization, request handling, multithreading considerations, and destruction—detailing how Tomcat manages servlets, the role of init(), service(), and destroy() methods, and best practices for resource management and thread safety.

BackendJavaServlet
0 likes · 7 min read
Understanding the Servlet Lifecycle in Java Web Applications
360 Tech Engineering
360 Tech Engineering
May 4, 2018 · Backend Development

Writing Middleware in Go: A Practical Guide

This article explains how to create HTTP middleware in Go, covering request reading, trailing‑slash redirection, request‑ID injection, server header manipulation, custom ResponseWriter implementation, and handling of additional interfaces such as Push and Flush, with complete code examples.

BackendGoHTTP
0 likes · 7 min read
Writing Middleware in Go: A Practical Guide
Architecture Digest
Architecture Digest
Apr 13, 2018 · Frontend Development

2018 Frontend Performance Checklist

This article presents a comprehensive 2018 frontend performance checklist that guides teams from establishing a performance culture and selecting metrics to optimizing build processes, static assets, HTTP/2, security, and monitoring, while offering quick‑win actions for immediate impact.

ChecklistOptimizationPerformance
0 likes · 20 min read
2018 Frontend Performance Checklist
21CTO
21CTO
Dec 20, 2017 · Frontend Development

Explore the Best Frontend UI Frameworks for Mobile, PC & Hybrid Apps

This guide compiles the most popular frontend UI frameworks for mobile, PC and hybrid app development, summarizing each library's origin, key features, GitHub statistics, installation methods and demo links to help developers quickly choose the right toolkit.

UI frameworkWebfrontend
0 likes · 17 min read
Explore the Best Frontend UI Frameworks for Mobile, PC & Hybrid Apps
Meituan Technology Team
Meituan Technology Team
Sep 21, 2017 · Frontend Development

Front-End Performance Optimization: Traditional and Perceptual Metrics

Front‑end performance, crucial for traffic and conversion, can be optimized by combining traditional non‑visual metrics (like DNS time, TTFB, and First Paint) with perceptual visual metrics (FCP, FMP, Speed Index, PSI), using tools such as Lighthouse, Chrome DevTools, and the custom Twilight video‑analysis utility, as demonstrated by a Vue‑based flight‑ticket site achieving up to 80% FMP improvement.

LighthouseWebfrontend
0 likes · 10 min read
Front-End Performance Optimization: Traditional and Perceptual Metrics
Java Captain
Java Captain
Jul 24, 2017 · Backend Development

Java Backend: One Year of Experience and Technical Summary (Part 1)

The article reflects on a year of Java backend work, discussing common misconceptions and covering fundamentals such as class initialization order, value and reference passing, collection usage, exception handling, object‑oriented principles, multithreading, Spring framework components, web basics, database and NoSQL integration, server operations, and third‑party API integrations, offering practical lessons learned.

SpringWeb
0 likes · 22 min read
Java Backend: One Year of Experience and Technical Summary (Part 1)
Architecture Digest
Architecture Digest
Jun 18, 2017 · Frontend Development

Web Accessibility Guide for Frontend Development

This article explains website accessibility, describes how people with visual, auditory, motor, and cognitive disabilities access sites, and provides practical guidelines—including semantic structure, color contrast, ARIA roles, form and table markup, keyboard navigation, media handling, and testing tools—to help frontend developers build accessible web pages.

ARIAWCAGWeb
0 likes · 13 min read
Web Accessibility Guide for Frontend Development
Aotu Lab
Aotu Lab
Apr 28, 2017 · Game Development

Unlock Realistic Game Physics with Matter.js: A Complete Guide

This article explains what a physics engine is, compares real‑time and high‑precision engines, shows how games like CS:GO use them, and provides a thorough tutorial on installing, configuring, and programming the JavaScript 2D physics library Matter.js with code examples and debugging tools.

2D physicsJavaScriptMatter.js
0 likes · 15 min read
Unlock Realistic Game Physics with Matter.js: A Complete Guide
Qudian (formerly Qufenqi) Technology Team
Qudian (formerly Qufenqi) Technology Team
Jan 17, 2017 · Frontend Development

Why requestAnimationFrame Beats setTimeout for Smooth Animations – A Deep Dive

An in‑depth investigation compares requestAnimationFrame and setTimeout for web animations, revealing how the former syncs with browser repaint cycles, why it outperforms setTimeout, the limits of manually adjusting frame rates, compatibility issues across browsers and platforms, and practical fallback implementations.

AnimationWebfrontend
0 likes · 9 min read
Why requestAnimationFrame Beats setTimeout for Smooth Animations – A Deep Dive
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Dec 31, 2016 · Frontend Development

10 Essential Front‑End Optimization Techniques Every Developer Should Master

This article presents a comprehensive guide to front‑end performance optimization, covering ten practical techniques such as reducing HTTP requests, mastering repaint/reflow, minimizing DOM operations, using JSON, streamlining HTML/CSS, leveraging CDNs, externalizing assets, compressing resources, and managing cookies to improve page load speed and user experience.

CSSOptimizationPerformance
0 likes · 12 min read
10 Essential Front‑End Optimization Techniques Every Developer Should Master
360 Quality & Efficiency
360 Quality & Efficiency
Aug 15, 2016 · Frontend Development

Common Web UI Component Test Scenarios and Checklist

This article outlines common test scenarios and checklists for web UI components such as navigation bars, input fields, buttons, dropdowns, tables, radio and checkbox groups, dual list boxes, and time pickers, helping testers ensure functionality, usability, and data integrity.

UI testingWebcomponent testing
0 likes · 10 min read
Common Web UI Component Test Scenarios and Checklist
MaGe Linux Operations
MaGe Linux Operations
Jun 15, 2016 · Fundamentals

Understanding HTTP Cookies: Origins, Creation, and Best Practices

This article explains what HTTP cookies are, their historical origin, how they are created and managed via Set-Cookie headers, the meaning of options like expires, domain, path, and secure, as well as JavaScript handling, subcookies, HTTP‑Only flags, and common limitations.

HTTPJavaScriptSession
0 likes · 17 min read
Understanding HTTP Cookies: Origins, Creation, and Best Practices
Architecture Digest
Architecture Digest
Jun 3, 2016 · Backend Development

Upgrading QQ Membership Activity Management System (AMS) from PHP 5.2/Apache 2.0 to PHP 7 and Apache 2.4: Process, Risks, and Performance Gains

This article details the end‑to‑end migration of the QQ Membership Activity Management System from an outdated PHP 5.2/Apache 2.0 stack to PHP 7 and Apache 2.4, covering pre‑research on HHVM and JIT, architectural choices, upgrade risks, step‑by‑step implementation, debugging techniques, API changes, and the resulting performance improvements.

ApachePerformanceWeb
0 likes · 21 min read
Upgrading QQ Membership Activity Management System (AMS) from PHP 5.2/Apache 2.0 to PHP 7 and Apache 2.4: Process, Risks, and Performance Gains
21CTO
21CTO
Nov 21, 2015 · Frontend Development

Building a Cross-Platform Secret-Code Red Envelope Feature for Taobao & Tmall

This article details a cross-terminal technical solution for implementing the Double 11 secret-code red-envelope activity on Taobao and Tmall, covering requirements, responsive design for Phone, Pad and PC, native poplayer integration, KISSY module usage, and final visual results across devices.

ResponsiveWebcross-platform
0 likes · 6 min read
Building a Cross-Platform Secret-Code Red Envelope Feature for Taobao & Tmall
Architect
Architect
Nov 15, 2015 · Fundamentals

How HTTPS Affects Access Speed and User Experience

HTTPS enhances privacy and prevents traffic hijacking but introduces additional network round‑trip times and cryptographic computation, which can increase page load latency by several RTTs and tens of milliseconds, especially on first‑time connections, affecting overall user experience.

HTTPSWebnetwork
0 likes · 7 min read
How HTTPS Affects Access Speed and User Experience
ITPUB
ITPUB
Nov 7, 2015 · Fundamentals

10 Hidden Chrome Tricks Every Power User Should Know

Discover ten lesser‑known Chrome features—from searching a site’s internal pages directly from the address bar to using the address bar as a calculator, unit converter, and quick access to hidden chrome:// pages—each explained with step‑by‑step instructions and screenshots.

Browser TipsChromeWeb
0 likes · 5 min read
10 Hidden Chrome Tricks Every Power User Should Know
Architect
Architect
Sep 23, 2015 · Frontend Development

H5 Performance Optimization: Principles, Strategies, and Testing

This article explains why H5 performance matters, defines the one‑second rule for different network conditions, and provides comprehensive front‑end optimization techniques—including resource loading, image handling, server deployment, code standards, testing tools, and classic case studies—to improve user experience on mobile web applications.

H5OptimizationWeb
0 likes · 22 min read
H5 Performance Optimization: Principles, Strategies, and Testing
Art of Distributed System Architecture Design
Art of Distributed System Architecture Design
Jul 19, 2015 · Information Security

25 Essential PHP Security Best Practices for Hardened Web Servers

This guide presents 25 practical PHP security best practices, covering configuration files, module management, error handling, file uploads, remote code execution, SQL safety, resource limits, user permissions, SELinux, firewall rules, and additional tools, to help administrators harden PHP deployments on Linux servers.

BackendLinuxPHP
0 likes · 27 min read
25 Essential PHP Security Best Practices for Hardened Web Servers