Shulou(Shulou.com)06/02 Report--

This article introduces how to understand the difference between mobile front-end development and web front-end development. The content is very detailed. Interested friends can use it for reference. I hope it will be helpful to you.

Since they are both front-end developers, there must be a close relationship between the two, but the landlord mainly asks about the differences. I will briefly talk about the similarities first, and then focus on the analysis of the differences.

Mobile front-end development and web front-end development actually belong to the scope of front-end development. at present, the trend of front-end development is large front-end, which can be said to be all-inclusive, of course, it also includes PC and mobile end fields, and today's front-end developers are no longer what they were then, and need to learn and master all aspects of large-front-end systems in order to be able to do well in daily development. But no matter how the trend develops, HTML, CSS and JavaScript are still the three cornerstones of the whole front-end development. So whether the landlord wants to do mobile front-end development or web front-end development, these three basic technologies must be skillfully mastered.

Let me talk about since both mobile front-end development and web front-end development belong to front-end development, what's the difference?

1. Business application scenarios

Web front-end development mainly refers to the traditional PC-side web page development, the page is mainly run in the PC browser, and the mobile front-end page is mainly run on the mobile phone. Intuitively, the PC page is larger and the mobile page is smaller, but according to development experience, a large page does not mean that the written code is complex, and a small page does not mean that it is easy to develop, and the difficulty and ease mainly depend on the specific business requirements.

2. The use of new technologies

Because the webkit kernel is mainly used on the mobile side, and the support for new technologies such as HTML5 is better, the new technologies can be used on a larger scale. While the development on the PC side requires compatibility with older browsers such as IE in many scenarios, the use of new technologies is limited in some cases because of browser compatibility.

3. Page adaptation

Traditional PC page developers generally choose to set a fixed width for the page, with white space on both sides, but the mobile page because its carrier mobile phone screen is much smaller than PC, generally choose to display content on the mobile screen as much as possible, which requires that the mobile page should be able to fully adapt to various screen sizes of mobile phones and make maximum use. From this point of view, the adaptation of the mobile page is more difficult.

4. Performance of the page

The network on the PC side is generally stable, which is connected to the network through a network cable or Wi-Fi. But the mobile end is more complex, in addition to Wi-Fi, there are 2G, 3G, 4G and even alternate switching in several different network connections often occur. The challenge brought by unstable network connections to the page performance is that the page resources on the mobile side can not be too large, otherwise in bad network conditions, the page will be inaccessible, seriously affecting the user experience.

5. Frame selection

Due to the instability of the mobile network, we generally only consider small and beautiful frames when selecting page frames on the mobile end. For example, only 9.6K after compression like zepto.js can meet the needs of general business. If you want to build a more complex single-page application, you can choose a framework like vue.js, which is powerful, but only more than 20K after volume compression. While the web side has a relatively wide range of choices, some heavy frameworks can also be considered according to project requirements, such as the ancient but huge ext.js, which is still active in some enterprise background management system projects with many UI components.

How to understand the difference between mobile front-end development and web front-end development is shared here. I hope the above content can be helpful to everyone and learn more knowledge. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.