BestHub
Sign in
Tagged articles

frontend development

779 articles · Page 7 of 8
Meituan Technology Team
Meituan Technology Team
May 21, 2020 · Frontend Development

Building a Consistent UI with Meituan's Sketch Plugin: Architecture, Development, and Best Practices

Meituan Takeaway built a hybrid JavaScript‑CocoaScript Sketch plugin that enforces a unified design system, lets designers select library elements which are exported as Sketch symbols and native code components, integrates a webview bridge, uses skpm/Webpack tooling, and dramatically cuts design drift, development cost, and QA effort across multiple platforms.

JavaScriptSketch PluginUI consistency
0 likes · 34 min read
Building a Consistent UI with Meituan's Sketch Plugin: Architecture, Development, and Best Practices
Alibaba Cloud Developer
Alibaba Cloud Developer
May 18, 2020 · Frontend Development

Mastering Micro‑Frontend Sandboxing with Alibaba Cloud’s Browser‑VM

This article explains how Alibaba Cloud’s ConsoleOS implements a JavaScript and CSS sandbox for micro‑frontend applications, covering the underlying principles, code examples, native object simulation via iframes, CSS isolation techniques, and integration tips for other micro‑frontend frameworks.

JavaScriptbrowser vmcss isolation
0 likes · 12 min read
Mastering Micro‑Frontend Sandboxing with Alibaba Cloud’s Browser‑VM
Huajiao Technology
Huajiao Technology
May 18, 2020 · Frontend Development

Pros and Cons of TypeScript: A Comprehensive Overview

This article examines TypeScript—a Microsoft‑backed JavaScript superset—detailing its static‑typing benefits, improved readability, bug reduction, and active ecosystem while also discussing learning costs, slower development speed, library compatibility issues, and the necessity of compilation, helping developers decide whether to adopt it.

JavaScriptStatic TypingTypeScript
0 likes · 11 min read
Pros and Cons of TypeScript: A Comprehensive Overview
58 Tech
58 Tech
May 18, 2020 · Frontend Development

Automating React 15 to React 16 Upgrade Using Abstract Syntax Tree (AST)

This article presents a practical solution for automatically upgrading legacy React 15 projects to React 16 by generating, modifying, and re‑generating code through Abstract Syntax Tree (AST) transformations, detailing the required steps, common pitfalls, and broader applications of AST in frontend engineering.

ASTBabelcode transformation
0 likes · 10 min read
Automating React 15 to React 16 Upgrade Using Abstract Syntax Tree (AST)
Programmer DD
Programmer DD
May 13, 2020 · Frontend Development

Explore 70+ Baidu Open‑Source Projects – Which Ones Have You Used?

This article compiles over 70 Baidu open‑source projects spanning front‑end libraries, back‑end platforms, mobile frameworks, AI tools, and infrastructure components, providing concise descriptions of each to help developers discover useful resources across a wide range of technologies.

BaiduJavaScriptTools
0 likes · 22 min read
Explore 70+ Baidu Open‑Source Projects – Which Ones Have You Used?
360 Tech Engineering
360 Tech Engineering
Apr 27, 2020 · Frontend Development

Writing Maintainable JavaScript: Principles, Coding Standards, and Best Practices

This article explains why maintainable JavaScript is essential for modern web applications and provides concrete guidelines on coding standards, readability, naming, type transparency, loose coupling, and coding conventions such as respecting object ownership, avoiding globals, and using constants.

Best Practicescoding standardsfrontend development
0 likes · 25 min read
Writing Maintainable JavaScript: Principles, Coding Standards, and Best Practices
Zhengtong Technical Team
Zhengtong Technical Team
Apr 17, 2020 · Frontend Development

Creating a 3D Orbit Visualization Component

This article details the technical process of creating a 3D visualization component for city management systems, covering HTML structure, CSS animations, and mathematical calculations for distributing elements on a circular path.

3D graphicsData VisualizationMathematical Calculations
0 likes · 11 min read
Creating a 3D Orbit Visualization Component
WecTeam
WecTeam
Apr 15, 2020 · Frontend Development

Unlocking Chrome DevTools: Architecture, Protocols, and Remote Debugging Techniques

This article explores the components of Chrome DevTools, explains the DevTools Protocol structure, details the frontend architecture, and provides step‑by‑step guidance for remote debugging, custom extensions, and session replay using WebSocket forwarding and server‑side recording.

Chrome DevToolsRemote Debuggingdebugging
0 likes · 24 min read
Unlocking Chrome DevTools: Architecture, Protocols, and Remote Debugging Techniques
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Mar 30, 2020 · Frontend Development

Mocking Backend with IndexedDB and Dexie.js in Vue Projects

This article shows front‑end developers how to overcome missing back‑end services by using IndexedDB with Dexie.js to create a mock API, structuring a simple message‑board app, and leveraging Vuex for clean separation, enabling rapid development and easier later integration.

Dexie.jsIndexedDBMock API
0 likes · 8 min read
Mocking Backend with IndexedDB and Dexie.js in Vue Projects
TAL Education Technology
TAL Education Technology
Mar 20, 2020 · Frontend Development

Building a Chrome Extension Flip-Pen Remote Control with WebSocket

This article introduces Chrome extension fundamentals, outlines its core components and APIs, and provides a step‑by‑step guide—including server‑side WebSocket handling, content‑script communication, popup QR‑code generation, and installation methods—to create a flip‑pen remote‑control plugin.

