BestHub
Sign in
Tagged articles
682 articles
Page 7 of 7
Meituan Technology Team
Meituan Technology Team
Dec 26, 2019 · Frontend Development

Bifrost: Meituan's Micro‑Frontend Framework for Scalable Front‑End Development

Meituan's R&D built Bifrost, a micro‑frontend framework that splits a monolithic Vue SPA into independent sub‑systems, letting remote teams develop, deploy, and integrate modules while preserving a seamless SPA experience; the host manages lifecycle, routing, shared state, CDN delivery, gray releases, and monitoring, greatly improving scalability and maintainability.

BifrostFrontend ArchitectureVue
0 likes · 20 min read
Bifrost: Meituan's Micro‑Frontend Framework for Scalable Front‑End Development
Python Programming Learning Circle
Python Programming Learning Circle
Dec 24, 2019 · Frontend Development

What Shaped Frontend Development in 2019? A Comprehensive Recap

The 2019 frontend landscape saw React retain dominance, TypeScript surge, WebAssembly become a fourth web language, Vue prepare for version 3, Angular introduce Ivy, static sites and JAMstack rise, PWA adoption grow, and a wave of new tools, standards, and predictions for 2020, reflecting rapid evolution across frameworks, languages, and tooling.

AngularJavaScriptReAct
0 likes · 22 min read
What Shaped Frontend Development in 2019? A Comprehensive Recap
Tencent Cloud Developer
Tencent Cloud Developer
Dec 23, 2019 · Frontend Development

How Tencent’s Hippy Makes Cross‑Platform Front‑End Development Simpler

Tencent’s open‑source Hippy framework, now used by 18 internal services with over a hundred million daily page views, offers a front‑end‑friendly, W3C‑compliant cross‑platform solution that supports React and Vue, reduces learning barriers, and improves performance through a C++‑based engine‑direct architecture.

FrontendHippyJavaScript
0 likes · 5 min read
How Tencent’s Hippy Makes Cross‑Platform Front‑End Development Simpler
Weidian Tech Team
Weidian Tech Team
Nov 15, 2019 · Frontend Development

Master Vue’s Provide/Inject: Simplify Component Communication

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

Provide/InjectVuecomponent communication
0 likes · 8 min read
Master Vue’s Provide/Inject: Simplify Component Communication
政采云技术
政采云技术
Nov 13, 2019 · Frontend Development

Unlock Vue’s Slot System: From Default Slots to Advanced v-slot Techniques

This article provides a comprehensive guide to Vue’s slot mechanism, covering default slots, named slots, and scoped slots, explains the new v-slot syntax introduced in Vue 2.6, demonstrates practical component implementations with code examples, and highlights important considerations and advanced extensions.

ComponentFrontendSlot
0 likes · 12 min read
Unlock Vue’s Slot System: From Default Slots to Advanced v-slot Techniques
Sohu Tech Products
Sohu Tech Products
Oct 30, 2019 · Frontend Development

Key Performance and API Improvements in Vue 3

Vue 3 introduces substantial performance gains, a smaller bundle size, tree‑shakable global APIs, a proxy‑based reactivity system, and experimental time‑slicing features, all of which make modern, mobile‑first web development faster and more efficient.

FrontendPerformanceProxy
0 likes · 10 min read
Key Performance and API Improvements in Vue 3
政采云技术
政采云技术
Oct 29, 2019 · Frontend Development

Understanding Vue 3.0 Reactive Data: New Mechanisms and Their Impact

This article explains how Vue 3.0 rewrites its reactivity system using Proxy and Reflet, introduces the reactive, effect, and computed APIs, compares them with MobX, and details the resulting changes for arrays, collections, lazy observation, and IE compatibility.

JavaScriptMobXProxy
0 likes · 16 min read
Understanding Vue 3.0 Reactive Data: New Mechanisms and Their Impact
Ctrip Technology
Ctrip Technology
Oct 11, 2019 · Frontend Development

