Tagged articles
3130 articles
Page 25 of 32
WecTeam
WecTeam
Sep 24, 2019 · Frontend Development

Mastering Front-End Resource Governance: Boost Efficiency and Collaboration

This article explores the concept of front-end resource governance, outlining its definition, common challenges in large-scale projects, and practical implementation strategies such as page management, static analysis, system integration, and bidirectional dependency queries to improve development efficiency.

Engineeringfrontendpage management
0 likes · 17 min read
Mastering Front-End Resource Governance: Boost Efficiency and Collaboration
政采云技术
政采云技术
Sep 22, 2019 · Frontend Development

Luban: A Visual Front‑End Page Building System for Rapid Development

The article introduces Luban, a visual page‑building platform created by the Zhengcaiyun front‑end team to address growing business demands, reduce repetitive coding, improve deployment speed, and empower both developers and operations through component‑based, static‑site generation using Vue, Node, and MySQL.

Component SystemVuedevelopment efficiency
0 likes · 11 min read
Luban: A Visual Front‑End Page Building System for Rapid Development
Didi Tech
Didi Tech
Sep 20, 2019 · Frontend Development

Webpack Entry Configuration and Compilation Queue Control

Webpack determines which files become modules by processing the entry configuration—accepting strings, arrays, objects, or functions—through EntryOptionPlugin, which creates the appropriate SingleEntry, MultiEntry, or DynamicEntry plugin; these plugins enqueue entries via compilation.addEntry, while a Semaphore limits concurrent module processing to the default of 100.

Compilationentryfrontend
0 likes · 12 min read
Webpack Entry Configuration and Compilation Queue Control
Sohu Tech Products
Sohu Tech Products
Sep 18, 2019 · Frontend Development

Designing a Mini‑Program Engine: From Single‑Thread to Dual‑Thread Architecture and Vue Modifications

The article recounts the author’s journey of building a mini‑program engine, detailing the challenges of using Vue in a sandboxed environment, the trade‑offs between single‑thread and dual‑thread models, and the architectural decisions made to balance security, performance, and native capabilities.

frontendmini-programsandbox
0 likes · 16 min read
Designing a Mini‑Program Engine: From Single‑Thread to Dual‑Thread Architecture and Vue Modifications
System Architect Go
System Architect Go
Sep 18, 2019 · Fundamentals

Understanding How JavaScript Works: Optimizing the V8 JIT Compiler

This article explains the three-stage execution process of JavaScript in V8, compares interpreter and compiler approaches, describes how the JIT combines their strengths, and provides practical tips for writing JavaScript that maximizes performance by leveraging V8’s optimization mechanisms.

JITJavaScriptV8
0 likes · 6 min read
Understanding How JavaScript Works: Optimizing the V8 JIT Compiler
21CTO
21CTO
Sep 17, 2019 · Frontend Development

Top 5 JavaScript Libraries for Building Interactive Organizational Charts

This article compares five JavaScript diagramming libraries—DHTMLX, JointJS, Rappid, yFiles for HTML, Google Charts, and GetOrgChart—by examining their features, documentation, and user experience to help developers choose the right tool for creating online organizational charts.

Diagram LibraryJavaScriptOrganizational Chart
0 likes · 8 min read
Top 5 JavaScript Libraries for Building Interactive Organizational Charts
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Sep 17, 2019 · Frontend Development

What Front‑End Trends Will Define Web Development After Google I/O?

The article reflects on the Google I/O theme of empowering developers, summarizing five key front‑end trends—including the stabilization of web technologies, native‑like web capabilities, the rise of TWA, shifts in native app confidence, and the accelerating productization of TensorFlow and ARCore—while offering a forward‑looking outlook for the industry.

Google I/OPWATWA
0 likes · 16 min read
What Front‑End Trends Will Define Web Development After Google I/O?
MaoDou Frontend Team
MaoDou Frontend Team
Sep 16, 2019 · Frontend Development

Why Do Chrome and Firefox Sort Arrays Differently? Uncovering Their Algorithms

Although both browsers receive identical data, Chrome and Firefox display sorted results differently due to their distinct underlying sorting algorithms—Firefox uses merge sort while Chrome employs a hybrid of insertion and quick sort—this article explains the issue, demonstrates implementations, and compares performance and optimization techniques.

JavaScriptSorting Algorithmsbrowser compatibility
0 likes · 8 min read
Why Do Chrome and Firefox Sort Arrays Differently? Uncovering Their Algorithms
JD Tech Talk
JD Tech Talk
Sep 12, 2019 · Frontend Development

Yunge Note Platform: Architecture, Design, and Implementation Practices

This article details the design philosophy, ecosystem, project‑management workflow, front‑end framework, SVG handling, React integration, Ant Design icon optimization, mobile scrolling techniques, editor choices, file preview solutions, and JD ME integration for the internally built Yunge Note platform.

SVGfrontendproject-management
0 likes · 25 min read
Yunge Note Platform: Architecture, Design, and Implementation Practices
Alibaba Cloud Developer
Alibaba Cloud Developer
Sep 10, 2019 · Frontend Development

How Ant Financial’s Oasis 3D Engine Powers Web‑Based 3D Experiences

Ant Financial’s Oasis 3D engine, a lightweight, component‑based WebGL solution, enables efficient real‑time 3D rendering on browsers and mobile devices, offering features such as scene graphs, PBR support, animation systems, and an online editor that streamlines the entire 3D development workflow.

