刘耀文

刘耀文

java开发者
github
HomeArchives图文

# Want to develop an app for the mx-space mini program side

#手记233
AI Translation
This post is translated from Chinese into English through AI.View Original
AI-generated summary
This is a small program display end for mx-space, with features including blog browsing, dynamic content, notes, and a comment system. The initial version focuses on implementing the blog feature using technologies such as Taro3 framework, Towxml Markdown parsing, React18 SPA, React Router 6, and animations. The development process and encountered issues are documented in this project.

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

First version (initial implementation of the blog)#

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, and 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.