Tagged articles

UniApp

28 articles · Page 1 of 1
Coder Trainee
Coder Trainee
Jul 27, 2026 · Backend Development

From Zero to One: Build a Smart Table Reservation System with Triple‑Endpoint Architecture and Apple‑Style Design

This article walks through the end‑to‑end creation of a production‑grade table‑reservation platform, covering the three‑tier client architecture (WeChat Mini‑Program, H5/App via UniApp, and a Vue3 + Element Plus PC admin), a dual Spring Boot backend, Redis distributed locking combined with MySQL unique indexes for high‑concurrency seat booking, JWT‑based authentication, RBAC permission control, and an Apple‑inspired design system, all illustrated with concrete code snippets and deployment tips.

JWTRBACRedis Lock
0 likes · 21 min read
From Zero to One: Build a Smart Table Reservation System with Triple‑Endpoint Architecture and Apple‑Style Design
liandk
liandk
Jun 12, 2026 · Mobile Development

UniApp Guide: Select Media, Capture Photos, Record Video, and Scan Codes with Ready‑to‑Copy Code

This article explains how to prioritize UniApp's built‑in APIs (uni.chooseMedia and uni.scanCode) for media selection, photo capture, video recording, and QR/barcode scanning, provides copy‑paste‑ready code snippets, permission configurations, fallback native plugins, installation steps, and common pitfalls.

UniAppchooseMediamobile development
0 likes · 7 min read
UniApp Guide: Select Media, Capture Photos, Record Video, and Scan Codes with Ready‑to‑Copy Code
liandk
liandk
May 9, 2026 · Mobile Development

Mastering Uniapp5 Page Lifecycle: When Pages Load, Refresh, and Destroy

This guide explains Uniapp5's five core page‑lifecycle callbacks—onLoad, onShow, onReady, onHide, and onUnload—their trigger moments, typical tasks, and characteristics, and shows how to choose the right callback for data requests while avoiding common pitfalls.

UniAppmobile developmentonHide
0 likes · 6 min read
Mastering Uniapp5 Page Lifecycle: When Pages Load, Refresh, and Destroy
liandk
liandk
May 9, 2026 · Frontend Development

Master Uniapp Conditional Compilation for H5, Mini‑Program, and App

This guide explains why Uniapp projects need platform‑specific adaptations, introduces the fixed #ifdef/#endif conditional compilation syntax, lists the three main platform identifiers, and demonstrates how to apply conditional blocks in templates, scripts, and styles, followed by reverse conditions, practical cases, tips, and troubleshooting.

App DevelopmentConditional CompilationH5
0 likes · 6 min read
Master Uniapp Conditional Compilation for H5, Mini‑Program, and App
liandk
liandk
May 9, 2026 · Frontend Development

Master uni.request: Send GET/POST, Handle Data, Loading and Errors in 5 Minutes

This tutorial walks through Uniapp's uni.request API, explaining its purpose, showing the full syntax, and providing step‑by‑step GET and POST examples with loading indicators, error handling, mini‑program domain setup, and common troubleshooting tips for seamless front‑back communication.

FrontendGETMini Program
0 likes · 6 min read
Master uni.request: Send GET/POST, Handle Data, Loading and Errors in 5 Minutes
liandk
liandk
May 9, 2026 · Frontend Development

Master Uniapp Vue Core Directives in 5 Minutes – Hands‑On Guide

This tutorial walks you through Uniapp's essential Vue syntax, covering data binding, event handling, conditional and list rendering, with a complete code example and common pitfalls to help you build a simple personal information page quickly.

FrontendUniAppVue
0 likes · 5 min read
Master Uniapp Vue Core Directives in 5 Minutes – Hands‑On Guide
liandk
liandk
May 9, 2026 · Frontend Development

Quickly Configure Uniapp Page Routing and Static Assets in 3 Minutes

This guide walks through Uniapp's core project structure, shows how to add a new page, configure its route in pages.json, reference static images with two methods, provides ready‑to‑copy code snippets, and highlights common pitfalls.

ConfigurationFrontendUniApp
0 likes · 5 min read
Quickly Configure Uniapp Page Routing and Static Assets in 3 Minutes
liandk
liandk
May 8, 2026 · Mobile Development

Avoid Common iOS vs Android Styling Pitfalls in UniApp

When developing UniApp apps, iOS and Android often render styles differently; this article outlines three typical visual mismatches—padding, font size, and notch handling—and provides concrete platform‑specific code fixes and best‑practice recommendations.

AndroidUniAppcross-platform styling
0 likes · 3 min read
Avoid Common iOS vs Android Styling Pitfalls in UniApp
SpringMeng
SpringMeng
Jan 14, 2026 · Interview Experience

How a Top Tech Candidate Secured an Immediate Offer: My Recent Interview Experience

After interviewing 150 candidates in two months, I finally met a developer whose resume perfectly matched our stack, demonstrated deep Java, SpringAI, and AI‑coding tool expertise, answered extensive technical questions ranging from SQL optimization to micro‑services, and received an immediate offer with a competitive salary package.

AIInterviewMicroservices
0 likes · 8 min read
How a Top Tech Candidate Secured an Immediate Offer: My Recent Interview Experience
SpringMeng
SpringMeng
Jan 7, 2026 · Interview Experience

Inside Xiao Meng’s Technical Interview: Real Questions and Insights

