BestHub
Sign in
Tagged articles

frontend

3214 articles · Page 23 of 33
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Oct 12, 2020 · Frontend Development

How to Private‑Deploy and Customize CodeSandbox for a Cross‑Project Component Platform

This article explains the background, challenges, and step‑by‑step process of privately deploying and extending CodeSandbox—including building a custom online IDE, configuring a private npm registry, modifying the packager service, adding screenshot and style‑injection features, and integrating with Bit for component sharing.

CodeSandboxDockerbit
0 likes · 25 min read
How to Private‑Deploy and Customize CodeSandbox for a Cross‑Project Component Platform
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 9, 2020 · Frontend Development

How Big Data and AI Are Redefining Front‑End Development

From the early days of static web pages to today’s data‑driven, AI‑enhanced interfaces, this article explores how the rise of big data platforms like Alibaba Cloud’s Feitian has transformed front‑end development through advanced visualization, software‑Web convergence, and diverse new interactions.

Cloud ComputingData Visualizationbig data
0 likes · 9 min read
How Big Data and AI Are Redefining Front‑End Development
Java Architect Essentials
Java Architect Essentials
Oct 8, 2020 · Industry Insights

Explore Alibaba’s Top 29 Open‑Source Projects Shaping Modern Architecture

This article presents a curated list of 29 Alibaba open‑source projects—including Spring Cloud Alibaba, Ant Design, Druid, Fastjson, Dubbo, JStorm, Nacos, Sentinel, and many more—detailing their core purpose, key features, and GitHub repositories for developers seeking robust solutions across cloud, micro‑services, frontend, and data processing domains.

AlibabaBackendCloud Native
0 likes · 16 min read
Explore Alibaba’s Top 29 Open‑Source Projects Shaping Modern Architecture
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Oct 3, 2020 · R&D Management

How a Frontend Team Built a Scalable Code Review Process

This article outlines how a beauty‑industry frontend team tackled diverse tech stacks, team fragmentation, and code‑quality challenges by establishing a unified code review SOP, defining clear evaluation dimensions, and later platformizing the process for automation, visualization, and sustainable improvement.

automationcode reviewfrontend
0 likes · 12 min read
How a Frontend Team Built a Scalable Code Review Process
Java Architect Essentials
Java Architect Essentials
Sep 29, 2020 · Frontend Development

Top 12 Open‑Source Vue Admin Templates You Should Try in 2024

This article compiles twelve open‑source Vue admin dashboard projects, providing their GitHub repositories, documentation links, live demo URLs, and license information so developers can quickly evaluate and adopt the most suitable frontend UI framework for their applications.

Admin DashboardGitHubMIT
0 likes · 6 min read
Top 12 Open‑Source Vue Admin Templates You Should Try in 2024
58UXD
58UXD
Sep 29, 2020 · Product Management

How 58 MicroChat SDK’s Visual Upgrade Boosts Efficiency and User Experience

This article outlines the strategic redesign of the 58 MicroChat SDK, detailing the middle‑platform concept, current challenges, clear product goals, a systematic design‑research process, visual and code upgrades, and the anticipated benefits for developers and end‑users across dozens of business scenarios.

Component LibrarySDKUX
0 likes · 10 min read
How 58 MicroChat SDK’s Visual Upgrade Boosts Efficiency and User Experience
We-Design
We-Design
Sep 28, 2020 · Frontend Development

Beyond Mobile‑First: How Task‑Oriented Design Shapes Multi‑Device Experiences

The article introduces task‑oriented design as a strategic approach for creating cohesive, device‑specific experiences across the IoT ecosystem, contrasting it with traditional adaptive design, exploring its impact on mobile‑first thinking, showcasing real‑world examples like Apple Calendar, and offering practical guidance for designers.

frontendmulti-device UIresponsive design
0 likes · 12 min read
Beyond Mobile‑First: How Task‑Oriented Design Shapes Multi‑Device Experiences
Aotu Lab
Aotu Lab
Sep 22, 2020 · Frontend Development

Exploring Vue 3: New Features, Teleport, and Vue‑Lit Web Components

The article reviews Vue 3's official release, explains the Teleport feature for rendering content outside component trees, introduces the lightweight vue‑lit library for building Web Components with Vue's reactivity, and highlights related graphics experiments, legacy version comparisons, and Taro integration for mini‑program development.

TaROTeleportVue 3
0 likes · 6 min read
Exploring Vue 3: New Features, Teleport, and Vue‑Lit Web Components
Alibaba Terminal Technology
Alibaba Terminal Technology
Sep 22, 2020 · Frontend Development

From Mac Office to Alibaba Frontend: How Learning Ability Shapes a Developer’s Journey

In this personal narrative, a former Microsoft engineer shares how embracing versatile learning, solid computer‑science fundamentals, and a professional attitude guided his transition from Mac Office development to front‑end work at Bing Ads and ultimately to leading online document products at Alibaba, offering valuable insights for developers seeking sustainable career growth.

AlibabaMicrosoftcareer development
0 likes · 9 min read
From Mac Office to Alibaba Frontend: How Learning Ability Shapes a Developer’s Journey
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Sep 21, 2020 · Cloud Native

