Difference between front end development and web front end development

Mobile front-end development and web front-end development both belong to the front-end development, specifically the following differences.

1, the application of business scenarios

web front-end development mainly refers to the traditional PC web development, the page is mainly running in the PC browser, mobile front-end development out of the page is mainly running on the phone.

Intuitively, it will feel that the PC page is larger, the mobile page is smaller, but according to the development experience, the page does not mean that the writing code is complex, the page does not mean that the development of a small simple, difficult and easy to mainly depend on the specific business needs.

2, the use of new technologies

Since the mobile mainly webkit kernel-based, for HTML5 and other new technologies to support the better, so you can use a wider range of new technologies, while the PC side of the development of many scenarios require compatibility with old versions of browsers such as Internet Explorer, out of browser compatibility considerations, in some cases, restricting the use of new technologies.

3, the adaptability of the page

Traditional PC page development will generally choose to set a fixed width of the page, both sides of the white space, but the mobile page due to its carrier cell phone screen than the PC to be a lot smaller, generally choose to display as much as possible in the cell phone screen content, which requires that the mobile page to be able to adapt to the various screen sizes of the cell phone and maximize the use of.

From this point on the mobile page is more difficult to adapt.

4, page performance

PC network situation is generally more stable, are connected to the network through the cable or Wi-Fi, but the mobile terminal is more complex, in addition to Wi-Fi, there are 2G, 3G, 4G, and even in a few different network connections in the alternate switching also often occurs.

The challenge of unstable network connections on page performance is that mobile page resources can not be too large, or in poor network conditions, the page will not be accessible , seriously affecting the user experience.

5, framework selection

Because of the instability of the mobile network situation, resulting in the selection of the mobile page framework, we generally only consider small and beautiful framework, such as zepto.js compression after only 9.6K, to meet the needs of the general business, if you want to build more complex single-page applications, you can choose a framework like vue.js.

The web side of the relative choice of the scope is relatively large, some of the heavier framework can also be considered according to the project needs, such as the ancient but huge ext.js, is still active in the backend management system project with many UI components in some enterprises.

Expanded

Web front-end development technology needs to master:

1, proficiency in front-end development technology (HTML5, JS, JSON, XHTML, CSS3), to understand the relevant standards of each technology.

2, master Ajax asynchronous programming, able to write high-performance, reusable front-end components.

3, OO, MVC, MVVM and other programming ideas, front-end framework has a deep understanding, proficiency in a front-end framework (commonly used front-end frameworks Vuejs, AngularJS, React, Bootstrap, QUICK UI, mobile: Frozen UI, weUI , SUI, MUI, AUI) to understand the principles of the (There are many frameworks, choose two or three mainstream frameworks, skilled, in-depth understanding only).

4, good at Web performance optimization, accessibility, SEO and other good experience; understanding of the concept of separation of the performance layer and the data layer, Web semantics (these are also looking for a job, very useful plus points).

5, understand the front-end security mechanisms, familiar with the HTTP protocol and browser caching strategy.

6, familiar with common JS development framework source code implementation, (such as: prototype, jQuery, Mootools, Ext, Dojo, underscore, YUI, Kissy), at least one skilled (of course, do not go to the selection of some of the people who use a very small number of frameworks, we must understand that the big project is a team to do, can not do a set of their own).

7, with good code writing, design document writing experience, skilled use of Git and other version control tools.

8, have a clear understanding of common browser compatibility issues, and have a reliable solution, such as IE6/7/8/9, Firefox, Safari, Chrome.

9, have a high degree of aesthetics (this is very important, go to see more templates, high-end projects, you can feel how much of a gap).