What is the difference between mobile and PC?

1.PC is about browser compatibility, and mobile development is more about mobile compatibility, because the current Android phone or iOS phone, the General browser is using the WebKit kernel, so to do mobile development, more consideration should be the phone resolution of the adaptation, Slightly differentiated from different operating systems.

2. In the process of partial event, the event that the mobile side comes out is the touch-screen event, and the missing is the hover event. In addition, including mobile phone pop-up keyboard processing, such problems on the PC side are not met.

3. On the layout, mobile development is generally to be layout adaptive, need to skillfully use the REM layout

4. In the animation processing, PC side due to consider the compatibility of IE, so usually use JS to do animation versatility will be better, but CSS3 did a lot of sacrifice, and in the mobile phone, if you want to do some animation, special effects, etc., the first choice is definitely CSS3, both simple, efficient and high.

5. Some of the interface groups can be implemented again, familiar with it is certainly good, such as by sharing articles, title, description, icon and other icons of the configuration, these will be.

6. Baidu map Some API interface for mobile, lbs is a very important feature, so the map is definitely to understand, in addition to Baidu map this piece is already a relatively mature platform, so it is easier to learn.

7.CSS3 Animation in the mobile side with more, but also pay attention to performance.

8. General PC end with jquery, Mobile end with Zepto, because the mobile traffic is still more important, so the introduction of resources or plug-ins, can be small, a 30k of resources and a 80k of resources, in the mobile side of the difference is quite large. The uncompressed jquery is 262kb, and the compressed Jquey is 83kb. The uncompressed Zepto is 54kb, and the compressed zepto is only 9kb.

9. It is best to master a complete front-end development architecture, such as modularity, packaging, compression, caching conditions can also do automated testing and so on.

10. Performance optimization, including the opening speed of the first screen, user response delay, rendering performance, animation frame rate and so on the phone need special attention.

What is the difference between mobile and PC?