BestHub
Sign in
Tagged articles
3136 articles
Page 22 of 32
AntTech
AntTech
Nov 2, 2020 · Frontend Development

Opportunities and Challenges of Enterprise Data Visualization Applications

The talk outlines why enterprise data visualization is essential for extracting value from massive, multi‑dimensional data, describes design and development challenges, presents AntV's comprehensive frontend visualization solutions, and predicts future trends such as intelligent, democratized, and decision‑integrated visual analytics.

AntVBig DataData visualization
0 likes · 15 min read
Opportunities and Challenges of Enterprise Data Visualization Applications
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 30, 2020 · Frontend Development

Why “Happy Work” Is the Core Assumption Behind Ant Design 4.0

In this talk, Lin Wai, senior experience design expert at Ant Group, explains how Ant Design 4.0 is built on the fundamental assumption that every person seeks happy work, explores the challenges of mismatched skill‑challenge balance in the digital age, and introduces the ETCG 2.0 methodology that makes design more natural, certain, and growth‑oriented.

Ant DesignFrontendProactive Interaction
0 likes · 16 min read
Why “Happy Work” Is the Core Assumption Behind Ant Design 4.0
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Oct 30, 2020 · Frontend Development

Building a Declarative, Component‑Based Tracking System with Buffer Queues in React

This article analyzes the challenges of front‑end event tracking, compares existing manual, visual, and full‑tracking solutions, and presents a declarative component architecture with a buffered queue that decouples tracking logic from business code while handling click and exposure events efficiently in React.

Buffer QueueComponentFrontend
0 likes · 12 min read
Building a Declarative, Component‑Based Tracking System with Buffer Queues in React
政采云技术
政采云技术
Oct 29, 2020 · Frontend Development

How to Build a Custom Frontend Performance Testing System from Scratch

This article explains how to design and implement a bespoke performance testing platform for web pages using Lighthouse, Puppeteer, and Node.js, covering architecture, data collection, hook functions, gatherer modules, scoring logic, and automated weekly reporting.

FrontendLighthousePuppeteer
0 likes · 18 min read
How to Build a Custom Frontend Performance Testing System from Scratch
Alibaba Cloud Developer
Alibaba Cloud Developer
Oct 29, 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 big‑data boom and artificial‑intelligence advances since 2010 have transformed front‑end technologies, driving innovations in data visualization, web‑based software, and diverse user interactions.

AIBig DataData visualization
0 likes · 11 min read
How Big Data and AI Are Redefining Front‑End Development
Youku Technology
Youku Technology
Oct 27, 2020 · Frontend Development

15th D2 Frontend Technology Forum

The 15th D2 Frontend Technology Forum, an Alibaba‑hosted online conference on Youku (Dec 19‑20 2020), offers early‑bird (30 CNY) and regular (98 CNY) tickets and features five tracks—including language frameworks, cross‑end tech, serverless Node.js, security, and diversified applications—showcasing ECMAScript, RxJS, Flutter, IoT, game‑level interaction and multimedia in a non‑profit, coffee‑price experience.

D2FrontendJavaScript
0 likes · 9 min read
15th D2 Frontend Technology Forum
vivo Internet Technology
vivo Internet Technology
Oct 22, 2020 · Frontend Development

Optimizing Front‑End Resource Loading with preload and prefetch

The article explains how to improve front‑end performance by using the browser hints preload and prefetch—preload for critical resources like fonts, prefetch for resources needed later—showing practical examples, webpack automation, best‑practice guidelines, and common pitfalls to avoid.

FrontendWeb Performancebrowser caching
0 likes · 14 min read
Optimizing Front‑End Resource Loading with preload and prefetch
Fulu Network R&D Team
Fulu Network R&D Team
Oct 22, 2020 · Frontend Development

Frontend Technology Stack and Project Structure Guide for React‑Based Merchant Applications

This article introduces the essential frontend technology stack—including React, Webpack, Ant Design, DVA, ES6, and Axios—explains the typical project directory layout, walks through source code organization, and provides practical steps and tips for building merchant‑side applications with a React‑DVA architecture.

Ant DesignDVAFrontend
0 likes · 15 min read
Frontend Technology Stack and Project Structure Guide for React‑Based Merchant Applications
Xianyu Technology
Xianyu Technology
Oct 22, 2020 · Frontend Development

Optimizing Weex Frontend Performance for Xianyu

To eliminate Xianyu’s Weex pages’ long white-screen delays, the team identified large bundles, slow first-screen data requests, and heavy UI as root causes and applied offline bundle caching, data prefetching, progressive and on-demand rendering, and bundle slimming, cutting first-screen load to under two seconds on low-end phones and achieving near-instant display on higher-end devices.

FrontendWeexperformance
0 likes · 9 min read
Optimizing Weex Frontend Performance for Xianyu
vivo Internet Technology
vivo Internet Technology
Oct 20, 2020 · R&D Management

Experience of Front‑Back End Separation in the Vivo Mall Project

By incrementally routing module‑specific requests through Nginx to a new static front‑end while keeping backward‑compatible APIs, the Vivo Mall team transformed a monolithic 2015 platform into a fully separated architecture, achieving over tenfold front‑end release speed, doubled development efficiency, and a solid foundation for multi‑channel expansion.