How a Four‑Layer Cloud‑Native Architecture Powers Scalable Web, Mobile, and IoT Services

This article details a four‑layer cloud‑native system architecture that separates presentation, communication, service, and data layers, leveraging Spring Cloud microservices, Alibaba Cloud networking, multiple databases, JWT authentication, ELK logging, and HTTP DNS to achieve scalability, reliability, and optimal user experience across web, app, and IoT platforms.

BackendMicroservicesSpring Cloud
0 likes · 8 min read
How a Four‑Layer Cloud‑Native Architecture Powers Scalable Web, Mobile, and IoT Services
Alibaba Terminal Technology
Alibaba Terminal Technology
Sep 16, 2020 · Frontend Development

How Ear Amplifiers Inspire Smarter Frontend UI Design

This article draws analogies between ear‑phone amplifiers and front‑end development, exploring how hardware amplification concepts can illuminate UI and interaction design, reviewing Apple’s UI evolution, core animation, and the imgcook platform for intelligent, variable UI generation.

UI designapple quartz extremecore animation
0 likes · 12 min read
How Ear Amplifiers Inspire Smarter Frontend UI Design
政采云技术
政采云技术
Sep 13, 2020 · Frontend Development

Career Growth and Breakthrough Strategies for Front-End Engineers

This article shares a front‑end engineer’s career journey—from early technical execution to team leadership—offering practical advice, case studies, and a roadmap for personal growth, team building, material‑system construction, and future UI‑to‑code automation.

Team LeadershipUI to codecareer development
0 likes · 19 min read
Career Growth and Breakthrough Strategies for Front-End Engineers
Alibaba Terminal Technology
Alibaba Terminal Technology
Sep 10, 2020 · Frontend Development

From Code to Leadership: My Journey Growing as a Frontend Engineer

In this talk, a former Alibaba front‑end leader shares his personal journey from a junior developer working on Taobao’s early YUI projects to leading large, growth‑focused teams, offering practical insights on technical mastery, continuous learning, and effective team management.

career growthfrontendleadership
0 likes · 14 min read
From Code to Leadership: My Journey Growing as a Frontend Engineer
Ctrip Technology
Ctrip Technology
Sep 10, 2020 · Frontend Development

Frontend Architecture Optimization of Ctrip Ticket App Using Clean Architecture and Plugin‑Based AOP

This article details how Ctrip's ticket‑search list page was refactored with clean‑architecture principles, introducing a unidirectional data flow, business Service layer, and plugin‑based aspect‑oriented modules to improve maintainability, testability, and cross‑platform reuse of front‑end code.

MVPTypeScriptUnidirectional data flow
0 likes · 10 min read
Frontend Architecture Optimization of Ctrip Ticket App Using Clean Architecture and Plugin‑Based AOP
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
Inke Technology
Inke Technology
Sep 9, 2020 · Frontend Development

How to Build a Front‑End Error Monitoring Platform from Scratch

This article walks through designing and implementing a lightweight front‑end monitoring platform that captures JavaScript runtime and compile‑time errors, Promise rejections, resource loading failures, and network request issues, while also recording user interactions, page navigation, and environment details using modular code and browser APIs.

Performanceerror monitoringfrontend
0 likes · 30 min read
How to Build a Front‑End Error Monitoring Platform from Scratch
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Sep 9, 2020 · Frontend Development

Understanding Font Metrics and Vertical Alignment for Accurate CSS Vertical Centering

The article explains why common CSS vertical‑centering tricks can leave pixel offsets when fonts differ, details how font metrics such as ascent, descent, and x‑height determine the true baseline, and provides a calculable vertical‑align offset method—while noting its metric‑gathering overhead and anticipating native Houdini support.

CSSFont MetricsTypography
0 likes · 16 min read
Understanding Font Metrics and Vertical Alignment for Accurate CSS Vertical Centering
FunTester
FunTester
Sep 5, 2020 · Frontend Development

Why UI Testing Is Essential: Manual vs Automated Strategies Explained

UI testing ensures that a website’s interface functions correctly and delivers a smooth user experience, covering manual and automated approaches, cross‑browser compatibility, exploratory and scripted techniques, and performance considerations, illustrated with real‑world ticket‑booking examples and practical Selenium automation benefits.

PerformanceUI testingautomation
0 likes · 11 min read
Why UI Testing Is Essential: Manual vs Automated Strategies Explained
Architects Research Society
Architects Research Society
Sep 4, 2020 · Frontend Development

Polling vs Server‑Sent Events vs WebSockets: Choosing the Right Real‑Time Communication Method

This article compares three real‑time data delivery techniques—long/short polling, Server‑Sent Events, and WebSockets—explaining their mechanisms, advantages, drawbacks, and providing sample client‑server implementations to help developers select the most suitable approach for a dashboard that streams GitHub/Twitter activity.

BackendJavaScriptPolling
0 likes · 12 min read
Polling vs Server‑Sent Events vs WebSockets: Choosing the Right Real‑Time Communication Method
Laravel Tech Community
Laravel Tech Community
Sep 2, 2020 · Frontend Development

