Savez-vous quelle sera la tendance de développement du grand front-end en 2021 (explication détaillée)

Le développement rapide du développement front-end apporte chaque année de nouveaux mots-clés aux développeurs. Quels seront les mots-clés du développement front-end en 2021 ? Quelle sera l’orientation du développement ? En ce qui concerne le développement du grand front-end en 2019, il n'est pas surprenant que le front-end se concentre toujours sur plusieurs aspects tels que les petits programmes, les super APP, le développement cross-end, l'ingénierie front-end et l'application de nouvelles technologies ( vous pouvez vous référer à la profondeur des grandes tendances technologiques frontales dans l’interprétation de 2019).

Mini programme

Développement de mini programmes, cette année est encore une année de développement rapide de mini programmes Toutes les principales applications grand public ont lancé des fonctions de mini programme et divers fronts. -fin L'équipe dispose également d'une équipe de développement de mini-programmes dédiée pour s'adapter aux besoins de développement de mini-programmes plus rapides. Dans le même temps, de nombreuses fonctions clés des applications ont été remplacées par des mini-programmes. Certaines applications sont même devenues des mini-programmes natifs, et les couches supérieures devraient toutes être des mini-programmes.

Avant l'émergence des mini programmes WeChat, tout le monde parlait d'Hybird et de ReactNative, mais au final ce n'était qu'un carnaval sur le plan technique, et il n'y a jamais eu d'injection d'attributs business. L'émergence de mini-programmes indique non seulement à l'industrie que Webview sur les appareils actuels n'est pas si mauvais, mais indique également à l'industrie comment permettre aux commerçants compétents d'effectuer des opérations de domaine privé sur des super APP.

D'un autre côté, d'un point de vue technique, sous les restrictions strictes du DSL de couche supérieure, super APP peut définir des standards Web qui répondent à ses propres exigences, combler les lacunes des standards Web actuels, et enfin coopérer avec le client et combiner hors ligne, préchargement et personnalisation. Webview peut produire divers modèles techniques sympas similaires à NSR, permettant au Web d'obtenir l'expérience de la version native à faible coût à la fin, sans être un peu gênant comme Weex en dehors du fin.

Cependant, en raison de la nécessité de s'appuyer sur des super APPs (WeChat, Alipay, Baidu, Meituan, Toutiao, etc.), en raison des différences dans les plans spécifiques adoptés par chaque plateforme, les plans de mise en œuvre actuels des mini les programmes sont également différents. Parfois, plusieurs ensembles de codes doivent être développés.

Développement cross-end

Développement cross-end, l'état RN est très mature, ou il n'y a pas beaucoup de perspectives de développement, car il est toujours bloqué à la version 0.61 , il semble que la version 1.0 soit encore loin. Par conséquent, de nombreuses équipes sont passées à Flutter cette année, en particulier la sortie de Flutter pour le Web, qui a ravivé l'espoir et donné envie au front-end Web d'essayer.

Dans le même temps, Apple a également publié un nouveau système d'interface utilisateur - SwiftUI. Dans le même temps, SwiftUI pour le Web est déjà en route dans la communauté open source. SwiftUI pour Android peut-il être loin derrière ?

Développement cross-end, Flutter se développera toujours rapidement, et il y aura plus de développeurs sur JS, SwiftUI pour Web et Android sera également des choses open source qui méritent d'être attendues. Après tout, il n'y a toujours pas de parfait. solution pour plan croisé.

Ingénierie front-end

Dans l'ingénierie front-end, la qualité de base la plus importante pour les développeurs est d'améliorer l'efficacité grâce aux outils. ceci Itérer et optimiser.

Nous avions l'habitude de parler de Yoman et d'une série d'outils de construction tels que CLI, mais une fois l'équipe agrandie, nous avons toujours senti qu'il manquait quelque chose. D'un autre côté, les étudiants Java n'ont jamais entendu parler des ingénieurs de configuration Spring Boot.

Cette année, de nombreuses équipes construisent des outils de processus DevOps front-end complets, et ces équipes ont également commencé à collaborer et à construire, qu'il s'agisse de Web ou de petits programmes, à partir de nouveaux projets, de développement, de débogage conjoint (tiao) Du déploiement aux tests, en passant par la publication, l'exploitation et la maintenance jusqu'au suivi des statistiques, il existe des outils complets pour garantir et améliorer l'efficacité. À l'avenir, les projets front-end deviendront de plus en plus standardisés.

Dans l'attente du développement du front-end en 2020, le système d'ingénierie front-end sera certainement plus en boucle fermée. Il n'est plus aussi simple qu'un échafaudage, mais sera combiné avec l'IDE pour. ouvrez les attributs métier, de l'initialisation du projet à l'écriture du code, en passant par le CI, les niveaux de gris et la libération, formez une boucle fermée complète.

Sans serveur

La popularité de Serverless peut presque être attribuée au front-end. Étant donné que Serverless peut parfaitement prendre en charge Node.js, Serverless aide les développeurs front-end à résoudre de nombreux problèmes lors du processus d'utilisation de Node.js.

La plupart des ingénieurs front-end actuels ont une formation professionnelle, bien qu'ils ne puissent pas se comparer aux authentiques étudiants en développement côté serveur, ils peuvent également écrire beaucoup de logique métier au niveau de la couche côté serveur. Actuellement, de nombreuses entreprises construisent des couches BFF pour répondre à ces demandes, mais elles ne parviennent toujours pas à se débarrasser des obstacles liés à l'exploitation, à la maintenance et à l'allocation des machines.