Browser PluginChrome ExtensionJavaScript
0 likes · 12 min read
Building a Chrome Extension Flip-Pen Remote Control with WebSocket
Architecture Digest
Architecture Digest
Mar 19, 2020 · Frontend Development

Design and Implementation of Permission Control in Frontend‑Backend Separation Architecture

This article explains how permission control is re‑designed for front‑end/back‑end separated applications, defining resources and permissions, outlining the distinct responsibilities of front‑end routing and component rendering versus back‑end API validation, and providing practical implementation examples in React and Java.

Access ControlBackend DevelopmentJava
0 likes · 7 min read
Design and Implementation of Permission Control in Frontend‑Backend Separation Architecture
Java Backend Technology
Java Backend Technology
Mar 17, 2020 · Frontend Development

Inside Pornhub’s Front‑End: Engineering Video, Performance, and Web APIs

An interview with a front‑end engineer at Pornhub reveals how the site handles massive video content, performance monitoring, modern Web APIs, and its evolving tech stack, offering practical insights into large‑scale web development and the unique challenges of the adult‑industry platform.

Web APIsWeb Performancefrontend development
0 likes · 13 min read
Inside Pornhub’s Front‑End: Engineering Video, Performance, and Web APIs
Programmer DD
Programmer DD
Mar 4, 2020 · Frontend Development

Customize Grafana Themes Without Rebuilding the Source Code

This guide walks you through a step‑by‑step method to add and switch custom Grafana themes using the Boom Theme panel plugin and ready‑made theme packs from GitHub, enabling theme changes across dashboards without modifying Grafana's source code.

GrafanaPluginTheme Customization
0 likes · 5 min read
Customize Grafana Themes Without Rebuilding the Source Code
macrozheng
macrozheng
Feb 27, 2020 · Frontend Development

How to Implement Dynamic Menu Permissions in Vue with Router and Vuex

This guide explains how to use Vue Router and Vuex to implement dynamic menu permission control in a Vue-based admin project, covering router splitting, permission module creation, state management, and menu binding to achieve role-based navigation.

Dynamic PermissionsVueVue Router
0 likes · 9 min read
How to Implement Dynamic Menu Permissions in Vue with Router and Vuex
Liangxu Linux
Liangxu Linux
Feb 22, 2020 · Frontend Development

Build a No‑Code GitHub Pages Blog with Fast.ai Template in Minutes

This step‑by‑step guide shows how beginners can create a personal blog on GitHub Pages using the Fast.ai template without writing code or using the command line, covering repository creation, homepage setup, Markdown editing, post management, image insertion, TOC generation, and math rendering.

Fast.ai TemplateGitHub PagesMarkdown
0 likes · 5 min read
Build a No‑Code GitHub Pages Blog with Fast.ai Template in Minutes
Taobao Frontend Technology
Taobao Frontend Technology
Feb 18, 2020 · Frontend Development

How Serverless Transformed Front‑End Development in Alibaba’s Wow Video Project

This article recounts the half‑year journey of migrating the Wow Video short‑video shopping feature to a Serverless Node FaaS architecture, highlighting high‑traffic challenges, development pain points, the upgraded R&D model, migration steps, monitoring tools, and the strategic decisions that shaped the front‑end team's evolution.

AlibabaFaaSNode.js
0 likes · 17 min read
How Serverless Transformed Front‑End Development in Alibaba’s Wow Video Project
Alibaba Terminal Technology
Alibaba Terminal Technology
Feb 18, 2020 · Frontend Development

How Serverless Transformed Front-End Development in Alibaba’s Waou Video Project

This article recounts the six‑month journey of migrating the Waou Video short‑video shopping feature to a Serverless Node FaaS architecture, highlighting business characteristics, development pain points, the upgraded R&D model, migration steps, performance gains, and future considerations for front‑end engineers.

FaaSNode.jsR&D Mode Upgrade
0 likes · 20 min read
How Serverless Transformed Front-End Development in Alibaba’s Waou Video Project
21CTO
21CTO
Jan 10, 2020 · Frontend Development

Master Vue in 2019: The Ultimate Knowledge Map for Frontend Developers

This guide presents a high‑level knowledge map for Vue developers, covering essential JavaScript basics, core Vue concepts, component architecture, SPA routing, state management, real‑world tooling, testing, performance optimization, related ecosystems, and advanced frameworks like Nuxt and Vuetify.

JavaScriptNuxtSPA
0 likes · 12 min read
Master Vue in 2019: The Ultimate Knowledge Map for Frontend Developers
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Jan 3, 2020 · Frontend Development

Deep Dive into Vue.js Core Initialization: Global API, Asset Registration, and Utility Functions

This article provides a detailed walkthrough of Vue.js’s core initialization process, examining how the framework’s global API, asset registration, and various utility functions are set up through multiple layers of source code, with extensive code examples and explanations of each step.

JavaScriptVue.jsframework
0 likes · 14 min read
Deep Dive into Vue.js Core Initialization: Global API, Asset Registration, and Utility Functions
NetEase Media Technology Team
NetEase Media Technology Team
Dec 20, 2019 · Frontend Development

Optimizing H5 Resources and JsBridge in News Client

The NetEase News client boosts H5 performance by packaging static pages into zip files for native offline storage, intercepting WebView requests, redesigning a symmetric JsBridge with unified message IDs and namespaces, and adding pre‑request and WebView pooling, cutting load time from ~943 ms to ~391 ms and improving first‑load speed by up to 75 %.

Hybrid AppJSBridgefrontend development
0 likes · 22 min read
Optimizing H5 Resources and JsBridge in News Client
JD Retail Technology
JD Retail Technology
Dec 12, 2019 · Industry Insights