Obtaining a WeChat User's Nickname in an H5 Page via OAuth Authorization

This tutorial explains how to configure a certified WeChat public account, construct the OAuth authorization URL, exchange the returned code for an access token, retrieve the user's basic profile—including nickname—and redirect back to the H5 page, while covering required parameters and token refresh details.

APIH5JavaScript
0 likes · 7 min read
Obtaining a WeChat User's Nickname in an H5 Page via OAuth Authorization
The Dominant Programmer
The Dominant Programmer
Sep 2, 2020 · Frontend Development

How to Implement Remember-Password in Vue Using js-cookie

This guide demonstrates how to add a remember-password feature to a Vue login page by installing the js-cookie package, creating utility functions for token handling, storing encrypted credentials and a remember-me flag in cookies when selected, and retrieving them on page load to pre-fill the form.

Vuecookiesfrontend
0 likes · 5 min read
How to Implement Remember-Password in Vue Using js-cookie
Tencent Cloud Developer
Tencent Cloud Developer
Sep 1, 2020 · Frontend Development

Frontend Performance Analysis with Chrome DevTools: Lighthouse, Performance Panel, and Automation

The article explains how to diagnose and improve frontend performance using Chrome DevTools—particularly Lighthouse for synthetic audits and the Performance panel for runtime profiling—while covering key metrics, automation via the Chrome DevTools Protocol, and the distinction between synthetic monitoring and real‑user monitoring.

Chrome DevToolsLighthouseautomation
0 likes · 12 min read
Frontend Performance Analysis with Chrome DevTools: Lighthouse, Performance Panel, and Automation
Laravel Tech Community
Laravel Tech Community
Aug 31, 2020 · Frontend Development

Apache ECharts 4.9.0 Release Highlights and New Features

Apache ECharts 4.9.0, an open‑source JavaScript charting library incubated by Apache, introduces new features such as polygon graph connections and horizontal funnel orientation, adds tooltip text shadow and brush style options, and resolves numerous bugs across components like toolbox, tooltip, and bar charts.

Chart LibraryData VisualizationECharts
0 likes · 4 min read
Apache ECharts 4.9.0 Release Highlights and New Features
政采云技术
政采云技术
Aug 30, 2020 · Frontend Development

High-Quality Maintainable Code: Data Modeling for Frontend Development

This article explains the fundamentals of data modeling for front‑end development, covering its three core elements, integrity constraints, domain‑driven design, layered architecture, and practical guidelines for building clean, maintainable front‑end data models.

Domain-Driven Designdata modelingfrontend
0 likes · 14 min read
High-Quality Maintainable Code: Data Modeling for Frontend Development
WecTeam
WecTeam
Aug 27, 2020 · Frontend Development

How to Reconstruct Vue Templates from Compiled JavaScript

This article explains how Vue single‑file components are compiled into render functions and staticRenderFns, and provides a step‑by‑step method to reverse‑engineer the compiled JavaScript back into the original template, style, and script sections using AST parsing, transformation, and code generation techniques.

ASTVuefrontend
0 likes · 29 min read
How to Reconstruct Vue Templates from Compiled JavaScript
vivo Internet Technology
vivo Internet Technology
Aug 26, 2020 · Frontend Development

Adaptive Grid Layout Solutions for Management Backend Pages

To solve inconsistent PC resolutions and the lack of multiple design drafts in backend management pages, we evaluated fixed‑width, fixed‑count, Material Design, and custom grids, then built a reusable adaptive‑grid component that recalculates card width, margin, and padding on resize using CSS variables, delivering responsive card‑lists while minimizing design overhead.

ComponentGrid LayoutVue
0 likes · 16 min read
Adaptive Grid Layout Solutions for Management Backend Pages
Architect's Tech Stack
Architect's Tech Stack
Aug 26, 2020 · Operations

Step‑by‑Step Deployment of Frontend and Backend High‑Availability Services Using Docker, Nginx and Keepalived

This tutorial explains how to solve physical‑machine shortages and achieve high availability by installing Docker, configuring Keepalived for virtual IP failover, setting up Nginx load balancing, building backend Docker images, deploying master‑slave containers, and verifying the setup with Portainer.

KeepalivedNginxfrontend
0 likes · 27 min read
Step‑by‑Step Deployment of Frontend and Backend High‑Availability Services Using Docker, Nginx and Keepalived
JD Retail Technology
JD Retail Technology
Aug 24, 2020 · Frontend Development

Building a Multi‑Platform Mini Program with Taro, Taro UI, TypeScript, and MobX

This article details the development of a multi‑platform mini‑program using the Taro framework, covering project background, architecture, technology selection, TypeScript practices, MobX state management, API service encapsulation, image scaling, and canvas‑based poster sharing, with code examples and implementation insights.

APIMiniProgramMobX
0 likes · 18 min read
Building a Multi‑Platform Mini Program with Taro, Taro UI, TypeScript, and MobX
Suning Technology
Suning Technology
Aug 18, 2020 · Frontend Development

How Suning’s Front‑End Architecture Powers the 818 Mega‑Sale