3D renderingOasis 3DWebGL
0 likes · 15 min read
How Ant Financial’s Oasis 3D Engine Powers Web‑Based 3D Experiences
360 Tech Engineering
360 Tech Engineering
Sep 9, 2019 · Frontend Development

Understanding Simple and Preflight Requests in CORS

The article explains why CORS distinguishes between simple requests—limited to GET, HEAD, POST with specific headers and content types—and preflighted requests, describing the server‑side rationale, the mechanics of preflight, and why avoiding preflight for simple requests simplifies cross‑origin interactions.

CORSHTTPSimple Request
0 likes · 6 min read
Understanding Simple and Preflight Requests in CORS
ITPUB
ITPUB
Sep 3, 2019 · Frontend Development

Turn Any GitHub Repository into a Live Front‑End Site in One Click

This guide shows how to publish a GitHub repository directly from the master branch, share specific code lines via URL fragments, auto‑close issues with commit keywords, embed GitHub widgets, adjust language detection with .gitattributes, and view traffic and trending data, all without extra branches or tools.

AnalyticsGitHubGitHub Pages
0 likes · 7 min read
Turn Any GitHub Repository into a Live Front‑End Site in One Click
Didi Tech
Didi Tech
Sep 3, 2019 · Frontend Development

How Vue-Loader Transforms Vue SFCs: A Deep Dive into Its Internals

This article walks through the complete compilation pipeline of a Vue Single‑File Component using vue‑loader v15, examining the VueLoaderPlugin, the pitcher loader, and each processing stage with concrete code examples and configuration snippets.

Vuefrontendloader
0 likes · 18 min read
How Vue-Loader Transforms Vue SFCs: A Deep Dive into Its Internals
Qunar Tech Salon
Qunar Tech Salon
Sep 3, 2019 · Frontend Development

Nanachi Multi‑End Mini‑Program Translation Framework: Architecture, Advantages, and Technical Details

Nanachi is Qunar's multi‑end mini‑program translation framework that lets developers write React‑based code once and run it on various mini‑program platforms and H5, offering streamlined installation, unified APIs, component libraries, scoped styling, and comprehensive runtime and build‑time solutions to boost development efficiency.

FrameworkH5Mini Program
0 likes · 8 min read
Nanachi Multi‑End Mini‑Program Translation Framework: Architecture, Advantages, and Technical Details
政采云技术
政采云技术
Aug 29, 2019 · Frontend Development

Understanding CSS Stacking Context and Z‑Index Behavior

This article explains the concept of CSS stacking context, its creation rules, characteristics, and stacking order, using practical code examples to illustrate how z‑index values and other CSS properties affect element layering on the Z‑axis in web pages.

frontendstacking-contextweb-development
0 likes · 9 min read
Understanding CSS Stacking Context and Z‑Index Behavior
58UXD
58UXD
Aug 29, 2019 · Frontend Development

5 Proven Car‑Image Design Hacks to Boost UI Visuals

This article shares five practical techniques for optimizing car photographs—choosing the right vehicle type, adjusting highlights and shadows, recoloring, perspective layout, and motion effects—to seamlessly integrate automotive visuals into UI and marketing pages, enhancing overall design quality.

UI designVisual Storytellingcar design
0 likes · 5 min read
5 Proven Car‑Image Design Hacks to Boost UI Visuals
360 Tech Engineering
360 Tech Engineering
Aug 26, 2019 · Frontend Development

Master CSS Blend Modes: From Basics to Stunning Visual Effects

In this article, the author explains CSS blend modes, lists all 16 blend-mode keywords, groups them into functional categories, and demonstrates practical uses of background‑blend‑mode and mix‑blend‑mode with step‑by‑step code examples, including multi‑background techniques and visual results.

BackgroundBlend ModeCSS
0 likes · 10 min read
Master CSS Blend Modes: From Basics to Stunning Visual Effects
MaoDou Frontend Team
MaoDou Frontend Team
Aug 26, 2019 · Frontend Development

4 Effective Ways to Solve Cross-Origin Issues in Local Development

This article explains what cross‑origin requests are and presents four practical solutions—webpack proxyTable, SwitchHosts, Uuaper, and Nginx—detailing configuration steps, common pitfalls, and code examples to help developers overcome CORS problems during local development.

CORSCross-OriginDevelopment
0 likes · 5 min read
4 Effective Ways to Solve Cross-Origin Issues in Local Development
Java Architecture Diary
Java Architecture Diary
Aug 24, 2019 · Backend Development

Key Server & Frontend Version Specs + Maven Repository Configuration Guide

This guide lists the essential server and frontend component versions—including JDK, Maven, Spring Boot, Spring Cloud, Node, and Npm—explains special considerations for Spring milestone releases, and provides ready-to-use Maven repository and pluginRepository XML snippets for proper dependency management.

frontendnodejsspring-boot
0 likes · 3 min read
Key Server & Frontend Version Specs + Maven Repository Configuration Guide
360 Tech Engineering
360 Tech Engineering
Aug 23, 2019 · Frontend Development

Evolution of 360 Search Easter Egg Development and Automated Animation Tools

The article chronicles the development of 360 Search's Easter eggs—from early on‑demand implementations to a reusable seasonal egg framework and automated animation tools using Adobe Animate, After Effects, bodymovin, and lottie‑web—highlighting how automation reduced front‑end effort and enabled interactive web animations.

Lottieanimationeaster egg
0 likes · 9 min read
Evolution of 360 Search Easter Egg Development and Automated Animation Tools
JD Tech Talk
JD Tech Talk
Aug 22, 2019 · Frontend Development