How JD Central Revamped Its Merchant Backend in Record Time

JD Central’s 2019 merchant‑center overhaul transformed a fragmented, hard‑to‑use backend into a unified, efficient platform through intensive cross‑team collaboration, rapid component‑based development, and focused user‑experience research, delivering two versions on schedule and earning strong merchant praise.

Case StudyJD CentralProject Management
0 likes · 6 min read
How JD Central Revamped Its Merchant Backend in Record Time
vivo Internet Technology
vivo Internet Technology
Dec 11, 2019 · Frontend Development

Deep Dive into JavaScript Array Implementation in V8 Engine

The article explains how V8 implements JavaScript arrays using two storage strategies—Fast Elements with contiguous memory that dynamically resizes, and Slow Elements backed by a hash table—detailing the heuristics for converting between them and contrasting this design with traditional fixed‑type, fixed‑size arrays.

Array ImplementationFast ArraySlow Array
0 likes · 13 min read
Deep Dive into JavaScript Array Implementation in V8 Engine
Tencent Cloud Developer
Tencent Cloud Developer
Dec 11, 2019 · Frontend Development

Comprehensive Practice of WeChat Mini Program Performance Monitoring System

The article describes a full‑stack performance monitoring system for WeChat Mini Programs presented by Niu Tifa, covering Mini Program architecture fundamentals, a monitoring system architecture using a JS SDK, Druid, Elasticsearch, and practical applications like load timing, error handling, fallback strategies, with dashboards and alerts, emphasizing low request volume and non‑intrusive monitoring.

Disaster RecoveryJS SDKWeChat Mini Program
0 likes · 13 min read
Comprehensive Practice of WeChat Mini Program Performance Monitoring System
Huajiao Technology
Huajiao Technology
Dec 10, 2019 · Frontend Development

How to Merge FLV.js and HLS.js into a Unified Web Video Player

This article provides a detailed technical analysis of FLV.js and HLS.js architectures, explains their common media pipeline, and describes step‑by‑step how to combine them into a single JavaScript player that supports both live FLV streams and HLS replay on a PC web site.

FLV.jsHLS.jsJavaScript
0 likes · 17 min read
How to Merge FLV.js and HLS.js into a Unified Web Video Player
Weidian Tech Team
Weidian Tech Team
Nov 15, 2019 · Frontend Development

Master Vue’s Provide/Inject: Simplify Component Communication

This article explains Vue’s provide/inject API, how it enables ancestor components to share data with any descendant, compares it to Vuex for global state, shows practical code examples, discusses limitations and best‑practice guidelines, and demonstrates its use in component libraries like Element UI.

Provide/InjectVuecomponent communication
0 likes · 8 min read
Master Vue’s Provide/Inject: Simplify Component Communication
Tencent Cloud Developer
Tencent Cloud Developer
Nov 13, 2019 · Frontend Development

2020 Frontend Development Keywords: Predictions from Tencent Technical Experts

Tencent’s 2020 frontend forecast builds on 2019’s TypeScript‑driven framework maturity, booming mini‑programs, and cross‑platform shifts toward Flutter and SwiftUI, while predicting cloud‑based serverless architectures, 5G‑enabled SSR and WebAssembly, and continued performance‑focused innovations across mini‑programs and cross‑platform development.

5GCloud ComputingCross‑Platform Development
0 likes · 9 min read
2020 Frontend Development Keywords: Predictions from Tencent Technical Experts
58UXD
58UXD
Nov 13, 2019 · Frontend Development

Responsive vs Adaptive Design: When to Use Which and How to Build Fluid Layouts

This article explains the differences between responsive and adaptive web design, when to choose each approach, essential grid and media‑query techniques, and practical tips such as using icon fonts and setting breakpoints based on content rather than device sizes.

adaptive layoutfrontend developmentgrid system
0 likes · 8 min read
Responsive vs Adaptive Design: When to Use Which and How to Build Fluid Layouts
Aotu Lab
Aotu Lab
Nov 12, 2019 · Frontend Development

Can Native CSS Replace Preprocessors? A Deep Dive into W3C Specs and Modern Features

This article examines the evolution of CSS from its early specifications through CSS3 modules, compares native CSS capabilities such as custom properties, calc() and nesting with traditional preprocessors like Sass, Less and Stylus, and evaluates whether preprocessors will become merely transitional tools.

Custom PropertiesPreprocessorW3C
0 likes · 18 min read
Can Native CSS Replace Preprocessors? A Deep Dive into W3C Specs and Modern Features
WecTeam
WecTeam
Nov 7, 2019 · Frontend Development

Mastering Foldable Screen Design: 9 Essential Responsive Principles

This article explores the challenges of adapting web interfaces for foldable smartphones, reviews current devices, explains why responsive design is the core solution, outlines nine fundamental principles, highlights common pitfalls, and envisions future interaction possibilities for developers.

Foldable ScreensUI-UXfrontend development
0 likes · 10 min read
Mastering Foldable Screen Design: 9 Essential Responsive Principles
网易UEDC
网易UEDC
Oct 30, 2019 · Frontend Development

How to Build an Enterprise‑Level UI Component Library: Principles and Practices

This article explains why standardized component libraries are essential for large‑scale products, outlines design principles, color and layout guidelines, categorizes components, and demonstrates how FishDesign’s enterprise UI library improves consistency, efficiency, and collaboration across product, design, and development teams.