Avec la mise en œuvre progressive de Serverless, le code de couche BFF éliminera des problèmes complexes tels que l'exploitation et la maintenance, l'allocation des machines, etc. Dans le même temps, il y a une forte probabilité que les étudiants front-end écrivez cette partie du code et les étudiants côté serveur se concentreront sur les réalisations du système intermédiaire. D’un point de vue commercial, les coûts d’essais et d’erreurs des entreprises seront également considérablement réduits.

Alors que Node.js devient une compétence essentielle pour les développeurs front-end, la popularité continue du cloud computing rendra le sans serveur à sa portée. Alors que de plus en plus de développeurs goûtent aux avantages de la R&D, le Serverless va définitivement changer le modèle de R&D front-end.

Dans le même temps, les étudiants qui utilisent Serverless utiliseront certainement TS. Cela signifie également que si vous n’écrivez pas TS en 2020, vous pourriez vraiment être exclu.

WebAssembly

WebAssembly est un nouveau format de bytecode et tous les principaux navigateurs prennent actuellement en charge WebAssembly. Contrairement à JS, qui nécessite une interprétation et une exécution, le bytecode WebAssembly est très similaire au code machine sous-jacent et peut être rapidement chargé et exécuté. Par conséquent, les performances sont grandement améliorées par rapport à l'interprétation et à l'exécution de JS.

En d'autres termes, WebAssembly n'est pas un langage de programmation, mais un standard de bytecode. Il nécessite un langage de programmation de haut niveau pour compiler le bytecode et l'insérer dans la machine virtuelle WebAssembly pour l'exécuter. do Il s'agit d'implémenter une machine virtuelle selon la spécification WebAssembly.

Avec WebAssembly, n'importe quel langage peut être exécuté sur le navigateur. De Coffee à TypeScript en passant par Babel, tout cela doit être traduit en js avant de pouvoir être exécuté, tandis que WebAssembly intègre une machine virtuelle dans le navigateur et l'exécute directement sans avoir besoin de traduction, de sorte que l'efficacité d'exécution est naturellement beaucoup plus élevée.

Par exemple, le logiciel AutoCAD est un logiciel de conception automatique assistée par ordinateur produit par American Autodesk Co., Ltd. (Autodesk), qui peut être utilisé pour le dessin en deux dimensions et la conception tridimensionnelle de base. Lorsque vous l'utilisez, vous n'avez pas besoin de connaître la programmation pour dessiner automatiquement. Par conséquent, il est largement utilisé dans de nombreux domaines tels que la construction civile, la décoration, le dessin industriel, le dessin technique, l'industrie électronique et la transformation des vêtements dans le monde entier.

AutoCAD est un logiciel écrit avec une grande quantité de code C++ et a connu de nombreuses évolutions technologiques, du bureau au mobile en passant par le Web. Auparavant, il y avait un discours à InfoQ intitulé "AutoCAD & WebAssembly: Moving a 30 Year Code Base to the Web", qui utilisait WebAssembly pour faire fonctionner de nombreux anciens codes C++ sur le Web et garantir l'efficacité de l'exécution.

Le moteur JavaScript principal V8 de WebAssembly inclut désormais Liftoff, un nouveau compilateur de base WebAssembly. Le générateur de code simple et rapide de Liftoff accélère considérablement le lancement des applications WebAssembly. En 2019, de nombreuses entreprises ont commencé à investir de la main-d'œuvre dans l'apprentissage et la transformation de WebAssembly. Je pense que WebAssembly connaîtra une période explosive en 2020.

5G

Un sujet incontournable en 2019 est la 5G. Tout d’abord, l’augmentation substantielle de la bande passante 5G a entraîné une nouvelle augmentation de la complexité du Web traditionnel, tout comme le passage de l’ère des hyperliens en texte brut du WAP à l’ère de la vidéo pleine image 4G lors du passage de la 2G à 4G. La 5G représentera un énorme changement, mais cela ne se produira certainement pas du jour au lendemain. Parce que les fonctionnalités de support correspondantes doivent également être progressivement améliorées, telles que les performances du matériel et la vitesse de traitement du navigateur.

Le rendu côté serveur (SSR) est définitivement un raccourci. Il est léger sur le front-end et lourd sur le back-end. Mettre le rendu dans le back-end n'est pas aussi simple que l'isomorphisme. . Cela nécessite une attention et une optimisation des performances de rendu. WebAssembly pourrait se développer rapidement grâce à cette opportunité, car il peut connecter de manière transparente plusieurs langages d'arrière-plan, et l'optimisation du rendu en arrière-plan entraînera également des changements dans les modèles de R&D front-end et l'architecture technique.

Deuxièmement, l'Internet de tout apporté par la 5G apportera des scénarios d'application diversifiés qui sont différents des smartphones et des PC ordinaires, tels que la réalité virtuelle, les appareils portables, les systèmes de téléchargement, la projection intelligente, l'interaction intelligente, etc. le Web dans divers champs verticaux, ce qui signifie également qu'il y aura plus d'espace ouvert sur le front-end. Je pense qu’avec la commercialisation à grande échelle de la 5G, un certain nombre de nouveaux géants de l’Internet vont naître.

Merci à tous d'avoir lu, j'espère que vous en bénéficierez beaucoup

Cet article est reproduit à partir de : https://xiangzhihong.blog.csdn.net/article/details/103233487

Plus d'informations connexes Pour plus d'informations, veuillez visiter le Site Web PHP chinois ! !

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!