A, The scene content is stuck

1. Project background

On the login page, the bottom background is added with multiple static pictures, which can be moved smoothly from the bottom web to achieve a better visual effect for the user’s relative experience.

If the image is not moved properly, it will create an uncomfortable visual effect and a bad experience

Target framework: APP+H5, actually using static page HTML development

2. Challenges encountered

To solve the problem of moving multiple static pictures, it is necessary to have a certain logical processing basis, write code to a smooth process of pictures.

Finding a way to move smoothly can be a challenge for a beginner

3. Solving steps

1) Picture layout and style setting

Assume there are five images and set the image style to Position: Absolute

2) Calculate the initial position of the picture

According to the height of the picture, set a certain top value for the picture from top to bottom

3) Set the time value, speed value and total movement value

If you move a value of 0.6 pixels over a very short interval of 60 milliseconds, the movement will be smooth and smooth every second, with no vertigo or stuttering

4) Key code

4. Project summary

Any efficient APP needs to start with small functions and small details. Although there are no technical highlights and difficulties, it is also a very good user experience to perfect these small functions and small details.

Second, Product Experience content

1. Integrated accessUmeng + application performance monitoring platform U-APM

1) Create an application

2) Friendship statistics

2. Summary and sharing of integrated access experience

1) summarize

Personally, I think it is a good experience. For many of us APP developers, it provides a very good optimization tool and presents the overall operation of the APP in a multi-dimensional way.

From the multi-dimensional data display, let us pay more attention to the modification and improvement of business logic, and greatly improve the user experience and performance of APP!

2) share

As for the product Umeng +U-APM, I highly recommend sharing it with colleagues and friends, because its functions are excellent.

3. Suggestions and comments on products

1) can make a video tutorial, for primary or an introduction to the APP developer, can record some relative basic video tutorials, such as integrated access tutorial, from entering their Allies + website to apply for creating applications, with the actual APP development integration access successful process, maybe it will let the APP developers have some intuitive understanding!

2) For intermediate and advanced development, and can record some more complex functional videos

3) Or record some tutorial videos on the integration and use of new functions of UmENG +

Author: Full stack small 5

CSDN_ User ID: lmy_520

I have been engaged in Internet development for 8 years, from background development of C# to front-end development of HTML, small program development, official account development, and then APP+H5 development, as well as subsequent development of Java, Php and Python