Design and Implementation of Ctrip's Legao Frontend Component Platform

This article describes how Ctrip's marketing team built the Legao platform—a visual, component‑based front‑end system that enables rapid configuration of thousands of activity pages through reusable business, web, and activity‑level components, detailing its architecture, technology stack, SDK, and dynamic form system.

Component ArchitectureDynamic FormsJavaScript
0 likes · 14 min read
Design and Implementation of Ctrip's Legao Frontend Component Platform
AutoHome Frontend
AutoHome Frontend
Oct 9, 2019 · Frontend Development

How to Add Skeleton Screens in Vue for Faster Perceived Load Times

This article explains the concept of skeleton screens, demonstrates how to use the CSS :empty selector, and provides a step‑by‑step Vue implementation—including route‑aware class switching—to reduce white‑screen time on slow networks.

PerformanceRoutingSkeleton Screen
0 likes · 6 min read
How to Add Skeleton Screens in Vue for Faster Perceived Load Times
Qunar Tech Salon
Qunar Tech Salon
Oct 9, 2019 · Frontend Development

Breaking the Framework Paradigm Debate

At a GitHub China meetup, the author reflects on Rich Harris’s critique of React, compares mutable versus immutable reactivity in Vue and React, examines functional programming foundations, and proposes a unified approach integrating mutable, immutable, and reactive patterns to transcend framework paradigm disputes.

ImmutableMutableReAct
0 likes · 9 min read
Breaking the Framework Paradigm Debate
Youzan Coder
Youzan Coder
Sep 27, 2019 · Backend Development

Why Server‑Side Rendering Beats SPA for E‑Commerce: Vue SSR Deep Dive

This article examines the evolution from backend template engines to SPA, highlights SPA's SEO and first‑paint drawbacks, and presents a detailed Vue server‑side rendering implementation with optimization techniques, degradation strategies, and performance results showing over 300% faster first‑screen rendering.

CachingNode.jsPerformance
0 likes · 16 min read
Why Server‑Side Rendering Beats SPA for E‑Commerce: Vue SSR Deep Dive
政采云技术
政采云技术
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 SystemFrontendVue
0 likes · 11 min read
Luban: A Visual Front‑End Page Building System for Rapid Development
Architects Research Society
Architects Research Society
Sep 20, 2019 · Frontend Development

Angular vs React vs Vue: A Comparative Guide to Choosing the Right Front‑End Framework or Library

This article compares the three most popular front‑end technologies—Angular, React, and Vue—examining their nature as libraries or frameworks, lifecycle, community support, flexibility, performance, and ideal use cases to help developers decide which solution best fits their project requirements.

AngularReActVue
0 likes · 7 min read
Angular vs React vs Vue: A Comparative Guide to Choosing the Right Front‑End Framework or Library
政采云技术
政采云技术
Sep 18, 2019 · Frontend Development

Vue‑Based Image Magnifier Implementation

This article explains how to create a high‑stability image magnifier in Vue by calculating mask positions based on mouse events, moving the background image accordingly, and optimizing performance with initialization checks and scroll handling, providing full source code and usage instructions.

Image MagnifierJavaScriptVue
0 likes · 10 min read
Vue‑Based Image Magnifier Implementation
21CTO
21CTO
Sep 15, 2019 · Frontend Development

Angular vs React vs Vue: Which Frontend Framework Fits Your Project in 2019?

This article compares Angular, React, and Vue, examining their core philosophies, required patterns, functional programming implications, and practical suitability for business applications, helping developers choose the most appropriate front‑end framework for their projects.

AngularReActVue
0 likes · 7 min read
Angular vs React vs Vue: Which Frontend Framework Fits Your Project in 2019?
360 Tech Engineering
360 Tech Engineering
Sep 11, 2019 · Frontend Development

Designing a Secure Mini‑Program Engine: From Single‑Thread to Dual‑Thread Architecture with Vue