Frontendarchitecturedeployment
0 likes · 11 min read
Experience of Front‑Back End Separation in the Vivo Mall Project
政采云技术
政采云技术
Oct 18, 2020 · Information Security

How to Secure Front‑End Data with Hybrid AES‑RSA Encryption: A Complete Guide

In the era of big data and GDPR, front‑end developers must protect personal information beyond HTTPS by using a hybrid AES‑RSA encryption scheme, and this article explains the threats, compares symmetric, asymmetric and hash algorithms, and provides full client‑side and Node.js server implementations with code examples.

AESFrontendGDPR
0 likes · 16 min read
How to Secure Front‑End Data with Hybrid AES‑RSA Encryption: A Complete Guide
Qunhe Technology User Experience Design
Qunhe Technology User Experience Design
Oct 16, 2020 · Frontend Development

Why Design Systems Are Essential for Scalable SaaS Products

This article explains what a design system is, outlines its key advantages such as unified design, reduced design debt, and improved efficiency, describes its core components like visual language and component libraries, and showcases best‑practice examples from Google, Ant Design, and Shopify.

Component LibraryDesign SystemFrontend
0 likes · 9 min read
Why Design Systems Are Essential for Scalable SaaS Products
Meiyou UED
Meiyou UED
Oct 16, 2020 · Frontend Development

Why Figma Is Redefining UI Design Collaboration in the Cloud

This article examines the evolution of interface design tools, compares Photoshop, Sketch, and Figma, and explains how Figma’s browser‑based, cloud‑native collaboration, component system, and community resources are reshaping UI design workflows for individuals and teams.

CollaborationFigmaFrontend
0 likes · 15 min read
Why Figma Is Redefining UI Design Collaboration in the Cloud
Alibaba Cloud Developer
Alibaba Cloud Developer
Oct 15, 2020 · Frontend Development

How to Diagnose and Fix Front‑End Performance Bottlenecks in Large React Projects

This article explains why modern front‑end applications suffer from performance problems such as oversized bundles and costly code execution, shows how to pinpoint the root causes using Chrome DevTools and profiling tools, and provides practical optimization techniques—including webpack configuration, tree‑shaking, immutable data handling, and memoization—to dramatically improve load and render speed.

FrontendOptimizationwebpack
0 likes · 12 min read
How to Diagnose and Fix Front‑End Performance Bottlenecks in Large React Projects
IT Architects Alliance
IT Architects Alliance
Oct 14, 2020 · Industry Insights

Which Web Technologies Will Dominate 2020? A Comprehensive Guide

This article surveys the most influential web development technologies for 2020, covering emerging standards such as WebAssembly, progressive web apps, AI integration, blockchain, and leading frameworks like PHP, Symfony, Express.js, Django, and Angular, while highlighting market statistics, use cases, and future growth prospects.

2020 TrendsArtificial IntelligenceBackend
0 likes · 14 min read
Which Web Technologies Will Dominate 2020? A Comprehensive Guide
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.

BitCodeSandboxCustomization
0 likes · 25 min read
How to Private‑Deploy and Customize CodeSandbox for a Cross‑Project Component Platform
政采云技术
政采云技术
Oct 11, 2020 · Frontend Development

In‑Depth Analysis of Vue‑Router Source Code and Dynamic Route Permission Implementation

This article provides a comprehensive walkthrough of the Vue‑Router source code, explaining its initialization, matcher creation, routing modes, navigation methods, router‑view and router‑link components, and demonstrates how to implement dynamic route permission control using Vuex and global navigation guards.

Dynamic RoutingFlowFrontend
0 likes · 27 min read
In‑Depth Analysis of Vue‑Router Source Code and Dynamic Route Permission Implementation
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.

Big DataCloud ComputingData visualization
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.

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

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

FrontendGitHubMIT
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 LibraryFrontendSDK
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.

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

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

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

FrontendUI designapple quartz extreme
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.

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

FrontendLeadershipTeam Building
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.

Aspect Oriented ProgrammingClean ArchitectureFrontend
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.

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

Frontenderror-monitoringperformance
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.

Font MetricsFrontendTypography
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.

FrontendSeleniumUI testing
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.

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

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

FrontendVuecookies
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 DevToolsFrontendLighthouse
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 DesignFrontendSoftware Architecture
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.

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

CSS VariablesComponentFrontend
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.

Frontendhigh availabilitykeepalived
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.

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

FrontendMini ProgramNode.js
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.

FrontendMetricse‑commerce
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 ModeFrontendMobile
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.

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

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

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

AnimationFrontendconversion optimization
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 RoutesFrontendRouter
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.

FrontendLoggingSDK
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 ComputingFrontendLow‑code
0 likes · 48 min read
Reflections on 12 Years of Frontend Development and the Cloud Fengdie Platform
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.

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

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

Frontendautomationchrome-extension
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.

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

ComponentFrontendcross‑framework
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.

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

FrontendMini ProgramTaro
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.

FrontendHTTP-FLVReact Hooks
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.

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

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

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

CSS VariablesCode ScanningDomain-Driven Design
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.

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

Frontendaccess controlpermission
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.

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

FrontendMobileSkill Development
0 likes · 8 min read
7 Exciting Coding Projects to Boost Your Development Skills