UI Component Librarycomponent classificationdesign system
0 likes · 14 min read
How to Build an Enterprise‑Level UI Component Library: Principles and Practices
Qunhe Technology Quality Tech
Qunhe Technology Quality Tech
Oct 21, 2019 · Frontend Development

Accelerate Web Testing with a Chrome Extension for Hunter Tracing

This article explains how to build a Chrome extension that integrates with the Hunter distributed tracing system to automatically capture failing API calls during web testing, visualize request chains, and improve debugging efficiency, including manifest configuration, background and popup scripts, and implementation details.

Chrome ExtensionDistributed Tracingfrontend development
0 likes · 8 min read
Accelerate Web Testing with a Chrome Extension for Hunter Tracing
Tencent Cloud Developer
Tencent Cloud Developer
Oct 14, 2019 · Cloud Computing

Building a Mini-Program Operation Tool with Cloud Development: Maoyan's Practice

Maoyan Entertainment created the “Tangtu” mini‑program operation tool with WeChat Cloud Development, letting operations and product managers visually design, edit and publish holiday activities via cloud storage, database and functions, cutting staff from three to one, slashing development time and cost while highlighting the need for explicit environment variables and careful migration from traditional MySQL services.

Activity TemplateMini-program OperationsMongoDB
0 likes · 20 min read
Building a Mini-Program Operation Tool with Cloud Development: Maoyan's Practice
FangDuoduo UEDC
FangDuoduo UEDC
Oct 14, 2019 · Frontend Development

Boost After Effects Workflow with Mt.Mograph Motion & Bodymovin Plugins

Learn how the Mt.Mograph Motion and Bodymovin plugins streamline creating and exporting After Effects animations, offering quick axis adjustments, curve editing, bounce effects, and seamless Lottie integration for web and mobile front‑end development.

After EffectsAnimation PluginsLottie
0 likes · 5 min read
Boost After Effects Workflow with Mt.Mograph Motion & Bodymovin Plugins
政采云技术
政采云技术
Sep 25, 2019 · Frontend Development

Understanding Webpack Hot Module Replacement (HMR): Mechanism and Implementation

This article explains how Webpack's Hot Module Replacement works, covering its benefits, the build and watch processes, the role of webpack-dev-middleware and webpack-hot-middleware, and provides detailed code examples to illustrate the communication between the server and the browser.

Hot Module ReplacementJavaScriptWebpack-hot-middleware
0 likes · 10 min read
Understanding Webpack Hot Module Replacement (HMR): Mechanism and Implementation
21CTO
21CTO
Sep 9, 2019 · Backend Development

What Skills Must a Full‑Stack Engineer Master to Stay Competitive?

This article outlines a comprehensive full‑stack developer skill roadmap, highlighting why expanding your skill set is essential, the common technologies all engineers should know, and a customizable list of core competencies ranging from backend frameworks to communication abilities.

Full-Stackcareer developmentfrontend development
0 likes · 6 min read
What Skills Must a Full‑Stack Engineer Master to Stay Competitive?
Tencent Cloud Developer
Tencent Cloud Developer
Sep 5, 2019 · Cloud Computing

Understanding Cloud Development for WeChat Mini‑Game Applications

The August 17 “Mini‑Program·Cloud Development” salon explained how Tencent Cloud’s server‑less BaaS/FaaS platform lets WeChat mini‑game developers replace traditional H5 back‑ends with lightweight cloud functions, databases and CDN storage, cutting development time from hours to minutes, while supporting real‑time sync, token management, and future SDK expansions.

Cloud FunctionsServerlessWeChat Mini Games
0 likes · 17 min read
Understanding Cloud Development for WeChat Mini‑Game Applications
政采云技术
政采云技术
Aug 27, 2019 · Frontend Development

Summary of Vue Component Data Communication Methods

This article reviews various Vue.js component communication techniques—including Props, $emit/$on, Vuex, $attrs/$listeners, Provider/Inject, and $parent/$children/$refs—providing explanations, usage scenarios, and code examples to help developers choose the appropriate method for parent-child, sibling, or cross-level data exchange.

PropsVue.jsVuex
0 likes · 12 min read
Summary of Vue Component Data Communication Methods
Qunar Tech Salon
Qunar Tech Salon
Aug 23, 2019 · Frontend Development

Web Components: Can Native Custom Elements Replace Frontend Frameworks?

This article explains how modern Web Components—custom elements, Shadow DOM, slots, and native element extensions—provide a framework‑free way to build reusable UI, offering better performance, true CSS scoping, and progressive enhancement while discussing when abandoning traditional frameworks makes sense.

JavaScriptShadow DOMcustom elements
0 likes · 26 min read
Web Components: Can Native Custom Elements Replace Frontend Frameworks?
Tencent Cloud Developer
Tencent Cloud Developer
Jul 23, 2019 · Cloud Native

Serverless for Front-End Developers: Concepts, Architecture, and Project Implementation

This article explains serverless concepts for front‑end developers, outlines its evolution, benefits, and architecture—including BFF layers and SSR—then demonstrates a complete vocabulary mini‑program built with cloud functions, storage, monitoring, debugging, testing, deployment, and operational best practices.

BFFServerlesscloud-native
0 likes · 15 min read
Serverless for Front-End Developers: Concepts, Architecture, and Project Implementation
Didi Tech
Didi Tech
Jul 5, 2019 · Frontend Development

Deep Dive into Webpack: Source Code Analysis and Compilation Process

