刘耀文

刘耀文

java开发者
github
HomeArchives图文

# Developing an application for the mx-space mini program端

#手记228
AI Translation
This post is translated from Chinese into English through AI.View Original
AI-generated summary
This is a small program display terminal for mx-space. The planned features include blog browsing, dynamic content, notes, and a comment system. The initial version focuses on implementing a blog with various effects and technologies such as Taro3 framework, Towxml Markdown parsing, React18 SPA, React Router 6, animations, and waterfall flow. Despite facing challenges with web libraries not fully compatible with small programs, the development progress and issues are documented in this post.

liyown/shiro-applet: Mini program display end for mx-space (github.com)

Expected features to be implemented

  • Blog browsing
  • Dynamics (i.e., thoughts)
  • Notes
  • Comment system
    Record development logs and issues encountered here

Initial version (initial implementation of blogs)#

First screen effect image
![Animation 4.gif](https://raw.githubusercontent.com/liyown/pic-go/master/blog/Animation 4.gif)

Waterfall effect:
![Animation 1.gif](https://raw.githubusercontent.com/liyown/pic-go/master/blog/Animation 1.gif)

Blog details effect:
![Animation 2.gif](https://raw.githubusercontent.com/liyown/pic-go/master/blog/Animation 2.gif)

Small interactive platform:
![Animation 3.gif](https://raw.githubusercontent.com/liyown/pic-go/master/blog/Animation 3.gif)

Technologies used in the blog section#

  • Taro3 framework
  • Towxml Markdown parsing
  • React18 SPA
  • React Router 6 (data routing)
  • Animation (imitating shiro effect)
  • Waterfall flow

Encountered many pitfalls, many web-end libraries cannot be used in mini programs, even if they can run, the effect is not as expected

This article is synchronized updated by Mix Space to xLog
The original link is https://me.liuyaowen.club/notes/3

Loading...
Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.