BestHub
Sign in
Tagged articles
17 articles
Page 1 of 1
JD Retail Technology
JD Retail Technology
Feb 13, 2023 · Frontend Development

What’s New in NutUI 4.0? A Deep Dive into Features, Performance Gains, and Migration Tips

NutUI 4.0 introduces a dynamic CSS‑variables theme, a dedicated icon library, automatic on‑demand component import, new components such as Tour and PullRefresh, extensive component refinements, significant bundle‑size reductions, upgraded build tools, and updated type declarations, providing a lighter, more flexible frontend solution.

Component LibraryUI libraryVue
0 likes · 9 min read
What’s New in NutUI 4.0? A Deep Dive into Features, Performance Gains, and Migration Tips
JD Retail Technology
JD Retail Technology
Jul 11, 2022 · Frontend Development

Design and Implementation of the NutUI Collapse Panel Component

This article explains the design principles, implementation details, and advanced features of NutUI’s Collapse panel component, covering basic interaction, height‑based animation, flexible title bar with icons, configuration upgrades, slot usage, CSS variable styling, and Vue 3 provide/inject communication, supplemented with code examples.

CollapseComponent DesignProvide/Inject
0 likes · 12 min read
Design and Implementation of the NutUI Collapse Panel Component
JD.com Experience Design Center
JD.com Experience Design Center
Jul 1, 2022 · Frontend Development

How NutUI’s Collapse Panel Boosts Development Efficiency with Vue3

This article explains the design and implementation of NutUI’s Collapse component, covering its basic interaction, animation techniques using height and transform, flexible header customization, slot-based extensions, SCSS variable usage, and Vue3 provide/inject communication, all illustrated with practical code examples.

CollapseComponent DesignVue3
0 likes · 13 min read
How NutUI’s Collapse Panel Boosts Development Efficiency with Vue3
JD Retail Technology
JD Retail Technology
Jun 29, 2022 · Frontend Development

Unifying JD Tech UI with NutUI-JDT: A Multi‑Platform Component Library Journey

This article details how NutUI and JD Tech collaborated over multiple quarters to create NutUI‑JDT, a theme‑customizable component library that unifies H5 and mini‑program development, expands and adapts components, introduces a Sketch plugin, and outlines future roadmap and open‑source contributions.

Component LibrarySketch PluginTheme Customization
0 likes · 9 min read
Unifying JD Tech UI with NutUI-JDT: A Multi‑Platform Component Library Journey
JD Retail Technology
JD Retail Technology
May 19, 2022 · Frontend Development

Comprehensive Guide to the NutUI VSCode Extension: Code Intelligence, Hover Documentation, and Auto‑Completion

This article walks through the NutUI VSCode extension—from visual demos of code‑intelligence hover tips and component auto‑completion to detailed implementation steps, including activation hooks, hover providers, completion items, cursor movement commands, Vetur integration, and markdown‑based prop extraction.

Code IntelligenceVSCodeauto-completion
0 likes · 13 min read
Comprehensive Guide to the NutUI VSCode Extension: Code Intelligence, Hover Documentation, and Auto‑Completion
Aotu Lab
Aotu Lab
Apr 21, 2022 · Frontend Development

How to Build a High‑Performance Vertical‑Scroll Calendar with NutUI

This article explains the design and implementation of NutUI's vertical‑scroll Calendar component, covering data initialization, virtual‑list rendering, scroll and boundary handling, and extensible slots, props, and events to achieve both smooth interaction and optimal performance.

CalendarDate Pickernutui
0 likes · 12 min read
How to Build a High‑Performance Vertical‑Scroll Calendar with NutUI
Aotu Lab
Aotu Lab
Apr 14, 2022 · Frontend Development

Quickly Customize NutUI Themes and Component Styles for Any Project

This article explains the background, design goals, and step‑by‑step implementation of NutUI's theme and component‑level style customization, including online configuration, Sass variable handling, and integration examples for Vite, Webpack, and Taro projects.

SassTaroTheme Customization
0 likes · 11 min read
Quickly Customize NutUI Themes and Component Styles for Any Project
JD Retail Technology
JD Retail Technology
Mar 29, 2022 · Frontend Development

NutUI Theme Customization: Component‑Level Styling and Implementation Guide

This article explains how NutUI’s theme customization enables developers to switch skins, edit component‑level styles, and generate theme variables through an online configurator, providing step‑by‑step usage instructions, code examples for Vite, Webpack and Taro, and a detailed overview of the underlying implementation.

Component LibrarySassTheme Customization
0 likes · 11 min read
NutUI Theme Customization: Component‑Level Styling and Implementation Guide
Aotu Lab
Aotu Lab
Mar 10, 2022 · Frontend Development

Build Engaging Mobile Lottery Games with NutUI‑Bingo Vue Component Library

This guide introduces NutUI‑Bingo, a Vue 3‑based mobile component library for lottery and mini‑game scenarios, covering its background, design, installation, core components, usage examples, and future roadmap with technical details and code snippets.

Component LibraryLotteryMobile UI
0 likes · 7 min read
Build Engaging Mobile Lottery Games with NutUI‑Bingo Vue Component Library
JD Retail Technology
JD Retail Technology
Aug 10, 2021 · Frontend Development

Building an Enterprise After‑Sales SaaS Portal with Vue 3, NutUI 3.0 and Taro

This article details the development of a JD enterprise after‑sales SaaS portal using Vue 3, NutUI 3.0, Vite, TypeScript and Taro, covering project background, cross‑domain login handling, customizable themes, component migrations, state management with Vuex 4, routing, and decorator‑based loading solutions.

CrossDomainDecoratorTypeScript
0 likes · 19 min read
Building an Enterprise After‑Sales SaaS Portal with Vue 3, NutUI 3.0 and Taro
Aotu Lab
Aotu Lab
Jul 15, 2021 · Frontend Development

Build Multi‑Platform Mini‑Programs Quickly with NutUI 3.0 and Taro

This article introduces NutUI 3.0’s multi‑end capabilities, explains how it integrates with Taro to enable Vue 3 developers to write a single codebase for H5 and various mini‑program platforms, and provides step‑by‑step installation and usage examples.

ComponentLibraryInstallationMiniProgram
0 likes · 7 min read
Build Multi‑Platform Mini‑Programs Quickly with NutUI 3.0 and Taro
JD Tech Talk
JD Tech Talk
Jun 11, 2020 · Frontend Development

Development and Implementation of the NutUI Video Component for Mobile Web

This article explains the motivation, design, implementation details, code examples, and troubleshooting tips for building a NutUI video component in Vue that supports basic playback, custom controls, mobile compatibility, and various configuration options for enterprise‑level front‑end projects.

ComponentHTML5Mobile
0 likes · 18 min read
Development and Implementation of the NutUI Video Component for Mobile Web
JD.com Experience Design Center
JD.com Experience Design Center
May 13, 2020 · Frontend Development

How We Revamped the Koudou Frontend: Architecture, Performance & TypeScript Insights

This article details the comprehensive 2020 refactor of the Koudou internal purchase platform, covering front‑end architecture redesign, module‑based directory structure, performance optimizations, migration to Vue 2 with NutUI 2.x, TypeScript integration, API service modularization, and cross‑platform SDK handling.

architecturefrontendnutui
0 likes · 29 min read
How We Revamped the Koudou Frontend: Architecture, Performance & TypeScript Insights