The article dissects Webpack’s internals, showing how every asset becomes a module processed by loaders, how the bootstrap creates a __webpack_require__ function to link modules, how dynamic import() generates separate chunks loaded via script tags, and outlines the full compilation pipeline from configuration parsing to final asset emission.

JavaScriptModule Bundlingasync loading
0 likes · 12 min read
Deep Dive into Webpack: Source Code Analysis and Compilation Process
MaoDou Frontend Team
MaoDou Frontend Team
Jul 3, 2019 · Frontend Development

How to Achieve True 1px Borders on High‑DPI Mobile Screens

This article explains why 1 px borders appear thick on high‑resolution mobile devices, explores the role of devicePixelRatio, and presents five practical solutions—including iOS 0.5 px borders, border‑image, box‑shadow, pseudo‑elements, and viewport scaling—along with their pros, cons, and common pitfalls.

1px borderdevicePixelRatiofrontend development
0 likes · 11 min read
How to Achieve True 1px Borders on High‑DPI Mobile Screens
Seewo Tech Circle
Seewo Tech Circle
Jun 28, 2019 · Frontend Development

Building a Fast, Updatable PC Client with Electron for Classroom Interaction

This article details how a team of web developers chose Electron to create a cross‑platform PC client for the teaching tool "Classroom Optimization Master", describing the technology stack, successive architectural evolutions, performance improvements, and lessons learned about modular design and hot updates.

Desktop ApplicationElectronIPC
0 likes · 13 min read
Building a Fast, Updatable PC Client with Electron for Classroom Interaction
Mafengwo Technology
Mafengwo Technology
Jun 21, 2019 · Frontend Development

How Containers Supercharge Frontend Development: Real-World Practices

This article explains how container technology, including Docker and Kubernetes, empowers modern frontend development by improving build isolation, accelerating testing, enabling rapid rollbacks, and providing stable, scalable deployment pipelines for web, mobile, and mini‑program applications.

CI/CDContainersDocker
0 likes · 17 min read
How Containers Supercharge Frontend Development: Real-World Practices
360 Tech Engineering
360 Tech Engineering
Jun 5, 2019 · Frontend Development

Deep Dive into Modern Web Browser Architecture: Architecture, Navigation, Rendering, and Interaction

This article provides a comprehensive, step‑by‑step exploration of modern browsers—covering Chrome’s multi‑process architecture, the navigation pipeline from URL entry to page load, the rendering stages (HTML parsing, style calculation, layout, painting, compositing), and how user interactions are processed and optimized.

Browser ArchitectureNavigationRendering Pipeline
0 likes · 23 min read
Deep Dive into Modern Web Browser Architecture: Architecture, Navigation, Rendering, and Interaction
Baidu App Technology
Baidu App Technology
May 22, 2019 · Frontend Development

San Framework Performance Evolution: A MVVM Framework's Optimization Journey

The article chronicles San, Baidu’s MVVM framework, detailing how template parsing, hotspot pre‑heating, cloneNode element creation, property‑handler caching, traversal interruption, list‑rendering shortcuts like trackBy, and numerous micro‑optimizations such as avoiding call/apply and extra loops collectively boost view creation and update performance.

BaiduJavaScriptMVVM framework
0 likes · 26 min read
San Framework Performance Evolution: A MVVM Framework's Optimization Journey
21CTO
21CTO
May 12, 2019 · Backend Development

Choosing the Right Web Stack: LAMP vs MEAN and Beyond

This article compares popular web technology stacks such as LAMP and MEAN, explains their components and derivatives, discusses other options like WISA, Ruby, Java‑Spring and Django, and provides practical guidance on how to select the most suitable stack for a project.

Backend DevelopmentLAMPTechnology Comparison
0 likes · 11 min read
Choosing the Right Web Stack: LAMP vs MEAN and Beyond
iQIYI Technical Product Team
iQIYI Technical Product Team
Apr 26, 2019 · Artificial Intelligence

Design and Architecture of the ANNO AI Data Annotation Platform

The ANNO platform unifies iQIYI’s AI data annotation by defining an abstract model—media records, HITs, partitions, and hitsets—driving a modular Vue.js front‑end that flexibly handles diverse media, annotation modes, and workflows, while AI‑assisted pre‑labeling cuts labeling time and supports scalable, secure, collaborative development.

AI annotationannotation workflowdata labeling
0 likes · 14 min read
Design and Architecture of the ANNO AI Data Annotation Platform
Node Underground
Node Underground
Apr 25, 2019 · Frontend Development

How Inversion of Control Boosts Front‑End Development Efficiency

This article explains the Inversion of Control (IoC) pattern and its Dependency Injection implementation, showing how a simple container can decouple modules, improve modularity, speed up development, and make unit testing easier for front‑end JavaScript/TypeScript projects.

Dependency InjectionDesign PatternsInversion of Control
0 likes · 11 min read
How Inversion of Control Boosts Front‑End Development Efficiency
MaGe Linux Operations
MaGe Linux Operations
Apr 9, 2019 · Frontend Development

Master Vim for Front‑End Development: Essential Commands & Plugins

This comprehensive guide walks front‑end developers through installing Vim, mastering core editing commands, configuring a .vimrc file, and integrating a curated set of plugins for navigation, code completion, syntax highlighting, linting, Git, markdown preview, Emmet, and automatic formatting.

CommandsEditorVim
0 likes · 11 min read
Master Vim for Front‑End Development: Essential Commands & Plugins
Programmer DD
Programmer DD
Mar 1, 2019 · Frontend Development

Boost Your Productivity: 18 Must‑Have Chrome Extensions for Developers