This article chronicles the architectural evolution of a web‑based mini‑program engine, detailing the challenges of sandboxing Vue, restricting unsafe tags, handling performance and native capability limits, and ultimately adopting a dual‑thread model to achieve security and control while preserving developer experience.

MiniProgramPerformanceVue
0 likes · 16 min read
Designing a Secure Mini‑Program Engine: From Single‑Thread to Dual‑Thread Architecture with Vue
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.

FrontendVueloader
0 likes · 18 min read
How Vue-Loader Transforms Vue SFCs: A Deep Dive into Its Internals
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.

FrontendVuehtml2canvas
0 likes · 7 min read
Convert Vue Pages to PDF with html2canvas and jsPDF
Beike Product & Technology
Beike Product & Technology
Jul 26, 2019 · Frontend Development

Building a CLI Scaffolding Tool for React and Vue Projects

This article walks through the design and implementation of a Node‑based command‑line tool that generates React or Vue project scaffolds, covering initialization, script development, template downloading, local testing, npm publishing, and usage instructions.

CLINode.jsReAct
0 likes · 10 min read
Building a CLI Scaffolding Tool for React and Vue Projects
Java Backend Technology
Java Backend Technology
Jul 14, 2019 · Backend Development

From a Simple Spring Boot Blog to a GitHub Trending HR System

The author recounts how, after his company closed, he built a lightweight Spring Boot‑Vue blog project, iterated it into a more complex human‑resource management system, documented each feature, released it on GitHub, and eventually saw it climb the GitHub Trending list, sharing lessons learned and advice for newcomers.

Backend DevelopmentGitHub TrendingJava
0 likes · 10 min read
From a Simple Spring Boot Blog to a GitHub Trending HR System
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.

FrontendMVVMObserver
0 likes · 3 min read
Principles of Two-Way Data Binding in Vue
Java Captain
Java Captain
Jul 4, 2019 · Frontend Development

Top 10 Open‑Source Admin Dashboard UI Frameworks for Web Development

This article presents a curated list of ten popular, free, open‑source admin dashboard UI frameworks—such as AdminLTE, vue‑Element‑Admin, Tabler, and others—detailing their GitHub stars, repository links, core technologies, and visual screenshots to help developers quickly choose a suitable backend control panel solution.

BootstrapUI frameworkVue
0 likes · 4 min read
Top 10 Open‑Source Admin Dashboard UI Frameworks for Web Development
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.

CancelTokenFrontendInterceptor
0 likes · 11 min read
Understanding Axios CancelToken Mechanism and Solving Data Mixing When Rapidly Switching Vue H5 Routes
HomeTech
HomeTech
May 23, 2019 · Frontend Development

Building a Cross‑Platform S3 Upload GUI with Electron and Vue

This article explains how to create a cross‑platform desktop client for uploading local resources to S3‑backed CDN using Electron, Vue, and lowdb, covering UI design, project structure, main‑renderer process communication, persistent storage, command‑line integration, packaging, and update handling.

Cross‑PlatformDesktop applicationElectron
0 likes · 16 min read
Building a Cross‑Platform S3 Upload GUI with Electron and Vue
Xianyu Technology
Xianyu Technology
Mar 20, 2019 · Frontend Development

Vue to React Component Conversion Using Babel AST

The article describes a pipeline that converts a Vue component into a React component by parsing the template, script and style with vue‑template‑compiler and Babel, traversing the AST to map Vue data, props, computed, methods and lifecycle hooks to React state, defaultProps and lifecycle methods, and generating JSX from directives such as v‑if, v‑for and event bindings, thereby reducing rewrite effort and supporting targets.

ASTComponent ConversionReAct
0 likes · 12 min read
Vue to React Component Conversion Using Babel AST
Youzan Coder
Youzan Coder
Feb 27, 2019 · Frontend Development

How to Build a Cross‑Platform Shop Builder with React, Vue, and Iframe Communication