Evolution of Front‑End/Back‑End Separation Architecture and Its Technical Support

The article explains the progression from tightly coupled MVC architectures to partially separated RESTful designs and finally fully decoupled front‑end/back‑end systems, highlighting the roles of Node.js, client platforms, server types, performance challenges, and stability solutions for modern mobile web applications.

BackendWeb Developmentfrontend
0 likes · 7 min read
Evolution of Front‑End/Back‑End Separation Architecture and Its Technical Support
vivo Internet Technology
vivo Internet Technology
Aug 21, 2019 · Frontend Development

Best Practices for Writing High‑Quality JavaScript Functions: Naming, Comments, and Robustness

The article advises front‑end developers to improve JavaScript function quality by adopting clear, English‑style names, using consistent prefixes for visibility, writing informative comments such as JSDoc, and applying defensive programming techniques—including default parameters, try/catch, and granular promise error handling—to create maintainable, robust code.

Robustnesscode commentsfrontend
0 likes · 17 min read
Best Practices for Writing High‑Quality JavaScript Functions: Naming, Comments, and Robustness
ITPUB
ITPUB
Aug 21, 2019 · Frontend Development

Why China’s Open‑Source Star flv.js Still Gets Overlooked

A viral post about the popular JavaScript FLV player flv.js reveals how a talented Chinese open‑source author struggles for fair recognition, highlighting technical merits, impressive GitHub stats, and broader systemic issues in China’s open‑source ecosystem.

Chinese techFLV.jsGitHub
0 likes · 5 min read
Why China’s Open‑Source Star flv.js Still Gets Overlooked
NetEase Media Technology Team
NetEase Media Technology Team
Aug 21, 2019 · Frontend Development

How to Build a 3D Medal System with WebGL and Three.js

This article explains how to use WebGL and the Three.js library to create a cross‑platform 3D medal system, covering model format choices, scene setup, rendering code, performance optimizations such as gzip compression, caching, skin switching, and graceful fallback for older devices.

3D renderingMedal systemThree.js
0 likes · 10 min read
How to Build a 3D Medal System with WebGL and Three.js
Alibaba Cloud Developer
Alibaba Cloud Developer
Aug 21, 2019 · Frontend Development

From Survival to Mastery: A Front‑End Engineer’s Guide to Thriving in Business

The article outlines a front‑end engineer’s three‑stage journey—survival, growth, and system building—offering practical demand‑management tactics, efficiency hacks, business‑centric planning, and structured thinking methods to help developers balance heavy business workloads while advancing technical skills and career development.

Career Developmentdemand managementfrontend
0 likes · 16 min read
From Survival to Mastery: A Front‑End Engineer’s Guide to Thriving in Business
58 Tech
58 Tech
Aug 20, 2019 · Frontend Development

Architecture Design of a Front-End Monitoring Platform

This article describes the design and architecture of a front‑end monitoring platform, detailing its JS SDK, data analyzer, web UI, reference log‑collection architectures, use of Kafka, MySQL, Hive and HBase, scaling considerations, storage conventions, and operational best practices.

JavaScriptfrontendlogging
0 likes · 8 min read
Architecture Design of a Front-End Monitoring Platform
Bitu Technology
Bitu Technology
Aug 16, 2019 · Frontend Development

Design and Architecture of the Tubi Web Player: A Modular Frontend Solution

Facing rapid growth and the need to support dozens of OTT platforms, Tubi’s frontend team redesigned its web player into an independent, TypeScript‑driven module with a clear Adapter‑Player‑Action‑Reducer architecture, monorepo management, comprehensive testing and documentation, enabling higher code quality and a better cross‑platform playback experience.

MonorepoReduxTypeScript
0 likes · 13 min read
Design and Architecture of the Tubi Web Player: A Modular Frontend Solution
AntTech
AntTech
Aug 14, 2019 · Frontend Development

The Evolution of Frontend Development: From Monolithic Architecture to Serverless and BFF

This article traces the historical evolution of frontend development—from early monolithic web architectures through the rise of distributed systems and front‑end/back‑end separation, to modern serverless and Backend‑for‑Frontend (BFF) approaches—highlighting the shifting roles, challenges, and emerging solutions in the industry.

BFFNode.jsServerless
0 likes · 10 min read
The Evolution of Frontend Development: From Monolithic Architecture to Serverless and BFF
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 14, 2019 · Frontend Development

Why We Chose HTML Video Over Lottie for a Complex Web Animation

This article examines how a complex brand‑page animation was implemented by evaluating GIF, Lottie, APNG, and HTML video options, ultimately choosing a lightweight MP4 video and detailing the numerous mobile‑browser compatibility challenges and React code needed to achieve reliable autoplay.

LottieWeb animationfrontend
0 likes · 10 min read
Why We Chose HTML Video Over Lottie for a Complex Web Animation
MaoDou Frontend Team
MaoDou Frontend Team
Aug 12, 2019 · Frontend Development

Convert Vue Pages to PDF with html2canvas and jsPDF

Learn how to create a Vue plugin that captures a page with html2canvas and generates a PDF using jsPDF, covering required dependencies, plugin implementation, installation steps, and usage example to export dynamic table content as a PDF file.

Vuefrontendhtml2canvas
0 likes · 7 min read
Convert Vue Pages to PDF with html2canvas and jsPDF
FunTester
FunTester
Aug 2, 2019 · Frontend Development

How to Hide Unwanted Google Search Ads Using Custom Adblock Plus Filters