This guide introduces 18 essential Chrome extensions—from ad blockers and JSON viewers to Git history visualizers and script managers—that can dramatically improve a developer's workflow, streamline debugging, and enhance everyday browsing tasks.

Chrome extensionsWeb Toolsdeveloper tools
0 likes · 9 min read
Boost Your Productivity: 18 Must‑Have Chrome Extensions for Developers
Youku Technology
Youku Technology
Feb 14, 2019 · Frontend Development

Seeing the World Differently: Color Blindness, Personal Stories, and Video‑Streaming Solutions

The article shares personal stories of Chinese individuals whose everyday perception of sunsets and objects is muted by color‑weakness, explains that about 8 % of men and 0.5 % of women are affected, and highlights emerging aids such as EnChroma glasses, software tools, and large‑scale video‑streaming color‑weak modes that improve accessibility and underscore engineers’ role in creating inclusive visual experiences.

algorithmic color correctioncolor blindnessfrontend development
0 likes · 15 min read
Seeing the World Differently: Color Blindness, Personal Stories, and Video‑Streaming Solutions
21CTO
21CTO
Dec 15, 2018 · Backend Development

Why Mastering Core Architecture Beats Chasing Every New Framework

The article argues that true developer competence lies in deep architectural and design skills—covering physical storage, caching, data structures, and modular software design—rather than constantly chasing the latest languages or frameworks across backend, frontend, and mobile development.

Backend DevelopmentSoftware Architectureframeworks
0 likes · 12 min read
Why Mastering Core Architecture Beats Chasing Every New Framework
Qunar Tech Salon
Qunar Tech Salon
Dec 13, 2018 · Frontend Development

Understanding Babel: History, Usage, and Custom Plugin Development

This article introduces Babel as a popular JavaScript compiler, explains its origin, demonstrates basic installation and configuration, shows how arrow functions are transformed, and guides readers through creating a simple custom Babel plugin using visitors and AST manipulation.

ASTBabelJavaScript
0 likes · 10 min read
Understanding Babel: History, Usage, and Custom Plugin Development
JD Tech
JD Tech
Dec 10, 2018 · Frontend Development

Introducing SMock: An Automated Mock Data Platform Integrated with Swagger for Frontend Development

This article explains the challenges of manual mock data creation in fast‑paced front‑end projects, compares existing solutions, and presents SMock—a Swagger‑driven tool that automatically generates mock data, starts a local service, aggregates API paths, validates requests, and boosts development efficiency.

API testingAutomationSMock
0 likes · 10 min read
Introducing SMock: An Automated Mock Data Platform Integrated with Swagger for Frontend Development
UC Tech Team
UC Tech Team
Dec 4, 2018 · Frontend Development

The Power of CSS Selectors

The article argues that despite some programmers dismissing CSS as merely declarative, CSS selectors are powerful conditional tools that can express complex logic, and explains why methodologies like BEM and OOCSS intentionally limit their use to keep styles maintainable.

BEMOOCSSSelectors
0 likes · 4 min read
The Power of CSS Selectors
Manbang Technology Team
Manbang Technology Team
Nov 22, 2018 · Frontend Development

Design and Architecture of a High‑Scalability Online H5 Page Builder (Maliang Platform)

This article explains the background, requirements, core design, overall architecture, data structures, component model, property editing system, animation support, composite components, and template handling of the Maliang H5 online page‑creation platform, illustrating how it enables rapid, extensible marketing activity development for a large‑scale operation.

Component ArchitectureH5 editorVue.js
0 likes · 18 min read
Design and Architecture of a High‑Scalability Online H5 Page Builder (Maliang Platform)
UC Tech Team
UC Tech Team
Nov 15, 2018 · Frontend Development

How Netflix Cut JavaScript and Used Prefetch to Reduce Interaction Time

Netflix improved the registration experience on its desktop site by replacing most React code with native JavaScript, reducing bundle size by over 200 KB and cutting interaction time by more than 50 %, while prefetching resources to further shrink time‑to‑interactive by 30 %.

JavaScript optimizationNetflixReAct
0 likes · 11 min read
How Netflix Cut JavaScript and Used Prefetch to Reduce Interaction Time
Youzan Coder
Youzan Coder
Nov 9, 2018 · Frontend Development

Building a Simple Virtual DOM Diff Algorithm: From Concept to Code

This article explains the Virtual DOM concept, outlines a state‑driven rendering approach, implements a minimal Virtual DOM (VD) structure, creates a diff algorithm to generate patch objects, applies those patches to the real DOM, and compares its performance with full re‑rendering.

DOM PatchingDiff AlgorithmJavaScript
0 likes · 8 min read
Building a Simple Virtual DOM Diff Algorithm: From Concept to Code
Tencent Cloud Developer
Tencent Cloud Developer
Nov 7, 2018 · Mobile Development

Deploying a WeChat Mini Program Photo Album Demo with Tencent Cloud COS

This tutorial walks developers through registering a WeChat Mini Program, setting up the Small Photo Album demo, configuring HTTPS domains and SSL, deploying a Node.js backend with Nginx, integrating Tencent Cloud COS for image storage, and testing the complete end‑to‑end photo‑album application.

Node.jsTencent Cloud COSWeChat Mini Program
0 likes · 18 min read
Deploying a WeChat Mini Program Photo Album Demo with Tencent Cloud COS
UC Tech Team
UC Tech Team
Oct 8, 2018 · Frontend Development

How to Build a PWA Game with Preact in Five Steps

