Tag

UI

1 views collected around this technical thread.

Efficient Ops
Efficient Ops
Jun 4, 2025 · Operations

Streamline Nginx Management with Nginx UI: Features, Installation & AI Agent Integration

This article introduces Nginx UI, a graphical tool that simplifies Nginx configuration and monitoring, outlines its core features—including AI Agent support—provides pre‑installation notes, and offers step‑by‑step installation guides for Systemd, Docker, and quick‑install scripts, concluding with its operational benefits.

DockerNginxUI
0 likes · 5 min read
Streamline Nginx Management with Nginx UI: Features, Installation & AI Agent Integration
Selected Java Interview Questions
Selected Java Interview Questions
May 27, 2025 · Backend Development

Mybatis-Plus Generator UI: A Web UI Tool for Custom Code Generation in Spring Boot

This article introduces the Mybatis-Plus Generator UI, a highly customizable web‑based code generator that wraps Mybatis‑Plus, explains its features, shows how to integrate it via Maven, run a sample main class, configure generation strategies, customize templates and naming rules, and even extend the frontend with Yarn builds.

BackendCode GenerationJava
0 likes · 11 min read
Mybatis-Plus Generator UI: A Web UI Tool for Custom Code Generation in Spring Boot
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 10, 2025 · Frontend Development

enum-plus: A TypeScript Enhanced Enum Library for Frontend Development

enum-plus is a lightweight, zero-dependency TypeScript library that extends native enums with customizable display text, localization, and seamless integration into popular frontend UI frameworks such as Ant Design, ElementPlus, and Material-UI, providing rich methods for enumeration handling, UI component binding, and type-safe development.

EnumTypeScriptUI
0 likes · 16 min read
enum-plus: A TypeScript Enhanced Enum Library for Frontend Development
macrozheng
macrozheng
Apr 12, 2025 · Fundamentals

What’s New in elementary OS 8? A Deep Dive into Its Latest Features

This article reviews elementary OS 8, a major release built on Ubuntu 24.04 LTS and Linux 6.8, highlighting visual redesigns, dock and quick‑settings upgrades, system‑settings improvements, hardware support, and enhanced security features such as Secure Session and Portals.

DesktopLinuxSecurity
0 likes · 9 min read
What’s New in elementary OS 8? A Deep Dive into Its Latest Features
DaTaobao Tech
DaTaobao Tech
Feb 14, 2025 · Mobile Development

Resolving SurfaceView Flash Black Issues in Taobao Shopping Cart with Hybrid Architecture

The black‑flash in Taobao’s shopping‑cart tab occurs because SurfaceView’s independent surface is destroyed during fragment removal or activity switches, and four remedies are offered: keep the fragment alive with show/hide, capture and display a screenshot, toggle between ImageView and SurfaceView via Weex APIs, or convert SurfaceView to TextureView temporarily, each with performance, memory, and latency trade‑offs.

FragmentSurfaceViewUI
0 likes · 10 min read
Resolving SurfaceView Flash Black Issues in Taobao Shopping Cart with Hybrid Architecture
IT Services Circle
IT Services Circle
Feb 13, 2025 · Frontend Development

Microsoft Reduces Windows 11 Start Menu Hierarchy in Upcoming Build

Microsoft is testing a new Windows 11 Start menu in build 22635.4805 that removes the recommendation section, flattens hierarchy, and presents all apps alphabetically, while also offering alternative sorting modes such as category grids, though some elements like Phone Link remain and the changes may appear at Build 2025.

UIfrontendstart-menu
0 likes · 5 min read
Microsoft Reduces Windows 11 Start Menu Hierarchy in Upcoming Build
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 30, 2025 · Frontend Development

Implementing and Optimizing a Gantt Chart with Konva in Frontend Development

This article explains how to build a Gantt chart using Konva, detailing the layer structure, rendering logic, scrolling handling, performance optimizations, and provides TypeScript code examples for configuration, drawing, and event management.

CanvasGantt ChartKonva
0 likes · 21 min read
Implementing and Optimizing a Gantt Chart with Konva in Frontend Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 16, 2025 · Frontend Development

Implementing a Snake‑Shaped Step Progression Component in Vue (CustomStep V1 & V2)

This article explains how to build a custom step‑progression UI component in Vue, first using a simple flex layout and then enhancing it with a grid‑based S‑shaped design to support flexible step ordering and dynamic status rendering based on backend data.

CSSJavaScriptStep Component
0 likes · 10 min read
Implementing a Snake‑Shaped Step Progression Component in Vue (CustomStep V1 & V2)
Architecture Digest
Architecture Digest
Jan 9, 2025 · Operations

Nginx UI: A Web‑Based Management Interface for Nginx Servers

Nginx UI is a Go and Vue‑based web interface that simplifies Nginx server management by providing real‑time statistics, ChatGPT assistance, one‑click Let's Encrypt certificates, configuration editing, log viewing, terminal access, dark mode, and deployment options via binary, systemd, or Docker.

DockerNginxUI
0 likes · 6 min read
Nginx UI: A Web‑Based Management Interface for Nginx Servers
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 9, 2024 · Mobile Development

Implementing a Color Gradient Animation in Android with GradientDrawable and PropertyAnimator

This article demonstrates how to create a smooth color‑gradient animation for an Android view by dynamically configuring a GradientDrawable and driving the transition with a Kotlin PropertyAnimator, including code examples and step‑by‑step explanations.