This article details Suning’s comprehensive front‑end strategy for the 818 shopping festival, covering Node.js‑based release workflows, the no‑code Titan platform with Weex, a multi‑platform mini‑program system, and a Pixi.js game engine that together boost performance, flexibility, and developer efficiency.

No-codeNode.jsWeex
0 likes · 7 min read
How Suning’s Front‑End Architecture Powers the 818 Mega‑Sale
JD.com Experience Design Center
JD.com Experience Design Center
Aug 18, 2020 · Product Management

How JD.com Boosted Order Volume in 618 Sale with Innovative Downstream Event Design

This case study details JD.com's strategy to attract price‑sensitive users during the 618 promotion by redefining core metrics, enhancing visual content, implementing interactive front‑end features, and optimizing retention mechanisms, resulting in significant order growth and improved user perception of value.

Product Designe-commercefrontend
0 likes · 16 min read
How JD.com Boosted Order Volume in 618 Sale with Innovative Downstream Event Design
政采云技术
政采云技术
Aug 16, 2020 · Frontend Development

Comprehensive Guide to Dark Mode Adaptation for Web and Native Apps

This article provides a detailed guide on implementing dark mode across web (H5) and native mobile applications, covering system compatibility, CSS media queries, CSS variables, postcss handling, component library adaptation, and platform-specific configurations for iOS, Android, and Flutter.

Dark ModeResponsivefrontend
0 likes · 17 min read
Comprehensive Guide to Dark Mode Adaptation for Web and Native Apps
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Aug 11, 2020 · Frontend Development

Master JavaScript: Proven Tips to Learn JS Effectively

After mastering HTML and CSS, many learners find JavaScript daunting, so this guide outlines JavaScript's key characteristics and eight practical steps—understanding its purpose, setting goals, hands‑on practice, learning jQuery, Vue/Node, staying disciplined, frequent coding, mind‑mapping, and summarizing—to help you study JavaScript efficiently and confidently.

JavaScriptLearningfrontend
0 likes · 8 min read
Master JavaScript: Proven Tips to Learn JS Effectively
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Aug 10, 2020 · Frontend Development

Master Web Debugging with Whistle: A Frontend Engineer’s Guide

This guide explains why a flexible proxy tool like Whistle is essential for frontend development, covering its features, installation, configuration, HTTPS handling, matching rules, and common use‑cases such as host binding, request/response replacement, script injection, remote console, and Weinre integration.

HTTPSNodeWeb Debugging
0 likes · 18 min read
Master Web Debugging with Whistle: A Frontend Engineer’s Guide
Wukong Talks Architecture
Wukong Talks Architecture
Aug 10, 2020 · Frontend Development

How to Modify Typora's Theme Style

This guide explains how to obtain, install, and switch custom themes for the Typora markdown editor, including downloading official or third‑party themes, copying them to the Typora themes folder, and using mdnice CSS files for additional styling options.

CSSMarkdownTypora
0 likes · 3 min read
How to Modify Typora's Theme Style
JD.com Experience Design Center
JD.com Experience Design Center
Aug 10, 2020 · Frontend Development

How JD’s ‘My Exclusive’ 618 Page Boosted Conversions with Front‑End Innovations

The article details JD.com’s “My Exclusive” 618 page redesign, describing how user‑centric browsing flows, exclusive visual atmospheres, and front‑end techniques like SVG gradients, IntersectionObserver animations, and dynamic gift‑pack effects boosted conversion rates and service growth during the promotion.

AnimationConversion Optimizatione-commerce
0 likes · 12 min read
How JD’s ‘My Exclusive’ 618 Page Boosted Conversions with Front‑End Innovations
转转QA
转转QA
Aug 7, 2020 · Frontend Development

Implementing Multi‑Instance Tab Navigation in Vue‑Router for Backend Admin Systems

This article analyzes the challenges of implementing multi‑instance tab navigation in mobile‑friendly web pages using Vue‑router, explains why standard router components are single‑instance, and presents two solutions—dynamic route addition and route‑change hijacking—complete with code examples and considerations for memory management.

Dynamic RoutesVuefrontend
0 likes · 13 min read
Implementing Multi‑Instance Tab Navigation in Vue‑Router for Backend Admin Systems
58 Tech
58 Tech
Aug 5, 2020 · Frontend Development

Design of a WeChat Mini Program Frontend Error Monitoring System

This article presents a comprehensive design for a WeChat Mini Program frontend error monitoring system, covering background challenges, architectural and process design, SDK implementation, reporting mechanisms, and a visualized backend to help developers quickly locate and resolve runtime exceptions.

SDKWeChat mini-programerror monitoring
0 likes · 12 min read
Design of a WeChat Mini Program Frontend Error Monitoring System
AntTech
AntTech
Aug 5, 2020 · Frontend Development

Reflections on 12 Years of Frontend Development and the Cloud Fengdie Platform

In this talk, senior frontend expert Yang Zhouxuan (aka "Chenyu") shares a personal 12‑year journey through the evolution of frontend technology, the rise of Node.js, the development of Ant Group's Cloud Fengdie low‑code platform, and insights on future trends, challenges, and best practices for building enterprise applications.