This guide walks through identifying intrusive Google search elements—such as related YouTube videos and product promos—and shows how to create Adblock Plus custom filters that hide those elements by targeting their CSS classes or IDs, complete with code examples and screenshots.

Custom Filteradblockcss selector
0 likes · 3 min read
How to Hide Unwanted Google Search Ads Using Custom Adblock Plus Filters
ITPUB
ITPUB
Aug 1, 2019 · Fundamentals

What Tech Trends Will Shape Software Development in 2019?

This article surveys the major software development trends for 2019, covering progressive web apps, chatbots, evolving front‑end frameworks, back‑end language choices, database advancements, cloud adoption, AI breakthroughs, and essential development tools, offering guidance on what to learn next.

AIBackendcloud
0 likes · 18 min read
What Tech Trends Will Shape Software Development in 2019?
AntTech
AntTech
Jul 31, 2019 · Frontend Development

A Comprehensive Front‑End Guide to Data Visualization Techniques

This article provides a thorough front‑end guide to data visualization, covering its definition, scientific and information branches, a step‑by‑step workflow, common pitfalls, and a curated list of tools and libraries such as AntV G2, F2, G6, L7 and others for various scenarios including general reports, mobile, large‑screen dashboards, graph editing, and geographic visualizations.

AntVData visualizationF2
0 likes · 11 min read
A Comprehensive Front‑End Guide to Data Visualization Techniques
Seewo Tech Circle
Seewo Tech Circle
Jul 30, 2019 · Frontend Development

Create Smooth Parabolic Drop Animations with Dynamic Blur in JavaScript

This article explains how to calculate object positions using a parabolic formula, generate multiple translucent shadows to simulate motion blur, and implement the entire effect with JavaScript, covering parameter selection, acceleration calculations, and practical code examples for smooth front‑end animations.

JavaScriptanimationdynamic blur
0 likes · 11 min read
Create Smooth Parabolic Drop Animations with Dynamic Blur in JavaScript
macrozheng
macrozheng
Jul 29, 2019 · Frontend Development

How to Build a Docsify-Powered Documentation Site for Your SpringBoot Mall Project

This guide walks you through using Docsify to create a lightweight, dynamic documentation website for the SpringBoot-based mall project, covering installation, project initialization, sidebar and navigation customization, search, code highlighting, copy‑code features, and deployment via GitHub Pages.

DocsifyDocumentationGitHub Pages
0 likes · 7 min read
How to Build a Docsify-Powered Documentation Site for Your SpringBoot Mall Project
Tianxing Digital Tech User Experience
Tianxing Digital Tech User Experience
Jul 26, 2019 · Frontend Development

How Constraint‑Based Design Can Revolutionize Financial Numeric Input

This article explores how applying constraint‑driven design, rooted in Don Norman's psychology, can reshape financial numeric input controls by limiting data ranges, minimizing UI interference, supporting integer habits, and enabling rapid adjustments, ultimately improving efficiency and reducing errors.

Financial TechUI designconstraint design
0 likes · 11 min read
How Constraint‑Based Design Can Revolutionize Financial Numeric Input
360 Tech Engineering
360 Tech Engineering
Jul 26, 2019 · Frontend Development

Properties and Methods That Trigger Layout Reflow in Browsers

The article lists DOM properties and methods—such as element measurements, scrolling APIs, focus calls, getComputedStyle, and various window and document attributes—that cause browsers to synchronously recalculate styles and layout, explains why they are performance bottlenecks, and offers practical mitigation techniques.

DOMbrowserfrontend
0 likes · 8 min read
Properties and Methods That Trigger Layout Reflow in Browsers
Youku Technology
Youku Technology
Jul 26, 2019 · Frontend Development

2019 Frontend Development Trends and Predictions – Summary by Alibaba Frontend Expert

In 2019 front‑end development, React, Vue and Angular stabilized and converged toward Web Components, while zero‑configuration stacks like Umi simplified tooling, PWAs matured, mini‑programs surged, TypeScript adoption accelerated, WebAssembly gained traction, and browsers evolved into universal runtime platforms across devices.

MobilePWATypeScript
0 likes · 25 min read
2019 Frontend Development Trends and Predictions – Summary by Alibaba Frontend Expert
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Jul 19, 2019 · Frontend Development

Mobile Web Adaptation: Principles, Terminology, Viewport, and Common Solutions

This article explains the fundamentals of mobile web adaptation, covering key concepts such as screen resolution, pixel density, device pixel ratio, viewport types, and presents several practical solutions—including flexible+rem, CSS3 media queries with vw, and pure vw approaches—along with implementation details and case studies.

MobileResponsive DesignVW
0 likes · 20 min read
Mobile Web Adaptation: Principles, Terminology, Viewport, and Common Solutions
Ctrip Technology
Ctrip Technology
Jul 18, 2019 · Frontend Development

React Hooks: From Mixins and HOCs to Custom Hook Implementations and Production Practices

This article explains the evolution of React component reuse—from legacy mixins and higher‑order components to modern React Hooks—provides step‑by‑step implementations of custom hooks such as useLogTime, useFetchHook, useInterval and useImgLazy, and demonstrates how to apply them in real‑world production code for better performance and maintainability.

CustomHookHOCReact
0 likes · 22 min read
React Hooks: From Mixins and HOCs to Custom Hook Implementations and Production Practices
AntTech
AntTech
Jul 17, 2019 · Frontend Development

Ant Financial Frontend Framework and Engineering Practices: Evolution, Architecture, and Future Directions