The article shares Xiao Meng’s full‑stack hiring process, listing practical first‑ and second‑round interview questions—from SQL pagination and SpringBoot CORS to RPC frameworks and AI‑assisted coding—while explaining the company’s focus on hands‑on ability and recent AI tool adoption.

AI coding toolsSQLSpringBoot
0 likes · 6 min read
Inside Xiao Meng’s Technical Interview: Real Questions and Insights
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 28, 2025 · Frontend Development

How to Collaborate with AI to Build a Complete UnoCSS Setup for UniApp Vue3 Projects

This article demonstrates a step‑by‑step, multi‑round dialogue with the AI assistant TRAE SOLO to progressively configure UnoCSS for a UniApp + Vue3 + Vite project, covering initial planning, dependency installation, platform‑specific fixes, shortcut creation, dynamic class handling, and component development.

AI collaborationConfigurationFrontend
0 likes · 18 min read
How to Collaborate with AI to Build a Complete UnoCSS Setup for UniApp Vue3 Projects
php Courses
php Courses
Nov 19, 2024 · Mobile Development

Full-Stack Mobile App Development with uniapp and ThinkPHP

This course, designed for developers with basic front‑end experience, teaches how to combine the uniapp framework and ThinkPHP backend to build high‑performance, cross‑platform mobile applications, covering topics such as data modeling, token authentication, middleware, API design, pagination, and deployment.

FrontendFull-StackThinkPHP
0 likes · 3 min read
Full-Stack Mobile App Development with uniapp and ThinkPHP
php Courses
php Courses
Jul 29, 2024 · Mobile Development

Full-Stack APP Development with uniapp and ThinkPHP

This course teaches learners with basic front‑end skills how to combine the uniapp framework and ThinkPHP backend to build high‑performance, cross‑platform mobile applications, covering data modeling, token authentication, API design, middleware, pagination, and deployment.

Full-StackMobile AppThinkPHP
0 likes · 3 min read
Full-Stack APP Development with uniapp and ThinkPHP
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 15, 2024 · Mobile Development

Common Pitfalls and Solutions When Developing WeChat Mini Programs with UniApp (Vue 3 + TypeScript)

This guide summarizes the typical problems encountered while building a WeChat mini‑program with uniapp + Vue 3 + TypeScript—such as nickname input validation, custom navigation bars, custom tabbars, iOS safe‑area handling, list scrolling quirks, and privacy‑policy configuration—and provides concrete code‑level solutions and best‑practice recommendations.

Custom TabBarUniAppWeChat mini program
0 likes · 16 min read
Common Pitfalls and Solutions When Developing WeChat Mini Programs with UniApp (Vue 3 + TypeScript)
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 18, 2024 · Frontend Development

Vue3 + Vite4 + Pinia + Axios Project Setup and Usage Guide

This guide walks through setting up a Vue3 project with Vite4, Pinia, and Axios—including version specifications, directory structure, installation commands, Pinia persistence, Axios configuration, auto‑import setup, and Uni‑UI integration—providing complete code snippets for each step.

PiniaTutorialUniApp
0 likes · 9 min read
Vue3 + Vite4 + Pinia + Axios Project Setup and Usage Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 16, 2024 · Mobile Development

Lessons and Solutions from Three Months of uniapp Multi‑Platform Development

This article shares a three‑month experience of developing and maintaining a uniapp multi‑platform project, detailing challenges such as Android camera crashes, in‑app notifications, iOS side‑swipe back, Xiaomi browser swipe conflicts, background timers, keyboard height detection, and proposes practical solutions and refactoring ideas.

AndroidDebuggingUniApp
0 likes · 15 min read
Lessons and Solutions from Three Months of uniapp Multi‑Platform Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 21, 2023 · Frontend Development

My Front‑End Technology Stack Review and Recommendations

This article shares a personal front‑end technology stack review, covering Vue, React, Nuxt, TypeScript, mini‑programs, uniAPP, Three.js, Node back‑end frameworks, HarmonyOS, and other tools, offering practical insights and recommendations for developers at the 0‑3 year experience level.

NuxtThreeJSTypeScript
0 likes · 16 min read
My Front‑End Technology Stack Review and Recommendations
vivo Internet Technology
vivo Internet Technology
Oct 26, 2022 · Frontend Development

Migrating WePY Mini‑Program to UniApp: Compiler Design and Implementation

The Vivo front‑end team built a custom compiler that automatically transforms WePY mini‑program files—including templates, scripts, components, and pages—into UniApp Vue code, cutting the estimated 25‑person‑day migration to seconds, delivering a bug‑free launch and paving the way for open‑sourcing the tool.

BabelCompilerFrontend
0 likes · 32 min read
Migrating WePY Mini‑Program to UniApp: Compiler Design and Implementation
Java Architect Essentials
Java Architect Essentials
Aug 19, 2021 · Mobile Development

WeChat Mini Program Mall (Java Version) – Open‑Source Project Overview and Installation Guide

This article introduces the open‑source WeChat mini‑program mall (Java version), detailing its technical stack, development plan, project structure, core features such as member and order management, SMS service integration, and step‑by‑step installation and deployment instructions for both backend and frontend components.

InstallationMini ProgramOpen Source
0 likes · 7 min read
WeChat Mini Program Mall (Java Version) – Open‑Source Project Overview and Installation Guide