Cloud Computingenterprise applicationsfrontend
0 likes · 48 min read
Reflections on 12 Years of Frontend Development and the Cloud Fengdie Platform
Aotu Lab
Aotu Lab
Aug 4, 2020 · Frontend Development

How Taro Next Transforms Cross‑Platform Development: Architecture, Features, and Best Practices

This presentation details the motivations behind rebuilding Taro, introduces the Taro Next architecture and its new capabilities, walks through practical development steps, explains underlying rendering principles for both mini‑program and H5 targets, and outlines performance optimizations and future directions.

PerformanceTaROcross-platform
0 likes · 26 min read
How Taro Next Transforms Cross‑Platform Development: Architecture, Features, and Best Practices
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
Laravel Tech Community
Laravel Tech Community
Jul 27, 2020 · Frontend Development

Angular Overview: Features, Performance, Productivity, and Development Workflow

Angular, a Google‑maintained front‑end framework from version 2 onward, offers cross‑platform capabilities such as progressive web apps, native mobile and desktop applications, along with high performance through code generation, server‑side rendering, automatic code splitting, and a rich productivity ecosystem including CLI, IDE support, testing, animation and accessibility tools.

AngularPerformanceaccessibility
0 likes · 4 min read
Angular Overview: Features, Performance, Productivity, and Development Workflow
政采云技术
政采云技术
Jul 26, 2020 · Frontend Development

How to Build a Front‑End Tabloid System for Your Team

This article walks through the design and implementation of a front‑end tabloid system, covering requirements analysis, a one‑click Chrome extension for article submission, tag taxonomy, backend storage, scheduled delivery via DingTalk and email, and overall architecture to foster continuous learning within a development team.

automationchrome-extensionfrontend
0 likes · 12 min read
How to Build a Front‑End Tabloid System for Your Team
Ctrip Technology
Ctrip Technology
Jul 23, 2020 · Frontend Development

Evolution of Our Frontend Architecture: From Legacy Backbone to Model‑Oriented Pure‑Model and Monorepo

This article outlines the evolution of our wireless frontend architecture from a legacy Backbone.js and ASP.NET stack to a modern Node.js/React-IMVC solution, discusses the challenges of size, tooling, and cross‑platform development, and presents our shift to a Model‑Oriented Pure‑Model framework with Monorepo and GraphQL‑BFF integration.

Reduxfrontendmodel-oriented
0 likes · 30 min read
Evolution of Our Frontend Architecture: From Legacy Backbone to Model‑Oriented Pure‑Model and Monorepo
Aotu Lab
Aotu Lab
Jul 22, 2020 · Frontend Development

From Vue RFCs to Cloud Gaming: Cutting-Edge Tech Insights You Can’t Miss

This newsletter blends deep dives into Vue 3 RFC processes, cloud‑gaming opportunities, robust error‑code design, AI‑driven SQLFlow and Pipcook tools, plus handy regex and FIGlet utilities, offering developers practical knowledge across front‑end, back‑end, and emerging technologies.

AIerror codesfrontend
0 likes · 7 min read
From Vue RFCs to Cloud Gaming: Cutting-Edge Tech Insights You Can’t Miss
政采云技术
政采云技术
Jul 19, 2020 · Frontend Development

Developing Cross‑Framework UI Components with Native JavaScript and Iframe Containers

This article explains how to design and implement reusable UI components that work across jQuery, React, and Vue by using a native‑JS container, iframe isolation, and communication techniques such as domain sharing, postMessage alternatives, and Nginx proxying, while providing code examples and practical tips.

ComponentCross‑Frameworkfrontend
0 likes · 12 min read
Developing Cross‑Framework UI Components with Native JavaScript and Iframe Containers
Tencent Cloud Developer
Tencent Cloud Developer
Jul 17, 2020 · Frontend Development

Creating a Stunning Countdown Timer and Real‑Time Interactive Mini‑Program for Massive Online Events

This article details the technical design and implementation of a CSS‑based countdown timer, component‑driven multi‑platform development, and a high‑concurrency real‑time interaction system using WeChat Cloud Development's watch API for Tencent Games' 2020 online conference.

CSSWeChat mini-programcloud development
0 likes · 15 min read
Creating a Stunning Countdown Timer and Real‑Time Interactive Mini‑Program for Massive Online Events
58 Tech
58 Tech
Jul 15, 2020 · Frontend Development

Platformization of 58 Anjuke Mini Programs: Multi‑Program Architecture, Development Practices, and Performance Optimization

This article details how the 58 Anjuke front‑end team transformed their multiple mini‑programs into a unified, platform‑based architecture using Taro, describing the challenges, design decisions, code‑level configurations, performance optimizations, and the resulting improvements in development efficiency and user experience.

TaROfrontendmini-program
0 likes · 18 min read
Platformization of 58 Anjuke Mini Programs: Multi‑Program Architecture, Development Practices, and Performance Optimization
Qborfy AI
Qborfy AI
Jul 14, 2020 · Frontend Development

Web Live Streaming on Browsers and Vue vs React Hooks: A Practical Comparison

This article explains the fundamentals of web‑based live streaming using HLS and HTTP‑FLV, compares their trade‑offs, and then dives into a detailed side‑by‑side analysis of Vue Composition API and React Hooks, highlighting implementation differences, performance considerations, and practical usage tips.