The article summarizes Chen Cheng's 2019 InfoQ talk on Ant Financial's frontend framework evolution—from early Sea.JS and Arale to Umi and Bigfish—detailing the merged architecture, plugin system, asset market, micro‑frontend strategy, routing, performance optimizations, testing, monitoring, and future plans.

BigfishEngineeringFramework
0 likes · 20 min read
Ant Financial Frontend Framework and Engineering Practices: Evolution, Architecture, and Future Directions
58 Tech
58 Tech
Jul 16, 2019 · Frontend Development

The Role of Artificial Intelligence in Frontend Development: Opportunities, Tools, and Challenges

This article explores how artificial intelligence is influencing frontend development, detailing recent breakthroughs, practical frameworks like TensorFlow.js, real‑world applications, advantages, limitations, and emerging solutions for deploying machine learning models directly in browsers.

TensorFlow.jsWeb Developmentclient‑side inference
0 likes · 13 min read
The Role of Artificial Intelligence in Frontend Development: Opportunities, Tools, and Challenges
360 Quality & Efficiency
360 Quality & Efficiency
Jul 12, 2019 · Frontend Development

Principles of Two-Way Data Binding in Vue

This article explains the principle of two-way data binding in Vue's MVVM architecture, detailing how Object.defineProperty is used to create observers that track property changes, notify watchers via a dependency collector, and how the compile process links view directives to model updates.

MVVMObserverVue
0 likes · 3 min read
Principles of Two-Way Data Binding in Vue
360 Tech Engineering
360 Tech Engineering
Jul 10, 2019 · Frontend Development

The Past, Present, and Future of Front‑End Development Programming Languages

This article reviews the evolution of front‑end programming languages, discusses why extreme attitudes toward language choice hinder productive discussion, explains how platform constraints shape language selection, examines the strengths and weaknesses of JavaScript, Java, and Objective‑C, and predicts increasing convergence and cross‑platform trends among modern front‑end languages.

JavaScriptKotlinSwift
0 likes · 33 min read
The Past, Present, and Future of Front‑End Development Programming Languages
Liangxu Linux
Liangxu Linux
Jul 9, 2019 · Frontend Development

Turn Any GitHub Repo into a Live Front‑End Site in One Click

This guide explains how to publish a GitHub repository as a front‑end website using the master branch, share specific code lines via URL fragments, auto‑close issues with commit messages, embed GitHub widgets, force language detection with .gitattributes, and monitor traffic and trending statistics.

GitHub Pagescode sharingfrontend
0 likes · 6 min read
Turn Any GitHub Repo into a Live Front‑End Site in One Click
Suning Technology
Suning Technology
Jul 8, 2019 · Frontend Development

Key Front‑End Innovations Unveiled at SuNing’s 2023 Tech Forum

The SuNing Technology Front‑End Exchange Forum gathered nearly a thousand developers and industry leaders to discuss mini‑programs, cross‑platform frameworks, Node.js, Unity Tiny Mode, and automation testing, highlighting recent breakthroughs and future directions in front‑end engineering.

Web Developmentconferencecross‑platform
0 likes · 6 min read
Key Front‑End Innovations Unveiled at SuNing’s 2023 Tech Forum
macrozheng
macrozheng
Jul 4, 2019 · Frontend Development

How to Install and Deploy Mall Admin Frontend on Windows and Linux

This guide walks you through downloading Node.js, obtaining the mall‑admin‑web source code, installing dependencies, and launching the front‑end application on both Windows and Linux, including steps for using a local backend or an online API and configuring Nginx for production.

frontendnodejsnpm
0 likes · 6 min read
How to Install and Deploy Mall Admin Frontend on Windows and Linux
Alibaba Cloud Developer
Alibaba Cloud Developer
Jul 4, 2019 · Frontend Development

From 2003 to Serverless: Five Stages Shaping the Future of Frontend Development

The article reviews the evolution of front‑end engineering from the early separation of HTML, CSS and JavaScript in 2003 through performance‑driven engineering, the rise of full‑stack and mobile‑first paradigms, to low‑code, serverless, AI‑driven intelligence and IDE strategies that define today's opportunities and future directions.

AIIDEdevelopment history
0 likes · 21 min read
From 2003 to Serverless: Five Stages Shaping the Future of Frontend Development
vivo Internet Technology
vivo Internet Technology
Jul 3, 2019 · Frontend Development

Common Front-End Error Types and Their Capture Methods

Front‑end monitoring must capture JavaScript runtime errors, resource loading failures, unhandled promise rejections, and asynchronous request issues using window.onerror, error event listeners, unhandledrejection handlers, and fetch/XHR wrappers, while also handling framework‑specific hooks and cross‑origin script restrictions through CORS or manual try‑catch reporting.

JavaScriptWeb PerformanceXHR
0 likes · 11 min read
Common Front-End Error Types and Their Capture Methods
Ctrip Technology
Ctrip Technology
Jul 3, 2019 · Frontend Development

Building a Standalone Vue 3 Reactivity Library: CycleJS‑like Reactive View, Immer‑like State, RxJS‑like Operators, and React‑Hooks‑like Mechanisms

This article explores Vue 3's function‑based reactivity API, demonstrates how to implement a lightweight, framework‑agnostic reactivity library with watchable objects, functional combinators, and immutable updates, and shows practical examples such as a reactive counter, a todo list, immer‑style state handling, RxJS‑style pipelines, and React‑hooks‑style utilities, while discussing the underlying concepts and limitations.