This article presents a technical design for a multi‑platform shop‑decoration system that shares data via React context, reuses Vue‑based preview components through an iframe, synchronizes updates with a postMessage wrapper, and implements drag‑and‑drop using vuedraggable, providing a scalable solution for PC, H5, and mini‑programs.

Drag-and-DropReActVue
0 likes · 12 min read
How to Build a Cross‑Platform Shop Builder with React, Vue, and Iframe Communication
Java Backend Technology
Java Backend Technology
Feb 27, 2019 · Backend Development

Revamping Dubbo Service Governance: Inside the New Dubbo Admin 0.1

Dubbo Admin 0.1, a freshly refactored standalone project, replaces the old Webx backend with Spring Boot, adopts Vue and Vuetify for the UI, integrates Swagger, and introduces updated configuration, tag routing, application‑level service governance, and metadata‑driven testing to fully support Dubbo 2.7 features.

DubboSpring BootVue
0 likes · 8 min read
Revamping Dubbo Service Governance: Inside the New Dubbo Admin 0.1
MaoDou Frontend Team
MaoDou Frontend Team
Feb 14, 2019 · Frontend Development

Mastering Nuxt.js SSR: From Setup to Advanced Features

This guide walks you through the fundamentals of Nuxt.js server‑side rendering, covering installation, project scaffolding, routing, asset handling, layouts, middleware, plugins, and configuration to build fast, SEO‑friendly Vue applications.

Nuxt.jsSSRServer-side Rendering
0 likes · 9 min read
Mastering Nuxt.js SSR: From Setup to Advanced Features
360 Tech Engineering
360 Tech Engineering
Jan 25, 2019 · Backend Development

An Introduction to GraphQL: Concepts, Benefits, and Vue Integration

This article explains the origins and problems GraphQL solves, describes its core concepts and advantages, and provides step‑by‑step instructions for integrating GraphQL into a Vue front‑end with Apollo as well as setting up a simple Node.js GraphQL server, complete with code examples.

APIApolloBackend Development
0 likes · 10 min read
An Introduction to GraphQL: Concepts, Benefits, and Vue Integration
Ctrip Technology
Ctrip Technology
Jan 15, 2019 · Backend Development

Node.js Adoption and Evolution in Ctrip Flight Ticket Team: From Front‑Back Separation to GraphQL

The article details how Ctrip's flight ticket front‑end team introduced Node.js for front‑back separation, built a Vue‑based H5 architecture with PM2, Express and standard RESTful APIs, then migrated many services to GraphQL, achieving modularity, performance under 50 ms and handling millions of daily requests.

RESTful APIVuebackend
0 likes · 10 min read
Node.js Adoption and Evolution in Ctrip Flight Ticket Team: From Front‑Back Separation to GraphQL
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Dec 25, 2018 · Frontend Development

5 Proven Tips to Make Your Vue Forms Foolproof and Boost Development Speed

Learn how to streamline Vue form development by applying five practical techniques—including universal validation, preventing duplicate submissions, managing loading states, resetting data on reopen, and prompting users before accidental navigation—each illustrated with Element‑UI code snippets to reduce bugs, cut communication overhead, and accelerate project delivery.

Element UIVueform-validation
0 likes · 8 min read
5 Proven Tips to Make Your Vue Forms Foolproof and Boost Development Speed
21CTO
21CTO
Dec 18, 2018 · Frontend Development

Is React Truly Superior to Vue? Insights from Vue’s Creator

Vue’s creator reflects on the React vs Vue debate, explaining each framework’s origins, design philosophies, performance nuances, community adoption, and why developers should focus on personal growth rather than proclaiming one technology superior.

ReActVuecomparison
0 likes · 8 min read
Is React Truly Superior to Vue? Insights from Vue’s Creator
Didi Tech
Didi Tech
Dec 18, 2018 · Frontend Development

Mpx: An Enhanced Mini‑Program Framework for Better Development Experience and Performance