HTTP-FLVReact HooksVue Composition API
0 likes · 6 min read
Web Live Streaming on Browsers and Vue vs React Hooks: A Practical Comparison
Aotu Lab
Aotu Lab
Jul 14, 2020 · Frontend Development

How to Automate WeChat Mini‑Program Testing with miniprogram‑automator

This article explains how the JD.com "Jingxi" mini‑program uses the official miniprogram‑automator SDK to build an automated disaster‑recovery testing workflow that launches the devtools, simulates user actions, intercepts network requests, generates screenshots, and validates fallback behavior with manual comparison.

JavaScriptMiniProgramSDK
0 likes · 15 min read
How to Automate WeChat Mini‑Program Testing with miniprogram‑automator
DevOps Cloud Academy
DevOps Cloud Academy
Jul 12, 2020 · Cloud Native

Docker Quick Start Guide and Frontend Project Containerization

This tutorial provides a comprehensive Docker quick‑start for Linux, covering installation, essential commands, container lifecycle, image management, and step‑by‑step containerization of a frontend project with Dockerfile creation, image building, container deployment, registry push, and common troubleshooting FAQs.

DevOpsLinuxcontainerization
0 likes · 26 min read
Docker Quick Start Guide and Frontend Project Containerization
FunTester
FunTester
Jul 11, 2020 · Frontend Development

How to Install and Set Up Cypress: A Complete Beginner's Guide

This guide walks you through installing Node.js, creating a project directory, installing Cypress via npm, launching the tool, and understanding its default file structure, providing clear step‑by‑step instructions and screenshots for a smooth setup.

CypressInstallationJavaScript
0 likes · 4 min read
How to Install and Set Up Cypress: A Complete Beginner's Guide
Qborfy AI
Qborfy AI
Jul 7, 2020 · Frontend Development

Unlock JavaScript Sandboxes, Code Scanning & Front‑End Innovations

This weekly tech roundup explains how JavaScript sandboxes isolate code, details a low‑cost AST‑based code‑scanning approach, compares Vue, React and Angular, and shows how domain‑driven design and CSS variables can streamline modern front‑end development.

Code ScanningDomain-Driven DesignJavaScript
0 likes · 7 min read
Unlock JavaScript Sandboxes, Code Scanning & Front‑End Innovations
58 Tech
58 Tech
Jul 6, 2020 · Frontend Development

Design and Implementation of Front‑End Error Monitoring for a Real‑Estate Web Platform

This article presents a practical case study of front‑end error monitoring for a real‑estate broker web site, detailing the background problem, pain points, analysis, design adjustments, code implementations, data collection, reporting strategies, and the resulting improvements in issue‑resolution efficiency.

JavaScriptReActVue
0 likes · 18 min read
Design and Implementation of Front‑End Error Monitoring for a Real‑Estate Web Platform
Top Architect
Top Architect
Jul 2, 2020 · Information Security

Designing Dynamic Role‑Based Permission Management for Front‑End/Back‑End Separated Admin Systems

The article presents a comprehensive approach to dynamic role‑based permission management in a front‑end/back‑end separated admin system, covering user‑role‑page‑function relationships, database schema design, front‑end menu rendering, route guarding, fine‑grained function control, and backend API authorization.

Access ControlPermissionfrontend
0 likes · 10 min read
Designing Dynamic Role‑Based Permission Management for Front‑End/Back‑End Separated Admin Systems
Zhengtong Technical Team
Zhengtong Technical Team
Jul 1, 2020 · Frontend Development

Design and Implementation of a Dynamic Printing Template System Using OnlyOffice Plugin

This article outlines the requirements, common approaches, drawbacks, and a comprehensive solution for creating flexible, visual printing templates in administrative workflows by leveraging OnlyOffice's extensible API, a custom JavaScript plugin, and backend integration to enable real‑time preview, variable insertion, and fine‑grained style control.

JavaScriptONLYOFFICEPrinting
0 likes · 9 min read
Design and Implementation of a Dynamic Printing Template System Using OnlyOffice Plugin
Senior Brother's Insights
Senior Brother's Insights
Jun 29, 2020 · Fundamentals

7 Exciting Coding Projects to Boost Your Development Skills

This article presents seven hands‑on programming projects—from a Pac‑Man game and a CRUD user‑management system to a weather app, chat socket, CI pipeline, web scraper, and social‑media sentiment analyzer—each with clear learning goals, technology suggestions, and GitHub examples to help developers sharpen their skills.

Skill Developmentcoding projectsfrontend
0 likes · 8 min read
7 Exciting Coding Projects to Boost Your Development Skills
We-Design
We-Design
Jun 29, 2020 · Frontend Development

How to Seamlessly Adapt Mini‑Programs from Mobile to PC Screens

This guide explains how to leverage the larger screens and precise input of PCs to adapt mobile‑first mini‑programs, covering fundamental experience differences, responsive layout patterns, interaction translation, and special scenarios such as pop‑ups and hidden gestures, enabling a seamless cross‑platform user experience.