ReactivityState Managementfrontend
0 likes · 12 min read
Building a Standalone Vue 3 Reactivity Library: CycleJS‑like Reactive View, Immer‑like State, RxJS‑like Operators, and React‑Hooks‑like Mechanisms
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 28, 2019 · Frontend Development

How Tencent Scaled Online Education with Mini‑Program Architecture and Engineering

This article details Tencent's online‑education mini‑program ecosystem, covering business matrix, native framework selection, engineering practices, audio/video integration, automated release pipelines, performance optimization through sub‑packages, and a comparison of WeChat and QQ mini‑program platforms.

automationfrontendmini-program
0 likes · 19 min read
How Tencent Scaled Online Education with Mini‑Program Architecture and Engineering
Qunar Tech Salon
Qunar Tech Salon
Jun 28, 2019 · Frontend Development

Interview with Meng Chao on Front‑end Cross‑Platform Technologies and Performance Optimization at GMTC

In this interview, Qunar’s front‑end lead Meng Chao shares his experiences with hybrid and QRN frameworks, discusses the GMTC conference, and explains how the company’s no‑instrumentation monitoring and performance‑optimization practices have driven large‑scale front‑end transformation and future cross‑platform opportunities.

GMTCHybridReact Native
0 likes · 10 min read
Interview with Meng Chao on Front‑end Cross‑Platform Technologies and Performance Optimization at GMTC
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 28, 2019 · Frontend Development

How a Frontend Pioneer Built Ant Design and Shaped China’s UI Landscape

This article traces the career of Yu Bo, from his early doubts at the Chinese Academy of Sciences to leading Ant Financial’s Experience Technology team, highlighting his open‑source contributions, his views on frontend value, and the management principles that drive today’s enterprise‑grade UI ecosystems.

ExperienceUI designcareer
0 likes · 11 min read
How a Frontend Pioneer Built Ant Design and Shaped China’s UI Landscape
Xianyu Technology
Xianyu Technology
Jun 27, 2019 · Frontend Development

Image-to-UI Code Generation Demo and Architecture Overview

The Xianyu team’s new “black‑tech” system automatically transforms UI mockup images into production‑ready code by detecting components with deep‑learning models, extracting layouts via OpenCV, and employing a modular stream‑oriented architecture of units, tasks, and server layers that enables rapid testing, flexible composition, and future enhancements such as improved container recognition and semantic understanding.

Deep LearningImage AnalysisUI Generation
0 likes · 7 min read
Image-to-UI Code Generation Demo and Architecture Overview
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 26, 2019 · Frontend Development

Master Multi‑Page Webpack 4 Configuration: From Zero to Production

This tutorial walks through setting up a zero‑configuration Webpack 4 project for multi‑page, multi‑platform applications, covering entry and output settings, dynamic entry generation, loader and plugin configurations, development server setup, and advanced optimization techniques such as code splitting, on‑demand loading, and asset handling.

Configurationbuildfrontend
0 likes · 18 min read
Master Multi‑Page Webpack 4 Configuration: From Zero to Production
Ctrip Technology
Ctrip Technology
Jun 19, 2019 · Frontend Development

Kirby: A Comprehensive Sketch Plugin System for Design Resource Management and Development

This article details the development of Kirby, a Sketch plugin created by Ctrip's front‑end team to manage design resources, enforce design language standards, and provide a full stack of features—including design token handling, static scans, WebView GUIs, and native integrations—while explaining the underlying Sketch plugin architecture, APIs, and tooling.

Plugin DevelopmentSketchdesign system
0 likes · 15 min read
Kirby: A Comprehensive Sketch Plugin System for Design Resource Management and Development
360 Tech Engineering
360 Tech Engineering
Jun 17, 2019 · Frontend Development

Making Your Web Pages Smooth: Performance Optimization Techniques

This article explains how to make web pages feel smooth by defining user‑perceived fluidity, discussing passive and active interactions, FPS targets, the RAIL model, pixel pipeline optimization, avoiding long tasks with Web Workers and time‑slicing, selector efficiency, layout thrashing, layer management, and using requestAnimationFrame.

RAIL modelTime SlicingWeb Performance
0 likes · 21 min read
Making Your Web Pages Smooth: Performance Optimization Techniques
Beike Product & Technology
Beike Product & Technology
Jun 14, 2019 · Frontend Development

Understanding Axios CancelToken Mechanism and Solving Data Mixing When Rapidly Switching Vue H5 Routes

This article analyzes a bug where rapid route switching in a Vue H5 project caused data from different routes to mix, explains how Axios CancelToken works, shows the implementation of request cancellation via interceptors, and discusses deeper insights and further possibilities for frontend developers.

CancelTokenInterceptorPromise
0 likes · 11 min read
Understanding Axios CancelToken Mechanism and Solving Data Mixing When Rapidly Switching Vue H5 Routes
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Jun 14, 2019 · Frontend Development

Understanding Browser Rendering Process and Performance Optimization Techniques

This article explains the browser rendering pipeline—from network communication and HTML/CSS parsing to DOM and render tree construction—highlighting common misconceptions, performance bottlenecks, and practical optimization strategies such as DNS reduction, TCP reuse, HTTP/2 features, efficient CSS selectors, and JavaScript loading techniques.

CSSHTTP2browser
0 likes · 36 min read
Understanding Browser Rendering Process and Performance Optimization Techniques
Huajiao Technology
Huajiao Technology
Jun 11, 2019 · Frontend Development

Automating Frontend Build and Deployment with GitLab CI/CD