Mpx is an enhanced mini‑program framework that directly extends native mini‑program syntax with Vue‑style development tools, Webpack‑based compilation, reactive data handling, component‑level setData optimization, Vuex‑compatible state management, and team‑oriented features, delivering superior developer experience and performance for WeChat and Alipay apps.

DataBindingFrontendFrameworkMiniProgram
0 likes · 10 min read
Mpx: An Enhanced Mini‑Program Framework for Better Development Experience and Performance
MaoDou Frontend Team
MaoDou Frontend Team
Dec 7, 2018 · Frontend Development

Unlock Vue-Awesome-Swiper: Essential Settings for 3D Carousel Effects

This guide walks through using vue-awesome-swiper in Vue projects, covering version differences, required CSS imports, component setup, and key configuration options such as slidesPerView, centeredSlides, and the coverflow effect, plus progress callbacks and code snippets for dynamic flash‑sale carousels.

CarouselComponentJavaScript
0 likes · 5 min read
Unlock Vue-Awesome-Swiper: Essential Settings for 3D Carousel Effects
UC Tech Team
UC Tech Team
Nov 8, 2018 · Frontend Development

React vs Vue: Building the Same ToDo App – Key Differences Explained

This article walks through building an identical ToDo application with React and Vue, comparing their project structures, data mutation mechanisms, component communication, event handling, and code examples, helping developers understand the practical differences between the two popular frontend frameworks.

FrontendReActTodo App
0 likes · 12 min read
React vs Vue: Building the Same ToDo App – Key Differences Explained
DevOps
DevOps
Oct 11, 2018 · Frontend Development

Building a WeChat Web Notification Frontend with Vue and VUX for Azure DevOps

This article walks through creating a mobile‑friendly WeChat web app using Vue and the VUX UI library to integrate Azure DevOps notifications, covering project initialization, dependency installation, component registration (both local and global), and deployment screenshots.

Azure DevOpsFrontendNotification
0 likes · 6 min read
Building a WeChat Web Notification Frontend with Vue and VUX for Azure DevOps
360 Tech Engineering
360 Tech Engineering
Oct 8, 2018 · Frontend Development

Why Modern Front‑End Frameworks Exist: Declarative vs Imperative and Rendering

The article explains how evolving runtime interaction requirements have shifted front‑end development from simple jQuery scripts to modern declarative frameworks like Vue, React and Angular, detailing the differences between imperative and declarative approaches, rendering mechanisms, and the role of virtual DOM.

DeclarativeFrontendImperative
0 likes · 10 min read
Why Modern Front‑End Frameworks Exist: Declarative vs Imperative and Rendering
Xianyu Technology
Xianyu Technology
Aug 1, 2018 · Mobile Development

Automated Continuous Integration Framework for Xianyu iOS Multi‑Bundle Projects

The article describes an automated continuous‑integration framework for Xianyu’s iOS multi‑bundle projects that links Aone requirements to GitLab commits and Mojianlun builds via a SpringBoot/Vue platform, using webhook‑driven packaging, scoped testing, rate‑limited queues and statistics to reduce manual effort and errors.

CIGitLabSpringBoot
0 likes · 14 min read
Automated Continuous Integration Framework for Xianyu iOS Multi‑Bundle Projects
Meituan Technology Team
Meituan Technology Team
Jul 19, 2018 · Mobile Development

Design and Optimization of a Cloud-Based Mobile Device Testing Platform

To address Meituan‑Dianping’s exploding demand for test phones, we rebuilt OpenSTF‑based platform with modular Agent, Server, and MySQL storage, upgraded to Vue 2, added dynamic screen quality, reservation, API integration, mock and inspector tools, now supporting 300 devices for 500 developers daily and planning iOS expansion.

Performance OptimizationVuearchitecture
0 likes · 14 min read
Design and Optimization of a Cloud-Based Mobile Device Testing Platform
ITPUB
ITPUB
Jul 9, 2018 · Frontend Development

What I Learned from 10 Front‑End Interviews in Shanghai: Real Stories & Practical Tips