PC adaptationUI/UXfrontend
0 likes · 10 min read
How to Seamlessly Adapt Mini‑Programs from Mobile to PC Screens
vivo Internet Technology
vivo Internet Technology
Jun 29, 2020 · Frontend Development

Understanding CommonJS and Front-End Module Systems

The article traces JavaScript’s module evolution from inline scripts to CommonJS’s file‑scoped exports and require system, explains its minimal bundler implementation, compares AMD and CMD alternatives, and finally introduces native ES6 import/export syntax, highlighting key differences and the gradual deprecation of CommonJS.

AMDCommonJSModule System
0 likes · 21 min read
Understanding CommonJS and Front-End Module Systems
政采云技术
政采云技术
Jun 28, 2020 · Frontend Development

Designing Dynamic Forms: A Frontend Approach by ZooTeam

This article explains how ZooTeam’s frontend team builds maintainable, dynamic forms using a schema‑driven, drag‑and‑drop visual editor, covering the concepts, architecture, component configuration, rendering logic, and future enhancements for scalable B2B applications.

drag-and-dropdynamic formsfrontend
0 likes · 12 min read
Designing Dynamic Forms: A Frontend Approach by ZooTeam
Alibaba Terminal Technology
Alibaba Terminal Technology
Jun 28, 2020 · Frontend Development

Accelerating Frontend AI: From WebGL to MNN.js and Beyond

This article explores the rise of AI in front‑end development during the pandemic, compares frameworks like TensorFlow.js, ONNX.js and WebNN, presents a performance‑focused case study of MNN.js, and outlines practical acceleration tools for cross‑platform web and mini‑program AI applications.

MNNWasmfrontend
0 likes · 10 min read
Accelerating Frontend AI: From WebGL to MNN.js and Beyond
58 Tech
58 Tech
Jun 24, 2020 · Frontend Development

Unified Multi‑Platform Data Tracking Integration Solution for Frontend Development

This article presents a comprehensive front‑end solution that unifies multi‑type, multi‑platform data‑tracking (埋点) integration by standardizing configuration, decoupling tracking logic, providing a dynamic plugin architecture, and offering automated testing tools to reduce development and maintenance costs.

SDK Integrationdata trackingfrontend
0 likes · 11 min read
Unified Multi‑Platform Data Tracking Integration Solution for Frontend Development
Youku Technology
Youku Technology
Jun 22, 2020 · Frontend Development

Cross‑Platform Mini‑Program Mastery: Lessons from Alipay, Baidu, ByteDance & Quick Apps

This article compiles practical experiences and technical lessons from developing Taopiaopiao mini‑programs on Alipay, Baidu, ByteDance and Quick‑App platforms, covering architecture choices, common pitfalls, component adaptation, template syntax, login flows, card integration, multi‑end differences and maintenance strategies.

AlipayBaiduByteDance
0 likes · 25 min read
Cross‑Platform Mini‑Program Mastery: Lessons from Alipay, Baidu, ByteDance & Quick Apps
Alibaba Terminal Technology
Alibaba Terminal Technology
Jun 22, 2020 · Frontend Development

Mastering Micro‑Frontend Routing: From Basics to Sandbox Isolation

This article explores the challenges of routing in micro‑frontend architectures, explains why correct parent‑child routing is essential, walks through progressively more sophisticated solutions—including shared routes, sandbox isolation, and message‑based synchronization—and finally presents a robust implementation that works across diverse scenarios.

History APIfrontendmicro-frontend
0 likes · 18 min read
Mastering Micro‑Frontend Routing: From Basics to Sandbox Isolation
Laravel Tech Community
Laravel Tech Community
Jun 19, 2020 · Frontend Development

Bootstrap 5 Alpha Released: Major Changes and New Features

Bootstrap 5 Alpha introduces a jQuery‑free core, drops Internet Explorer support, revamps the documentation UI, adds CSS custom properties, expands the grid system and utilities, and brings numerous enhancements to forms, colors, and overall developer experience.

BootstrapCSSJavaScript
0 likes · 6 min read
Bootstrap 5 Alpha Released: Major Changes and New Features
37 Interactive Technology Team
37 Interactive Technology Team
Jun 19, 2020 · Frontend Development

Webpack Multi-Page Project Build Practice

The article walks through configuring Webpack to build a multi‑page Vue application—showing why the default CLI SPA setup falls short, how to generate dynamic entry points, set output paths, apply loaders for JS, CSS, images, and use plugins such as MiniCssExtractPlugin, CopyWebpackPlugin and HtmlWebpackPlugin to produce separate bundles and HTML files for each page.

Configurationbuildfrontend
0 likes · 20 min read
Webpack Multi-Page Project Build Practice
Bitu Technology
Bitu Technology
Jun 19, 2020 · Frontend Development

Debugging Across Multiple OTT Devices with a Unified Remote Debugger

This article explains the challenges of debugging a wide range of OTT platforms, reviews existing tools like Eruda, vConsole, and ADB, and introduces a custom remote debugger built on Chrome DevTools Protocol that unifies debugging, JavaScript execution, and data inspection across devices.