This article explains how a frontend team migrated from SVN to GitLab, leveraged GitLab CI/CD to automate building and publishing HTML assets, outlines the previous manual workflow, details the new CI/CD pipeline, runner configuration, .gitlab-ci.yml structure, encountered issues, and future improvements.

GitLab CI/CDautomationcontinuous integration
0 likes · 11 min read
Automating Frontend Build and Deployment with GitLab CI/CD
Amap Tech
Amap Tech
Jun 5, 2019 · Frontend Development

Practical Engineering of 3D Map Rendering Based on GLES

At the Global Front‑End Technology Conference, Amap’s senior expert Wang Qianwei will present “Practical Engineering of 3D Map Rendering Based on GLES,” discussing mobile and automotive rendering challenges, cross‑platform architecture, data compression, OpenGL performance tuning, fast‑iteration toolchains, and future Metal and Vulkan graphics directions.

3D renderingGLESMap Rendering
0 likes · 3 min read
Practical Engineering of 3D Map Rendering Based on GLES
WeDoctor Frontend Technology
WeDoctor Frontend Technology
May 29, 2019 · Frontend Development

Highlights from WeDoctor’s Frontend Tech Salon: SSR, Node.js, NW.js & Weex

The May 25 WeDoctor Frontend Tech Salon, themed “Boundless,” gathered over 30 external companies and 100 internal participants to explore server‑side rendering, desktop and cross‑platform front‑end development through six technical talks covering Vue SSR, Node.js micro‑services, exception monitoring, NW.js, WebView integration, and Weex implementation.

MicroservicesNW.jsSSR
0 likes · 5 min read
Highlights from WeDoctor’s Frontend Tech Salon: SSR, Node.js, NW.js & Weex
Xianyu Technology
Xianyu Technology
May 28, 2019 · Backend Development

Design of a Scalable Ad Placement System for Xianyu

The article describes a scalable placement system for Xianyu that links front‑end resource slots with multiple backend data sources via a visual‑schema‑driven API, enabling personalized banner and feed content, batch request optimization, rapid campaign management, and reduced developer effort while serving millions of users daily.

Dynamic FormsJSON SchemaScalability
0 likes · 8 min read
Design of a Scalable Ad Placement System for Xianyu
360 Tech Engineering
360 Tech Engineering
May 27, 2019 · Frontend Development

Quickly Set Up a Web Development Environment with qvk

This article explains how to rapidly configure a full‑stack web development environment using the qvk scaffold, covering repository cloning, dependency installation, build steps, server and client startup, and basic usage of ThinkJS, Vue.js, and Webpack for H5 projects.

frontendnodejsqvk
0 likes · 9 min read
Quickly Set Up a Web Development Environment with qvk
Didi Tech
Didi Tech
May 23, 2019 · Frontend Development

Chameleon Cross‑Platform Framework: Standards, Protocols, and Extending New Platforms

Chameleon is a cross‑platform MVVM framework that standardizes APIs, components, DSL, and runtime protocols so a single codebase can be compiled and run on any mini‑program or native environment, with integration efforts from Didi, Mango TV, Alibaba, ByteDance and a six‑package extension guide.

ChameleonMVVMcross‑platform
0 likes · 14 min read
Chameleon Cross‑Platform Framework: Standards, Protocols, and Extending New Platforms
21CTO
21CTO
Apr 29, 2019 · Frontend Development

Which JavaScript Chart Library Is Right for Your Project? Top 10 High‑Performance Picks

This article reviews ten high‑performance JavaScript chart libraries—amCharts, AnyChart, Chart.js, Chartist.js, D3.js, FusionCharts, Google Charts, Highcharts, Plotly.js, and ZingChart—detailing their main features, pricing models, and where to find documentation, helping developers choose the best tool for their data‑visualisation needs.

Data visualizationJavaScriptWeb Development
0 likes · 18 min read
Which JavaScript Chart Library Is Right for Your Project? Top 10 High‑Performance Picks
Tencent Cloud Developer
Tencent Cloud Developer
Apr 26, 2019 · Frontend Development

Mastering Browser Caching: Strong vs. Conditional Cache Explained

This article provides a comprehensive guide to browser caching, detailing the mechanisms of strong cache (Expires and Cache‑Control) and conditional cache (Last‑Modified, If‑Modified‑Since, and ETag), their directives, step‑by‑step workflows, status codes, and a side‑by‑side comparison to help developers optimize web performance.

Browser CacheCache-ControlETag
0 likes · 11 min read
Mastering Browser Caching: Strong vs. Conditional Cache Explained
Wukong Talks Architecture
Wukong Talks Architecture
Apr 25, 2019 · Frontend Development

Understanding AJAX: Principles, Form Submission, XMLHttpRequest, jQuery Implementation, Advantages and Disadvantages

This article explains the concept of AJAX, why asynchronous communication is needed, how to submit forms and handle server responses using raw XMLHttpRequest and jQuery, compares GET and POST methods, and outlines the benefits, drawbacks, and suitable scenarios for AJAX in web development.

AsynchronousJavaScriptWeb Development
0 likes · 12 min read
Understanding AJAX: Principles, Form Submission, XMLHttpRequest, jQuery Implementation, Advantages and Disadvantages
Suning Design
Suning Design
Apr 24, 2019 · Frontend Development

Mastering Navigation Design: Principles, Forms, and Real-World Examples

This article explores essential navigation design principles, various navigation patterns such as top menus, sidebars, breadcrumbs, tabs, pagination, steps, and dropdowns, and demonstrates their application through a case study of Suning Logistics' Tianyan platform, offering practical guidance for creating coherent, user‑friendly web interfaces.

