Quelle est la différence entre le front-end Web et le front-end mobile

Différences : 1. Le développement front-end Web fait principalement référence au développement de pages Web traditionnelles côté PC. Les pages s'exécutent principalement dans les navigateurs côté PC. Les pages développées par le front-end mobile s'exécutent principalement sur les téléphones mobiles. 2. Le terminal mobile est principalement basé sur le noyau webkit et prend mieux en charge les nouvelles technologies telles que HTML5 tandis que le front-end Web nécessite une compatibilité avec les anciennes versions de navigateurs tels que IE dans de nombreux scénarios, ce qui limite dans certains cas l'utilisation ; des nouvelles technologies. 3. En termes d'adaptabilité des pages, l'adaptation des pages mobiles est plus difficile. 4. En termes de performances des pages, les performances du côté Web sont plus stables que celles du côté mobile.

L'environnement d'exploitation de ce tutoriel : système Windows 7, ordinateur Dell G3.

Selon la tendance générale actuelle du front-end, le développement front-end évolue de plus en plus vers un grand front-end, et le contenu est également tout compris. Parlons de la différence entre le front-end Web et le front-end mobile.

1. Scénarios d'applications commerciales

Le développement frontal Web fait principalement référence au développement de pages Web traditionnelles côté PC. Les pages sont principalement exécutées dans des navigateurs côté PC, et les pages développées par le front-end mobile sont principalement exécutées. sur les téléphones portables.

Intuitivement, vous sentirez que la page PC est plus grande et la page mobile est plus petite. Cependant, selon l'expérience de développement, une grande page ne signifie pas que le code écrit est compliqué, et une petite page ne signifie pas que le développement. est simple. La difficulté et la facilité dépendent principalement des besoins spécifiques de l'entreprise.

2. Utilisation des nouvelles technologies

Étant donné que le terminal mobile est principalement basé sur le noyau du webkit, il prend mieux en charge les nouvelles technologies telles que HTML5, de sorte que les nouvelles technologies peuvent être utilisées dans une gamme plus large, tandis que le développement sur PC a de nombreux scénarios Les exigences suivantes sont compatibles avec les anciennes versions de navigateurs telles que IE. En raison de considérations de compatibilité des navigateurs, l'utilisation des nouvelles technologies est limitée dans certains cas.

3. Adaptabilité de la page

Le développement traditionnel de pages côté PC choisit généralement de définir une largeur fixe pour la page, avec un espace blanc des deux côtés. Cependant, la page côté mobile a un écran beaucoup plus petit que celui du PC car. de l'écran de son téléphone mobile. Généralement, les gens choisissent d'afficher autant de contenu que possible sur l'écran du téléphone mobile, ce qui nécessite que la page mobile puisse s'adapter pleinement aux téléphones mobiles de différentes tailles d'écran et en faire une utilisation maximale.

De ce point de vue, l’adaptation des pages mobiles est plus difficile.

4. Performances de la page

La situation du réseau côté PC est généralement relativement stable, et tous sont connectés au réseau via des câbles réseau ou Wi-Fi, mais le côté mobile est plus compliqué en plus du Wi-Fi. Fi, il existe également la 2G, la 3G, la 4G et même Il est également courant de basculer entre plusieurs connexions réseau différentes.

Le défi que les connexions réseau instables apportent aux performances de la page est que les ressources de la page côté mobile ne peuvent pas être trop volumineuses, sinon la page sera inaccessible dans de mauvaises conditions de réseau, affectant sérieusement l'expérience utilisateur.

5. Sélection du framework

En raison de l'instabilité du réseau mobile, lors de la sélection des frameworks de pages mobiles, nous ne considérons généralement que les frameworks petits et beaux. Par exemple, après compression, comme zepto.js n'a que 9,6 K, peut répondre aux besoins des entreprises en général. Si vous souhaitez créer une application monopage plus complexe, vous pouvez choisir un framework comme vue.js, qui est puissant, mais la taille n'est que de plus de 20 Ko après compression.

La gamme de choix côté Web est relativement large, et certains frameworks plus lourds peuvent également être envisagés en fonction des besoins du projet. Par exemple, l'ancien mais énorme ext.js est toujours actif dans les projets de systèmes de gestion backend de certaines entreprises. ses nombreux composants d’interface utilisateur.

(Partage de vidéos d'apprentissage : Démarrer avec le front-end Web)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!