Chrome DevToolsOTT devicesfrontend
0 likes · 8 min read
Debugging Across Multiple OTT Devices with a Unified Remote Debugger
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 17, 2020 · Frontend Development

Cross‑Platform Mini‑Program Mastery: Lessons from Alibaba’s Ticketing App

This article shares Alibaba's ticketing team's cross‑platform mini‑program development experience, covering Alipay, Baidu, ByteDance, and quick‑app cards, detailing platform differences, practical tips, common pitfalls, and strategies for building, testing, and maintaining multi‑platform mini‑programs efficiently.

Alipaybest-practicesdevelopment
0 likes · 22 min read
Cross‑Platform Mini‑Program Mastery: Lessons from Alibaba’s Ticketing App
vivo Internet Technology
vivo Internet Technology
Jun 17, 2020 · Frontend Development

Multi-Platform Micro-Component Development for Mini‑Programs and Quick Apps Using uni‑app

The team created a plug‑in, visual, self‑adapting framework based on Vue and uni‑app that transforms a domain‑specific language into an AST, then compiles unified micro‑components into native code for WeChat, Alipay, ByteDance, iOS/Android and quick‑apps, dramatically lowering development effort and enabling reusable, cross‑platform activity configurations.

frontendmicro-componentsmini-programs
0 likes · 20 min read
Multi-Platform Micro-Component Development for Mini‑Programs and Quick Apps Using uni‑app
Programmer DD
Programmer DD
Jun 17, 2020 · Frontend Development

Why Vue Is Rewriting Its Core: Inside the Vue 3 Architecture Overhaul

The Vue team explains why they are rebuilding Vue 3—leveraging new JavaScript features like Proxy, fixing architectural limitations, adopting TypeScript, improving performance and bundle size, and introducing a flexible Composition API—while using an RFC process to involve the community.

TypeScriptVue 3Vue.js
0 likes · 15 min read
Why Vue Is Rewriting Its Core: Inside the Vue 3 Architecture Overhaul
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 16, 2020 · Frontend Development

From Beginner to Senior: A Structured Front‑End Learning Roadmap

This article outlines a comprehensive front‑end learning path—from basic HTML/CSS/JavaScript through framework mastery, Node.js, engineering tools, and code abstraction—while sharing personal experiences, practical code examples, and advice on continuous skill development for aspiring developers.

FrameworksJavaScriptLearning Path
0 likes · 21 min read
From Beginner to Senior: A Structured Front‑End Learning Roadmap
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jun 15, 2020 · Frontend Development

Optimizing Frontend Experience for Medical Platforms: Insights from WeDoctor

This article explores how frontend engineers at WeDoctor adapt experience design and performance metrics—such as page load time, interactive readiness, and second‑open rate—to the specific needs of the medical industry, detailing analysis methods, integration approaches, and future plans for micro‑frontend governance.

Medicalfrontendmetrics
0 likes · 15 min read
Optimizing Frontend Experience for Medical Platforms: Insights from WeDoctor
政采云技术
政采云技术
Jun 14, 2020 · Frontend Development

Web-Based Face Recognition Authentication Using face-api.js

This article explains how to implement a web‑browser face‑recognition authentication system by capturing video streams with WebRTC, detecting faces with face‑api.js, converting images to Base64, and leveraging Baidu AI services for identity verification and liveness detection.

TensorFlow.jsWebRTCface-api.js
0 likes · 14 min read
Web-Based Face Recognition Authentication Using face-api.js
Alibaba Terminal Technology
Alibaba Terminal Technology
Jun 12, 2020 · Frontend Development

How to Optimize Front-End Memory Usage for Massive Map Annotations

This article explores front‑end memory challenges when rendering large numbers of map annotations, explains heap vs. stack storage, hash‑based object handling, TypedArray/DataView usage, shared memory with Web Workers, and provides performance test results and practical optimization recommendations.

Memory OptimizationWeb Workersfrontend
0 likes · 17 min read
How to Optimize Front-End Memory Usage for Massive Map Annotations
Didi Tech
Didi Tech
Jun 5, 2020 · Frontend Development

How Chameleon Enables One‑Code Multi‑Platform Development: Inside Didi’s Open‑Source Cross‑End Framework

This article explores Didi’s open‑source Chameleon framework, detailing its origins, cross‑platform goals, MVVM‑based design principles, architecture layers, DSL compilation, runtime implementation, engineering tooling, ecosystem components, and real‑world adoption across dozens of Didi products and external teams.

ChameleonDidiMVVM
0 likes · 13 min read
How Chameleon Enables One‑Code Multi‑Platform Development: Inside Didi’s Open‑Source Cross‑End Framework
vivo Internet Technology
vivo Internet Technology
Jun 3, 2020 · Frontend Development

Behavior-Preset Dynamic Layout for Full-Screen Pages

The article presents a behavior‑preset dynamic layout system that uses DPR‑derived root font sizes and rem units to automatically adapt full‑screen pages across diverse device aspect ratios and resolutions, offering preset rules for backgrounds, element scaling, and anchoring, thus eliminating the need for multiple style sheets.

CSSDynamic Scalingfrontend
0 likes · 18 min read
Behavior-Preset Dynamic Layout for Full-Screen Pages