Tag

NutUI

0 views collected around this technical thread.

JD Retail Technology
JD Retail Technology
Dec 27, 2022 · Frontend Development

NutUI-React Adaptation for Taro: Enabling Multi‑Platform Mini‑Program Development

This article details how the NutUI‑React component library was adapted to the Taro framework for WeChat mini‑programs, covering background, version upgrades, three development stages, key technical solutions, installation steps, and future community‑driven improvements.

NutUIReactTaro
0 likes · 8 min read
NutUI-React Adaptation for Taro: Enabling Multi‑Platform Mini‑Program Development
JD Retail Technology
JD Retail Technology
Nov 22, 2022 · Mobile Development

Introducing NutUI for JD Mini-Program: Features, H5 Comparison, and Quick Start Guide

This article introduces NutUI, JD's lightweight mobile component library now supporting JD mini-programs, compares H5 and mini-program development, and provides a step‑by‑step guide using Taro to quickly set up and run a NutUI‑based JD mini‑program project.

JD Mini ProgramNutUIReact
0 likes · 6 min read
Introducing NutUI for JD Mini-Program: Features, H5 Comparison, and Quick Start Guide
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.

CSS animationCollapseComponent Design
0 likes · 12 min read
Design and Implementation of the NutUI Collapse Panel Component
JD Retail Technology
JD Retail Technology
May 24, 2022 · Frontend Development

Design and Implementation of the NutUI Calendar Component with Vertical Switching

This article explains the design choices, data processing, virtual‑list optimization, scroll handling, and extensible slot/prop architecture used to build a high‑performance vertical‑switching calendar component in the NutUI front‑end library.

Component DesignDate PickerNutUI
0 likes · 13 min read
Design and Implementation of the NutUI Calendar Component with Vertical Switching
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.

NutUIVSCodeauto completion
0 likes · 13 min read
Comprehensive Guide to the NutUI VSCode Extension: Code Intelligence, Hover Documentation, and Auto‑Completion
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.

NutUISASScomponent library
0 likes · 11 min read
NutUI Theme Customization: Component‑Level Styling and Implementation Guide
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.

CrossDomainNutUISaaS
0 likes · 19 min read
Building an Enterprise After‑Sales SaaS Portal with Vue 3, NutUI 3.0 and Taro
JD Retail Technology
JD Retail Technology
Aug 12, 2020 · Frontend Development

Technical Case Study of JD Smart Procurement App: Frontend Architecture, Component Library, Build Tools, and Optimization

This article presents a comprehensive technical case study of the JD Smart Procurement mobile app, detailing its front‑end architecture based on Vue, the use of the NutUI component library, TypeScript integration, request handling with Axios, build tooling with Gaea, multi‑page Webpack configuration, performance optimizations, and solutions to various development challenges.

MobileNutUIVue
0 likes · 25 min read
Technical Case Study of JD Smart Procurement App: Frontend Architecture, Component Library, Build Tools, and Optimization
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.

HTML5MobileNutUI
0 likes · 18 min read
Development and Implementation of the NutUI Video Component for Mobile Web