A former communications engineering graduate shares a detailed chronicle of ten front‑end interview experiences across startups, small firms, mid‑size companies, and a pre‑IPO e‑commerce firm in Shanghai, highlighting interview questions, personal reflections, and actionable lessons for aspiring developers.

FrontendJavaScriptShanghai
0 likes · 15 min read
What I Learned from 10 Front‑End Interviews in Shanghai: Real Stories & Practical Tips
Tencent Music Tech Team
Tencent Music Tech Team
Jun 8, 2018 · Frontend Development

Optimizing Vue/Vuetify Projects with Webpack: Code Splitting, CommonsChunkPlugin, and Externals

By using Webpack’s CommonsChunkPlugin to extract node_modules into a vendor chunk, configuring externals to load Vue and Vuetify from a CDN, and converting non‑critical components to async imports, a Vuetify‑based app reduces its first‑screen bundle by hundreds of kilobytes, improves caching, and speeds initial load.

Code SplittingPerformance OptimizationVue
0 likes · 11 min read
Optimizing Vue/Vuetify Projects with Webpack: Code Splitting, CommonsChunkPlugin, and Externals
Suning Technology
Suning Technology
Jun 7, 2018 · Mobile Development

Mastering Weex: Build High‑Performance Cross‑Platform Mobile Apps with Vue

This article introduces Weex as a simple, high‑performance cross‑platform solution that leverages Vue and W3C standards to build native mobile apps, explains its architecture, page structure, components, layout, lifecycle, and shares practical experiences and best practices for integrating Weex in mobile office applications.

Mobile DevelopmentNative AppsPerformance
0 likes · 13 min read
Mastering Weex: Build High‑Performance Cross‑Platform Mobile Apps with Vue
JD Tech
JD Tech
Apr 26, 2018 · Frontend Development

Using HTML5 Video Tag in Mobile Web: Attributes, Inline/Fullscreen Playback, Dynamic Source Replacement, Live Streaming, and Common Issues

This article explains how to use the HTML5 video tag on mobile web pages, covering common attributes, inline versus fullscreen playback on iOS and Android, dynamic source updates in Vue, live‑streaming protocols with video.js, and practical fixes for background‑audio and layering problems.

FrontendHTML5Mobile
0 likes · 13 min read
Using HTML5 Video Tag in Mobile Web: Attributes, Inline/Fullscreen Playback, Dynamic Source Replacement, Live Streaming, and Common Issues
QQ Music Frontend Team
QQ Music Frontend Team
Apr 7, 2018 · Frontend Development

Master Webpack Code Splitting to Speed Up Vue Applications

This article explains how to improve front‑end performance by separating business code from libraries, using on‑demand async loading, configuring CommonsChunkPlugin, externalizing large dependencies, and applying HTTP/2 optimizations, all demonstrated with a real Vue/Vuetify project.

Code SplittingPerformanceVue
0 likes · 11 min read
Master Webpack Code Splitting to Speed Up Vue Applications
JD Tech
JD Tech
Apr 3, 2018 · Frontend Development

Implementing a Mobile Drag‑and‑Drop Component with Vue

This article explains how to build a reusable Vue component for mobile drag‑and‑drop, covering Vue's advantages, component structure, touch‑event handling, data‑driven updates, optimization techniques, and differences between mobile and PC implementations, with complete code examples.

ComponentDrag-and-DropMobile
0 likes · 10 min read
Implementing a Mobile Drag‑and‑Drop Component with Vue
JD Tech
JD Tech
Mar 29, 2018 · Frontend Development

Building a Vue 2 Mobile UI Component Library: Scaffolding, Packaging, Component Types, and Icon Strategies

This article shares the practical experience of creating a Vue 2 mobile UI component library, covering the choice of scaffolding tools, Webpack UMD packaging configuration, component classification, CSS scoping decisions, on‑demand custom builds, and the adoption of SVG‑based icon solutions.