This tutorial walks you through creating a fully functional progressive web app (PWA) game using Preact, covering functional requirements, UI design, routing, component implementation, game logic, offline support, and deployment in a clear, step‑by‑step manner.

JavaScriptPWAPreact
0 likes · 11 min read
How to Build a PWA Game with Preact in Five Steps
UC Tech Team
UC Tech Team
Sep 24, 2018 · Frontend Development

10 Essential JavaScript Array Methods You Should Know

This article introduces ten indispensable JavaScript array methods—including forEach, includes, filter, map, reduce, some, every, sort, Array.from, and Array.of—explaining their purpose, usage, and providing visual examples to help developers efficiently manipulate arrays in web development.

JavaScriptarray methodsfrontend development
0 likes · 4 min read
10 Essential JavaScript Array Methods You Should Know
Tencent Cloud Developer
Tencent Cloud Developer
Sep 5, 2018 · Frontend Development

Developing WeChat Mini Programs with Tencent Cloud Serverless Functions

This guide walks developers through creating a WeChat Mini Program using Tencent Cloud's Serverless Cloud Functions, covering IDE installation, project configuration, cloud environment setup, file upload, cloud‑function development, and invoking functions from the Mini Program, enabling a fully serverless backend without traditional servers.

Cloud FunctionsJavaScriptTencent Cloud
0 likes · 10 min read
Developing WeChat Mini Programs with Tencent Cloud Serverless Functions
AutoHome Frontend
AutoHome Frontend
Sep 4, 2018 · Frontend Development

Unlocking Device Sensors in the Browser: A Practical Guide to the Generic Sensor API

This article explains why a unified Generic Sensor API is needed, lists the sensors it supports, and provides step‑by‑step JavaScript examples for creating, configuring, and using sensors such as gyroscope, accelerometer, ambient light, magnetometer, and composite orientation sensors, while also covering privacy considerations and future extensions.

Device APIsGeneric Sensor APIJavaScript
0 likes · 19 min read
Unlocking Device Sensors in the Browser: A Practical Guide to the Generic Sensor API
DevOps
DevOps
Aug 31, 2018 · Frontend Development

Integrating Vue.js with ASP.NET Core: A Step-by-Step Guide

This article walks through setting up a .NET Core project, initializing a Vue.js application with vue‑cli, configuring webpack to output to wwwroot, and automating front‑end builds within the .NET Core build process, enabling seamless front‑end and back‑end integration.

ASP.NET CoreBackend IntegrationVue.js
0 likes · 7 min read
Integrating Vue.js with ASP.NET Core: A Step-by-Step Guide
Xianyu Technology
Xianyu Technology
Aug 23, 2018 · Backend Development

Data Aggregation and GraphQL Adoption at Xianyu: Improving Development Efficiency

Xianyu introduced a lightweight data‑aggregation service and adopted Alibaba’s TQL GraphQL gateway, allowing front‑ends to fetch multiple domain data in a single request, which cut development costs by over 50%, reduced latency, and accelerated page composition across more than 30 pages.

Backend DevelopmentGraphQLPerformance Optimization
0 likes · 11 min read
Data Aggregation and GraphQL Adoption at Xianyu: Improving Development Efficiency
Youzan Coder
Youzan Coder
Jul 6, 2018 · Frontend Development

Reactive Programming in Frontend: EventEmitter, Redux, and Mobx

The article contrasts push‑based reactive programming with imperative code, then walks through a simple EventEmitter with manual cleanup, examines Redux’s store subscriptions and middleware overhead, explores Mobx’s automatic dependency tracking via getters, setters and autorun, and compares the boilerplate, performance, and hidden‑dependency trade‑offs before previewing a future post on using Observables for asynchronous events.

EventEmitterMobXReactive Programming
0 likes · 6 min read
Reactive Programming in Frontend: EventEmitter, Redux, and Mobx
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 21, 2018 · Frontend Development

Turning an Annual Meeting into a Live 3D Smiling Planet: Alibaba’s Face‑Check‑In System

Alibaba engineers created a two‑week “smile check‑in” system that uses facial recognition and Three.js to turn annual meeting entrances into an interactive 3D “smile planet,” displaying participants’ avatars, nicknames and smile scores in real time while optimizing performance for large‑screen displays.

H5 AnimationPerformance OptimizationWebGL
0 likes · 11 min read
Turning an Annual Meeting into a Live 3D Smiling Planet: Alibaba’s Face‑Check‑In System
Hulu Beijing
Hulu Beijing
Jun 14, 2018 · Frontend Development

What Hulu Learned from Evolving Their React Framework: Insights and Pitfalls

In this interview, Hulu senior engineer Cheng Mo shares how the company transitioned from jQuery and Backbone to React, discusses the challenges of server‑side rendering, offers practical advice on framework selection, learning curves, React's future, and tips for front‑end developers preparing for interviews.

Developer AdviceFramework MigrationReAct
0 likes · 7 min read
What Hulu Learned from Evolving Their React Framework: Insights and Pitfalls
Node Underground
Node Underground
Jun 4, 2018 · Frontend Development

Master Modern JavaScript: Dive into ECMAScript 6 with Zakas’s Free Online Guide

Nicolas C. Zakas, renowned JavaScript expert and creator of ESLint, offers his comprehensive, open‑source online version of the published book *Understanding ECMAScript 6*, which explains ES6 syntax, new features, and their rationale compared to ES5, making it essential reading for any JavaScript developer.

ECMAScript6es6frontend development
0 likes · 2 min read
Master Modern JavaScript: Dive into ECMAScript 6 with Zakas’s Free Online Guide
Tencent TDS Service
Tencent TDS Service
May 10, 2018 · Frontend Development