ColorTransitionGradientDrawableKotlin
0 likes · 8 min read
Implementing a Color Gradient Animation in Android with GradientDrawable and PropertyAnimator
Sohu Tech Products
Sohu Tech Products
Nov 20, 2024 · Mobile Development

Understanding Flutter's OverlayPortal: Architecture, Usage, and Differences from OverlayEntry

Flutter’s OverlayPortal adds a page‑scoped layer to the global Overlay, letting widgets like tooltips inherit parent state while remaining independent in the overlay hierarchy, and replaces many OverlayEntry use‑cases by using a controller, surrogate render objects, and automatic lifecycle management.

DartFlutterUI
0 likes · 8 min read
Understanding Flutter's OverlayPortal: Architecture, Usage, and Differences from OverlayEntry
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 16, 2024 · Frontend Development

Common Sliver Decorators in Flutter

This article introduces the most frequently used Flutter Sliver decorators—including SliverToBoxAdapter, SliverFillRemaining, SliverPadding, SliverOpacity, DecoratedSliver, SliverVisibility, SliverOffstage, SliverMainAxisGroup, and SliverAppBar—explains their purposes, provides code examples, and demonstrates a practical scenario for applying them in a CustomScrollView.

DecoratorsFlutterUI
0 likes · 13 min read
Common Sliver Decorators in Flutter
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 23, 2024 · Mobile Development

Creating a TabItem with Custom Rounded Corners Using Android Compose Path

This article explains how to achieve a tab item with asymmetric rounded corners in Android Compose by either assembling three Views or drawing the shape with a Path, including detailed step‑by‑step code and a discussion of common pitfalls.

ComposeCustomViewRoundedCorners
0 likes · 6 min read
Creating a TabItem with Custom Rounded Corners Using Android Compose Path
JD Tech Talk
JD Tech Talk
Sep 18, 2024 · Frontend Development

Flex Layout and Dynamic UI Development in JD Finance App Using the Yoga Engine

This article introduces the use of Flex layout and the Yoga cross‑platform layout engine for dynamic UI development in the JD Finance app, covering container and item concepts, common Flex properties, list and absolute layouts, visibility control, and practical troubleshooting tips.

FlexboxUIYoga
0 likes · 21 min read
Flex Layout and Dynamic UI Development in JD Finance App Using the Yoga Engine
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 11, 2024 · Mobile Development

Implementing Gradient Text in Flutter Using ShaderMask, TextStyle.foreground, CustomPainter, and ExtendedText

This article explores multiple techniques for creating gradient text in Flutter—including ShaderMask, TextStyle.foreground, a custom CustomPainter, and the ExtendedText package's GradientConfig—detailing their code implementations, limitations, and how to handle WidgetSpan, emoji, and selective gradient rendering.

FlutterMobile DevelopmentUI
0 likes · 11 min read
Implementing Gradient Text in Flutter Using ShaderMask, TextStyle.foreground, CustomPainter, and ExtendedText
Sohu Tech Products
Sohu Tech Products
Sep 5, 2024 · Mobile Development

Implementing a Simple Danmu (Bullet Screen) Effect Using RecyclerView and StaggeredGridLayoutManager in Android

The article demonstrates how to create a lightweight, infinite‑scrolling danmu (bullet‑screen) effect in Android by embedding a RecyclerView inside a custom DanMuView, using StaggeredGridLayoutManager for multi‑row layout and a scrollBy‑based Runnable to continuously scroll and control speed.

BulletScreenKotlinRecyclerView
0 likes · 10 min read
Implementing a Simple Danmu (Bullet Screen) Effect Using RecyclerView and StaggeredGridLayoutManager in Android
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 17, 2024 · Mobile Development

Flutter Animation Tutorial: Core APIs, Concepts, and Practical Examples

This article provides a comprehensive guide to Flutter animations, covering fundamental concepts, terminology, core animation APIs, step‑by‑step code examples for scaling, rotating, looping, custom curves, staggered animations, and additional widgets, helping developers create smooth and interactive UI effects on mobile platforms.

DartFlutterMobile Development
0 likes · 24 min read
Flutter Animation Tutorial: Core APIs, Concepts, and Practical Examples
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 29, 2024 · Frontend Development

ArkTS Component Development Basics: Project Creation, Decorators, Styles, Events, State Management, and Slots

This tutorial walks through the fundamentals of building ArkTS components for HarmonyOS, covering project setup, key decorators like @Entry and @Component, styling with @Styles and @Extend, handling events, managing properties and state, conditional rendering, functional components, and slot implementation.

ArkTSComponent DevelopmentHarmonyOS
0 likes · 18 min read
ArkTS Component Development Basics: Project Creation, Decorators, Styles, Events, State Management, and Slots
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 12, 2024 · Mobile Development

Implementing a Flex Playground in FlutterUnit with TolyUI

This article explains how FlutterUnit leverages TolyUI to create an interactive Layout Playground, detailing the data, view, and logic layers of the Flex Playground, including state management, component composition, and code examples for building flexible UI demos.

FlexFlutterMobile Development
0 likes · 9 min read
Implementing a Flex Playground in FlutterUnit with TolyUI
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 5, 2024 · Frontend Development

Implementing an @User Mention Input Component with Highlight and Deletion Handling in React

This article explains how to build a custom React @mention input component that highlights mentioned users, treats the whole @username as a single deletable unit, tracks cursor position for a floating selector, and returns both the plain text and the list of mentioned users to the parent component.

ContentEditableMentionsReact
0 likes · 12 min read
Implementing an @User Mention Input Component with Highlight and Deletion Handling in React