Component LibrarySVG IconsScoped CSS
0 likes · 12 min read
Building a Vue 2 Mobile UI Component Library: Scaffolding, Packaging, Component Types, and Icon Strategies
Youzan Coder
Youzan Coder
Mar 21, 2018 · Frontend Development

Why Vant 1.0 Redefines Lightweight Mobile Vue Components

Vant 1.0, the open‑source mobile Vue component library maintained by Youzan, delivers ultra‑light components averaging 8.8KB, embraces a lightweight, fast‑iteration, and ecosystem‑centric philosophy, and showcases impressive community contributions and tooling support for modern front‑end development.

Component LibraryFrontendMobile UI
0 likes · 6 min read
Why Vant 1.0 Redefines Lightweight Mobile Vue Components
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 16, 2018 · Frontend Development

How Bilibili Scaled Its Frontend: From MVC to Vue SSR and Koa

This article chronicles Bilibili’s front‑end evolution in 2017, detailing the shift from a backend‑centric MVC model to front‑back separation, the adoption of Node middle‑layers, Vue and React SSR, Docker deployment, caching strategies, and subsequent refactoring to improve performance and scalability.

DockerFrontendKoa
0 likes · 15 min read
How Bilibili Scaled Its Frontend: From MVC to Vue SSR and Koa
21CTO
21CTO
Jan 13, 2018 · Frontend Development

Which JavaScript Frameworks Ruled 2017? npm’s State‑of‑JS Report Revealed

The 2017 npm State of JavaScript report analyzes the popularity and growth of major front‑end frameworks—React, Preact, Angular, Ember, Vue, and Backbone—showing dramatic shifts, rapid adoption rates, and guidance for developers choosing the right tool for their projects.

JavaScriptReActVue
0 likes · 6 min read
Which JavaScript Frameworks Ruled 2017? npm’s State‑of‑JS Report Revealed
21CTO
21CTO
Dec 25, 2017 · Frontend Development

What 23,000 Developers Reveal About JavaScript Trends, Frameworks, and Salaries

Based on responses from over 23,000 developers, this survey uncovers the latest JavaScript ecosystem trends—including the dominance of React, the evolving roles of Angular and Vue, rising interest in GraphQL, salary impacts of framework choices, and the expanding use of JavaScript beyond the browser.

AngularGraphQLJavaScript
0 likes · 9 min read
What 23,000 Developers Reveal About JavaScript Trends, Frameworks, and Salaries
JD.com Experience Design Center
JD.com Experience Design Center
Nov 23, 2017 · Frontend Development

How I Solved Real‑World Vuex Challenges in a Mobile Maintenance SPA

This article walks through the development of a Vue‑based single‑page application for the JD Car Maintenance project, covering why Vuex was chosen, its core concepts, store implementation, state persistence, cross‑origin handling, Axios/JSONP requests, code refactoring, lazy loading, and component extraction to improve maintainability and performance.

SPAVueVuex
0 likes · 14 min read
How I Solved Real‑World Vuex Challenges in a Mobile Maintenance SPA
Qunar Tech Salon
Qunar Tech Salon
Nov 3, 2017 · Frontend Development

Understanding Virtual DOM: An Introduction Using Snabbdom in Vue

This article explains the concept and implementation of virtual DOM, focusing on Vue's use of the Snabbdom algorithm, detailing its node structure, creation, update process, lifecycle hooks, and code examples to illustrate how virtual DOM optimizes front‑end performance.

JavaScriptPerformanceSnabbdom
0 likes · 6 min read
Understanding Virtual DOM: An Introduction Using Snabbdom in Vue
Architecture Digest
Architecture Digest
Aug 14, 2017 · Frontend Development

An Overview of Modern Front-End Development Workflow and Tools

This article provides a comprehensive overview of the front‑end development workflow, explaining core concepts like HTML, CSS, JavaScript, and detailing essential tools such as npm, Babel, Gulp, Webpack, and popular frameworks like React and Vue, while addressing their roles and interactions.