UI designUser experiencefrontend
0 likes · 14 min read
Mastering Navigation Design: Principles, Forms, and Real-World Examples
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 22, 2019 · Frontend Development

How Alibaba Cloud Frontend Teams Turned Engineering Chaos into Business Value

This article examines how Alibaba Cloud’s frontend engineers evolved from a resource‑constrained role with shallow business insight to a strategic, horizontally‑aligned team that builds reusable engineering platforms, leverages serverless and BaaS, and delivers measurable business value across marketing, commerce, and sales.

Engineeringarchitecturebusiness value
0 likes · 16 min read
How Alibaba Cloud Frontend Teams Turned Engineering Chaos into Business Value
Mafengwo Technology
Mafengwo Technology
Apr 18, 2019 · Frontend Development

How to Build an Efficient Front‑End Monitoring Data Collection System

This article explains why front‑end monitoring is essential for user experience, outlines the key data types to collect, and provides practical AOP‑based implementations for route changes, JavaScript errors, performance metrics, resource failures, API calls, and reliable log reporting.

JavaScriptaopdata collection
0 likes · 14 min read
How to Build an Efficient Front‑End Monitoring Data Collection System
Efficient Ops
Efficient Ops
Apr 17, 2019 · Fundamentals

Mastering Scalable Web Architecture: From Front‑End to Data Center

An in‑depth guide walks through the essential layers of modern website architecture—including front‑end optimization, application frameworks, service distribution, storage solutions, backend processing, monitoring, security, and data‑center design—offering practical strategies for building high‑performance, scalable web systems.

Operationsfrontendsecurity
0 likes · 11 min read
Mastering Scalable Web Architecture: From Front‑End to Data Center
360 Tech Engineering
360 Tech Engineering
Apr 2, 2019 · Frontend Development

Development Guide for the 360 AI Speaker Official Website

This article details the practical implementation of the 360 AI speaker's landing page, covering screen‑resolution analysis, large‑image rendering choices, responsive rem‑based typography, HTML structure, CSS positioning, custom web‑font integration, and a pure‑CSS sticky‑footer solution, all built under tight time constraints.

CSSHTMLJavaScript
0 likes · 13 min read
Development Guide for the 360 AI Speaker Official Website
Tianxing Digital Tech User Experience
Tianxing Digital Tech User Experience
Mar 30, 2019 · Frontend Development

Designing Effective Navigation Bars: Principles and Best Practices

This article explores the fundamentals of navigation bar design for mobile apps, covering component structure, why traditional bars need redefinition for financial products, layout rules for left/right actions and titles, and guidelines for fixed top bars to improve usability while maintaining visual consistency.

Design GuidelinesUI designcomponent specification
0 likes · 6 min read
Designing Effective Navigation Bars: Principles and Best Practices
Programmer DD
Programmer DD
Mar 30, 2019 · Frontend Development

Top 20 Must-Have Front-End Tools and Resources for Developers

This guide compiles a curated collection of essential front‑end development tools, asset libraries, and community sites—including bookmark managers, placeholder image generators, code‑beautifiers, free image sources, UI design resources, and popular forums—to help developers streamline workflows and discover valuable online resources.

ResourcesUI designWeb Development
0 likes · 7 min read
Top 20 Must-Have Front-End Tools and Resources for Developers
Tencent Cloud Developer
Tencent Cloud Developer
Mar 28, 2019 · Mobile Development

Community Mini-Program Feature Implementation Using Cloud Development

The guide shows how to create a WeChat community mini‑program with cloud development that lets users post text and up to six images, implements home, publishing, and personal‑center pages, handles data pagination, image preview and deletion, stores posts in cloud collections, manages user authorization and avatar display, and addresses typical permission and refresh problems.

JavaScriptUser AuthenticationWXML
0 likes · 12 min read
Community Mini-Program Feature Implementation Using Cloud Development
JD Retail Technology
JD Retail Technology
Mar 27, 2019 · Frontend Development

Front‑End Optimization Strategies for JD PLUS Membership Project

This article details the front‑end performance improvements applied to JD's PLUS membership platform, covering architecture migration to Gaea 4.0, on‑demand Babel polyfill loading, PWA caching, request sequencing, skeleton screens, and modern image formats such as WebP and DPG.

PWAbabelfrontend
0 likes · 19 min read
Front‑End Optimization Strategies for JD PLUS Membership Project
Qunar Tech Salon
Qunar Tech Salon
Mar 26, 2019 · Frontend Development

Guide to Using CSS Next (postcss‑cssnext) with Webpack for Modern Front‑End Styling

This article introduces CSS Next, a PostCSS plugin that brings future CSS syntax to current browsers, explains how to integrate it into a Webpack workflow, and demonstrates key features such as custom properties, @apply, calc(), custom media queries, custom selectors, and nesting with code examples compared to Sass and Less.

CSSPreprocessorVariables
0 likes · 8 min read
Guide to Using CSS Next (postcss‑cssnext) with Webpack for Modern Front‑End Styling
360 Tech Engineering
360 Tech Engineering
Mar 25, 2019 · Frontend Development

Understanding CSS 3D: perspective and transform-style

This article explains the CSS 3D properties perspective and transform-style, shows how different perspective values affect a cube, demonstrates the impact of transform-style on child elements, and provides example code and reference links for practical implementation.

3DWeb Developmentfrontend
0 likes · 5 min read
Understanding CSS 3D: perspective and transform-style