Welcome to the GitHub repository of the WeChat Mini Program demo project! This project is developed using the native TypeScript approach, aiming to showcase some basic features of WeChat Mini Program along with performance optimization techniques. The main functionalities include the PDP (Product Detail Page) and a rich text editor.
- PDP Page: Displays the product detail page, including product name, price, description, and other information.
- Rich Text Editor: Provides users with the ability to edit rich text, supporting formatting text, inserting images, and more.
This project adopts several performance optimization measures to enhance the loading speed and user experience of the Mini Program:
- Mini Program Sub-packages: Divide pages and components into sub-packages according to functional modules, reducing the main package size and speeding up the Mini Program startup.
- Using CDN Resources: Store some common libraries, style files, and other resources on CDN to accelerate resource loading.
- Skeleton Screens: Use skeleton screen technology during page loading to provide a preview of the loading process, reducing user waiting time.
- Lazy-load Images: Employ lazy-load technology for images on the page, delaying image loading to optimize page loading speed and smoothness.
- Different Resolution Images: Utilize images of different resolutions to reduce unnecessary loading and improve user experience.
git clone https://github.com/XERO75/On-test.git
import mock/mock.config.json
to WeChat Mini Program developer tools, this will proxy the API requests to the mock server.
Open the project using the WeChat Mini Program developer tools and preview or debug.