FrontendJavaScriptReAct
0 likes · 8 min read
An Overview of Modern Front-End Development Workflow and Tools
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 16, 2017 · Frontend Development

Top Front-End & Tech News This Week: Vue PWA, Async CSS, MobX 3.2, and More

This week’s front‑end roundup covers Baidu’s new Vue‑based PWA LAVAS and Web AR support, a decline in global PC shipments, Taobao’s group‑buy launch, upcoming async CSS in Webpack, MobX 3.2.0, China’s first smart parking system, Apple’s open‑sourced Swift Migrator, Let’s Encrypt wildcard certificates, Facebook camera updates, and Huawei’s 5G trial talks with India.

AIFrontendMobX
0 likes · 6 min read
Top Front-End & Tech News This Week: Vue PWA, Async CSS, MobX 3.2, and More
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 11, 2017 · Frontend Development

How React, Angular, and Vue Detect Changes and Perform Batch Updates

This article examines how modern frontend frameworks—React, Angular 1, Angular 2, and Vue—detect data changes and implement batch updates, comparing their virtual DOM diffing, dirty checking, zone.js, and asynchronous queues to reveal each library’s underlying change‑detection strategy.

AngularBatch UpdateChange Detection
0 likes · 14 min read
How React, Angular, and Vue Detect Changes and Perform Batch Updates
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 13, 2017 · Frontend Development

Mastering Weex Build: Dual Configurations for Web and Native

This article walks through the practical differences and best‑practice setups for building Weex applications on web and native platforms, covering webpack configurations, preprocessors, style quirks, navigation, data passing, image handling, incremental updates, and production tips.

Build configurationVueWeex
0 likes · 10 min read
Mastering Weex Build: Dual Configurations for Web and Native
Baidu Waimai Technology Team
Baidu Waimai Technology Team
Jun 13, 2017 · Frontend Development

Design and Implementation of a Universal Frontend Event Tracking Solution

This article presents a universal frontend event tracking (埋点) solution designed for Baidu Takeaway's sales CRM platform, detailing its background, comparison of tracking methods, a declarative approach using Vue directives and MutationObserver mixins, support for legacy jQuery, and practical usage and results.

FrontendMutationObserverVue
0 likes · 14 min read
Design and Implementation of a Universal Frontend Event Tracking Solution
System Architect Go
System Architect Go
May 8, 2017 · Frontend Development

Recap of Ele.me Frontend Technology Conference: PWA, Collaboration, Dependency Monitoring, Vue, Flow, and More

The author recounts attending Ele.me's front‑end technology conference, summarizing seven sessions covering PWA implementation, evolving front‑back collaboration, dependency health monitoring, Vue usage, Flow and type theory, design perspectives on Element, and the exploration of a visual document editor, while sharing personal impressions.

Ele.meFlowFrontend
0 likes · 6 min read
Recap of Ele.me Frontend Technology Conference: PWA, Collaboration, Dependency Monitoring, Vue, Flow, and More
Hujiang Technology
Hujiang Technology
Feb 21, 2017 · Frontend Development

Implementing Server-Side Rendering (SSR) with Vue.js

This article explains how to implement server‑side rendering (SSR) for Vue.js applications, covering the underlying concepts, required code setup, Vuex state handling, webpack configuration, and deployment steps to improve SEO for single‑page applications.

SSRServer-side RenderingVue
0 likes · 14 min read
Implementing Server-Side Rendering (SSR) with Vue.js
21CTO
21CTO
May 7, 2016 · Frontend Development

Choosing the Right Front-End Framework: Trends, Comparisons & Future Outlook

This article reviews recent advances in front‑end development, compares popular frameworks such as AngularJS, EmberJS, ReactJS and VueJS, examines their evolution, discusses user and developer needs, and offers guidance on which technologies to invest in for the coming years.

AngularFrontendJavaScript
0 likes · 12 min read
Choosing the Right Front-End Framework: Trends, Comparisons & Future Outlook