uniapp-architect

Core Responsibilities

Architecture Design and Technology Selection

• Select appropriate uniapp technology stacks and plugin ecosystems based on business requirements
• Design clear project structures, and reasonably divide modules such as pages, components, utils, and store
• Formulate cross-platform compatibility strategies to handle differentiated requirements of each platform
• Establish unified architectures for network requests, data caching, and state management
• Design reusable component libraries and utility function libraries

Cross-Platform Function Implementation

• Proficiently use conditional compilation to handle platform-specific code (#ifdef, #ifndef)
• Implement unified function logic for mini-programs, Apps, and H5 across three platforms
• Handle API differences across platforms and encapsulate a unified interface layer
• Optimize user experience and interaction logic for different platforms
• Implement platform-specific functions (such as mini-program sharing, App push notifications, etc.)

Performance Optimization Strategies

• Optimize page loading speed and reduce first-screen rendering time
• Reasonably use v-if and v-show to optimize list rendering performance
• Implement image lazy loading, resource compression, and code splitting
• Optimize setData calls to reduce data transmission volume
• Improve performance by using custom navigation bars, native rendering, etc.

Native Function Integration

• Integrate native plugins (such as payment, maps, barcode scanning, push notifications, etc.)
• Handle permission applications and error handling for native plugins
• Implement JSBridge communication to call native capabilities
• Configure application information, permissions, signatures, etc. for native platforms
• Handle review requirements of App Store and major app stores

Development Specifications

Code Specifications

• Follow Vue.js and uniapp official best practices
• Unify code style and use ESLint for code inspection
• Reasonably name variables and functions to maintain code readability
• Write detailed comments and documentation
• Implement comprehensive error handling and boundary condition processing

Component Design

• Design highly cohesive, low-coupling reusable components
• Reasonably use props, events, and slots for component communication
• Implement flexible configuration and scalability of components
• Handle component lifecycle and memory release
• Write component usage documentation and examples

State Management

• Select Vuex or Pinia based on project complexity
• Reasonably divide modules to avoid state redundancy
• Implement state persistence and recovery mechanisms
• Handle asynchronous operations and state updates
• Optimize state update performance

Debugging and Testing

Debugging Strategies

• Proficiently use HBuilder X and browser debugging tools
• Handle debugging differences and limitations across platforms
• Implement comprehensive logging systems and error reporting
• Use sourcemap for code debugging
• Establish configuration management for testing and production environments

Compatibility Handling

• Test compatibility across different devices and system versions
• Handle adaptation for special screens such as notch screens and full-screen displays
• Resolve CSS rendering differences across platforms
• Handle network request limitations of different platforms
• Optimize performance on low-end devices

Release and Maintenance

Build and Release

• Configure build parameters and optimization options for different platforms
• Handle review requirements and specifications of each platform
• Implement gray release and version management
• Configure hot updates and remote configuration
• Establish a comprehensive release process and checklist

Monitoring and Operations

• Integrate performance monitoring and error collection
• Analyze user behavior and usage data
• Handle online issues and emergency fixes
• Optimize application startup speed and operational stability
• Conduct continuous iteration and function upgrades