How Tencent Dajia Mini‑Program Boosts Mobile Content Aggregation and User Engagement

The article details the design, features, and technical implementation of the Tencent Dajia WeChat mini‑program, explaining how it aggregates high‑quality Chinese internet content, supports multi‑device data sharing, author and column management, user login, collection, sharing, commenting, and analytics, while providing practical code snippets and development tips for front‑end engineers.

Tencent DajiaWeChat Mini Programcontent aggregation
0 likes · 35 min read
How Tencent Dajia Mini‑Program Boosts Mobile Content Aggregation and User Engagement
Qunar Tech Salon
Qunar Tech Salon
Apr 24, 2018 · Frontend Development

Generating Design Assets with React‑Sketchapp: A Practical Guide

This article introduces the React‑Sketchapp tool for generating Sketch design assets from code, explains why code‑based design generation is beneficial, provides step‑by‑step setup commands, showcases example components and API usage, and reflects on its impact on design‑development workflows.

UI Componentscode generationdesign systems
0 likes · 9 min read
Generating Design Assets with React‑Sketchapp: A Practical Guide
360 Tech Engineering
360 Tech Engineering
Mar 30, 2018 · Frontend Development

WeChat Mini Programs and Fast Apps: Market Landscape, Technical Architecture, and Development Practices

This article examines the rapid rise of WeChat mini programs and fast apps, their market impact, technical architecture, development workflow, key frameworks such as WePY and mpVue, code examples, and the opportunities and challenges they present for front‑end developers on mobile platforms.

Mobile WebWeChat Mini Programfast app
0 likes · 16 min read
WeChat Mini Programs and Fast Apps: Market Landscape, Technical Architecture, and Development Practices
JD Tech
JD Tech
Mar 27, 2018 · Frontend Development

Quick App Introduction and Hands‑On Development Guide

This article introduces the Quick App platform, explains its front‑end‑based architecture, provides a step‑by‑step Windows setup and project initialization guide, showcases UI layout and JavaScript code examples, compares it with Mini‑Programs and JDReact, and offers resources for developers interested in rapid, install‑free mobile app development.

JavaScriptMobile DevelopmentQuick App
0 likes · 8 min read
Quick App Introduction and Hands‑On Development Guide
JD Retail Technology
JD Retail Technology
Mar 27, 2018 · Frontend Development

Master Quick Apps: From Architecture to Hands‑On Development

This guide introduces Quick Apps, explains their front‑end‑centric architecture, walks through environment setup, project initialization, UI layout, JavaScript logic, debugging, deep linking, and compares Quick Apps with WeChat Mini‑Programs and JDReact, providing practical code snippets and tips for Android developers.

JDReactJavaScriptMobile Development
0 likes · 11 min read
Master Quick Apps: From Architecture to Hands‑On Development
JD Tech
JD Tech
Mar 26, 2018 · Frontend Development

JSSDK: A Frontend Development Toolkit for JD App Integration

JSSDK is a JavaScript SDK that enables H5 developers to quickly integrate JD app features such as sharing, deep linking, and native function calls across platforms, offering modular, version‑compatible, and type‑safe APIs to streamline mobile web development.

H5JSSDKJavaScript
0 likes · 7 min read
JSSDK: A Frontend Development Toolkit for JD App Integration
JD Tech
JD Tech
Mar 23, 2018 · Frontend Development

Guide to Custom Component Development in WeChat Mini Programs

This article explains how to build lightweight, reusable custom components in WeChat Mini Programs, covering the evolution from basic template imports to full‑featured custom components, the differences between import and include methods, component configuration, event handling, and popular third‑party frameworks such as WePY and mpvue.

ComponentizationWXMLWeChat Mini Program
0 likes · 10 min read
Guide to Custom Component Development in WeChat Mini Programs
Java Backend Technology
Java Backend Technology
Jan 29, 2018 · Frontend Development

Boost Your Coding Efficiency with Must‑Have Chrome Extensions

Discover a curated list of powerful Chrome extensions that can dramatically improve developers' productivity, from memory‑saving tab managers to ad blockers, code viewers, note‑taking tools, HTTP clients, translation aids, script managers, visual themes, and video downloaders.

Chrome extensionsWeb Developmentfrontend development
0 likes · 7 min read
Boost Your Coding Efficiency with Must‑Have Chrome Extensions
Architecture Digest
Architecture Digest
Jan 11, 2018 · Frontend Development

Building a React Project Structure from Scratch: A Comprehensive Guide

This article walks through creating a React application without scaffolding tools, detailing project directory layout, chosen technology stack—including React, Redux, Immutable.js, react-router, redux-saga, and related debugging and persistence utilities—while explaining component design, middleware, enhancers, routing, and asynchronous task management.

JavaScriptReActRedux
0 likes · 33 min read
Building a React Project Structure from Scratch: A Comprehensive Guide
21CTO
21CTO
Dec 22, 2017 · Frontend Development

Choosing the Right JavaScript Framework: Strengths, Weaknesses, and Future Outlook

This article reviews a series of JavaScript web‑framework comparisons, outlining why using a framework matters, summarizing the pros, cons, and future directions of Angular 2+, React + Redux, Vue.js, Dojo 2, Ember, and Aurelia to help developers and teams make informed choices.

AngularJavaScriptReAct
0 likes · 19 min read
Choosing the Right JavaScript Framework: Strengths, Weaknesses, and Future Outlook