Nonsense, can skip
In this colorful era, all kinds of apps and special effects are full of our eyes. In my opinion, cool special effects can win users’ favor and improve user experience to a large extent. These cool interactions know no boundaries, so some of the best app effects can be applied to the web. For this purpose, I reproduced some special effects of Qzone based on VUE, not only to exercise my thinking of component-based development and get familiar with the use of VUE, but also to provide some ideas for the realization of some special effects. (This article focuses on the implementation principle of special effects, without any code parsing)
Originally wanted to use vue family bucket imitation of a complete QQ space, but writing, feeling that the meaning of doing so is not great (actually made lazy, but also have to spend time preparing for the interview). But don’t want to waste the original code, so change it, and then do a special effects share.
Technology stack
Vuex: No eggs, just to prove that I can use them. Better scroll: I wanted to do some scrolling using the native method, but it turned out to be a waste of time because I couldn’t figure it out 🙁
The body of the
Pop-up layer effects
Let’s start with one of the simplest effects that I don’t even know how to describe:
The window effects
I’m afraid there’s nothing cool about this special effect, because background-attachment can be perfectly implemented. I didn’t know it at all before this, thank you for pointing it out.
I call it the window effect because it makes me feel like a window:
Scope slot Slot
Editable navigation list
An editable navigation list that accepts a set of list data and the initial length of the list to display:
Contracted bounced
nonsense
This qzone special effects sharing is over, there are some small special effects are not implemented, and originally wanted to solve the problem of mobile terminal soft keyboard, and finally failed (lazy cancer again). This is the code, we take to play, in case play out a bug can come back to spray me, anyway I also won’t bird: > QQ, email: 774061539– unemployed