Table des matières
Les mots précédents
Document résultat
Décomposition du système
À la sortie du projet, les optimisations suivantes sont requises
Maison interface Web js tutoriel Points de connaissance de l'architecture front-end

Points de connaissance de l'architecture front-end

Jun 20, 2017 am 09:43 AM
前端 架构

Les mots précédents

Cet article complétera les points de connaissances manqués par l'architecture front-end, y compris les quatre parties de sortie de document, de décomposition du système, d'extraction de composants et d'optimisation de version

Document résultat

1. Il y aura certains problèmes dans le processus de collaboration multi-personnes :

a. Les exigences rédactionnelles pour la formulation des documents sont relativement élevées et elles doivent être structurées, logiquement claires, bien écrit, rédigé rapidement, et Faites attention à la mise en page pour qu'elle soit adaptée à la lecture des autres

b. Si le système est plus complexe, le document sera très long s'il atteint plus d'un. quelques centaines de pages, il sera difficile de prendre beaucoup de temps pour le lire, et de nombreux détails seront parcourus

c. La capacité du cahier des charges à répondre aux besoins n'est pas forcément conforme à l'évolution ; logique. Le formulateur doit négocier avec les développeurs ;

d. Il doit répondre à la fois aux besoins et à la lecture des développeurs

e, ambiguïté dans la formulation, différences de compréhension personnelle, confusion ; , contenu incomplet, fautes de frappe, etc. ;

2 Il y aura également des problèmes dans le travail de suivi et la réutilisation :

a. Il est difficile de former la version finale de la spécification. Des modifications et des révisions ultérieures sont nécessaires. Les modifications entraîneront des frais supplémentaires pour le personnel ultérieur ;

b. Si les exigences changent, la spécification doit être repensée et l'architecture logicielle doit également être repensée. et de petites modifications ;

c. La réutilisabilité de la spécification est étroitement liée au niveau de conception du formulateur ;

d. Le document réutilisé aura également inévitablement des parties manquantes, du contenu manquant et la couverture. Les problèmes tels que la conception originale n'ont pas été modifiés ou supprimés

Décomposition du système

Dans le développement réel, les difficultés de décomposition du système et les problèmes nécessaires ; à considérer sont les suivants :

1. La principale difficulté de la décomposition est de savoir comment la diviser et si la division est raisonnable

2. Chaque fonction commerciale est liée, où la diviser ;

3. Le module divisé peut-il être à nouveau divisé ?

4. La granularité de la décomposition est-elle raisonnable ? Chaque module a sa propre subdivision au niveau du module ou de la classe. niveau ?

5. La décomposition peut facilement conduire à une décomposition excessive ou prématurée, augmenter les coûts et entraîner des risques

6. Les modules divisés peuvent-ils être réutilisés

7. Peut-il être réutilisé après décomposition ? Très bonne intégration ?

8. Assurer une décomposition à 100 % du brouillon interactif, et ne laisser manquer aucun module. Une légère omission affectera le développement ultérieur ;

<.> 9. Comment terminer la décomposition dans le délai imparti, sinon la progression globale sera retardée

Extraction de composants

Pour extraire des composants communs en fonction de l'interaction, les opérations suivantes doivent être effectuées

1. Divisez le brouillon interactif en fonction des niveaux et extrayez les parties similaires ;

2. Divisez-le davantage et extrayez les composants plus petits

3 ; . Assurez-vous que chaque composant est relativement indépendant et qu'il n'y a pas de duplication d'autres composants

4. Les composants séparés sont aussi simples que possible et peuvent être réutilisés

5. Par exemple, boutons, icônes, pagination, navigation, menus, listes, carrousels Images, etc.;

6. La combinaison de ces composants peut restaurer le brouillon interactif

Optimisation de la version

À la sortie du projet, les optimisations suivantes sont requises

1. Mise en cache des fichiers. Configurez un cache local à long terme pour économiser la bande passante et améliorer les performances ; utilisez les résumés de contenu comme base pour les mises à jour du cache afin d'obtenir un contrôle précis du cache, tout en obtenant une libération sans écrasement des ressources pour garantir des mises à niveau fluides

2. Statique Déploiement CDN des ressources, optimisation de la réponse aux requêtes réseau

 3. Fusion et optimisation des ressources. La fusion de fichiers et la modularisation entraîneront une forte augmentation des requêtes HTTP ; l'optimisation des images, y compris la compression d'images et la fusion de sprites (il semble que la police d'icônes soit désormais populaire pour cela), etc.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quelle est l'architecture et le principe de fonctionnement de Spring Data JPA ? Quelle est l'architecture et le principe de fonctionnement de Spring Data JPA ? Apr 17, 2024 pm 02:48 PM

SpringDataJPA est basé sur l'architecture JPA et interagit avec la base de données via le mappage, l'ORM et la gestion des transactions. Son référentiel fournit des opérations CRUD et les requêtes dérivées simplifient l'accès à la base de données. De plus, il utilise le chargement paresseux pour récupérer les données uniquement lorsque cela est nécessaire, améliorant ainsi les performances.

1,3 ms prend 1,3 ms ! La dernière architecture de réseau neuronal mobile open source de Tsinghua, RepViT 1,3 ms prend 1,3 ms ! La dernière architecture de réseau neuronal mobile open source de Tsinghua, RepViT Mar 11, 2024 pm 12:07 PM

Adresse papier : https://arxiv.org/abs/2307.09283 Adresse code : https://github.com/THU-MIG/RepViTRepViT fonctionne bien dans l'architecture ViT mobile et présente des avantages significatifs. Ensuite, nous explorons les contributions de cette étude. Il est mentionné dans l'article que les ViT légers fonctionnent généralement mieux que les CNN légers sur les tâches visuelles, principalement en raison de leur module d'auto-attention multi-têtes (MSHA) qui permet au modèle d'apprendre des représentations globales. Cependant, les différences architecturales entre les ViT légers et les CNN légers n'ont pas été entièrement étudiées. Dans cette étude, les auteurs ont intégré des ViT légers dans le système efficace.

PHP et Vue : une combinaison parfaite d'outils de développement front-end PHP et Vue : une combinaison parfaite d'outils de développement front-end Mar 16, 2024 pm 12:09 PM

PHP et Vue : une combinaison parfaite d'outils de développement front-end À l'ère actuelle de développement rapide d'Internet, le développement front-end est devenu de plus en plus important. Alors que les utilisateurs ont des exigences de plus en plus élevées en matière d’expérience des sites Web et des applications, les développeurs front-end doivent utiliser des outils plus efficaces et plus flexibles pour créer des interfaces réactives et interactives. En tant que deux technologies importantes dans le domaine du développement front-end, PHP et Vue.js peuvent être considérés comme une arme parfaite lorsqu'ils sont associés. Cet article explorera la combinaison de PHP et Vue, ainsi que des exemples de code détaillés pour aider les lecteurs à mieux comprendre et appliquer ces deux éléments.

Quelle est la courbe d'apprentissage de l'architecture du framework Golang ? Quelle est la courbe d'apprentissage de l'architecture du framework Golang ? Jun 05, 2024 pm 06:59 PM

La courbe d'apprentissage de l'architecture du framework Go dépend de la familiarité avec le langage Go et le développement back-end ainsi que de la complexité du framework choisi : une bonne compréhension des bases du langage Go. Il est utile d’avoir une expérience en développement back-end. Les cadres qui diffèrent en complexité entraînent des différences dans les courbes d'apprentissage.

Questions fréquemment posées par les enquêteurs front-end Questions fréquemment posées par les enquêteurs front-end Mar 19, 2024 pm 02:24 PM

Lors des entretiens de développement front-end, les questions courantes couvrent un large éventail de sujets, notamment les bases HTML/CSS, les bases JavaScript, les frameworks et les bibliothèques, l'expérience du projet, les algorithmes et les structures de données, l'optimisation des performances, les requêtes inter-domaines, l'ingénierie front-end, les modèles de conception et les nouvelles technologies et tendances. Les questions de l'intervieweur sont conçues pour évaluer les compétences techniques du candidat, son expérience en matière de projet et sa compréhension des tendances du secteur. Par conséquent, les candidats doivent être parfaitement préparés dans ces domaines pour démontrer leurs capacités et leur expertise.

Django est-il front-end ou back-end ? Vérifiez-le! Django est-il front-end ou back-end ? Vérifiez-le! Jan 19, 2024 am 08:37 AM

Django est un framework d'application Web écrit en Python qui met l'accent sur un développement rapide et des méthodes propres. Bien que Django soit un framework Web, pour répondre à la question de savoir si Django est un front-end ou un back-end, vous devez avoir une compréhension approfondie des concepts de front-end et de back-end. Le front-end fait référence à l'interface avec laquelle les utilisateurs interagissent directement, et le back-end fait référence aux programmes côté serveur. Ils interagissent avec les données via le protocole HTTP. Lorsque le front-end et le back-end sont séparés, les programmes front-end et back-end peuvent être développés indépendamment pour mettre en œuvre respectivement la logique métier et les effets interactifs, ainsi que l'échange de données.

Partage d'expérience en développement C# : compétences en développement collaboratif front-end et back-end Partage d'expérience en développement C# : compétences en développement collaboratif front-end et back-end Nov 23, 2023 am 10:13 AM

En tant que développeur C#, notre travail de développement comprend généralement le développement front-end et back-end. À mesure que la technologie se développe et que la complexité des projets augmente, le développement collaboratif du front-end et du back-end est devenu de plus en plus important et complexe. Cet article partagera quelques techniques de développement collaboratif front-end et back-end pour aider les développeurs C# à effectuer leur travail de développement plus efficacement. Après avoir déterminé les spécifications de l’interface, le développement collaboratif du front-end et du back-end est indissociable de l’interaction des interfaces API. Pour assurer le bon déroulement du développement collaboratif front-end et back-end, le plus important est de définir de bonnes spécifications d’interface. La spécification de l'interface implique le nom de l'interface

Déchirage manuel de la couche 1 de Llama3 : implémentation de Llama3 à partir de zéro Déchirage manuel de la couche 1 de Llama3 : implémentation de Llama3 à partir de zéro Jun 01, 2024 pm 05:45 PM

1. Architecture de Llama3 Dans cette série d'articles, nous implémentons Llama3 à partir de zéro. L'architecture globale de Llama3 : Imaginez les paramètres du modèle de Llama3 : Jetons un coup d'œil aux valeurs réelles de ces paramètres dans le modèle Llama3. Image [1] Fenêtre contextuelle (context-window) Lors de l'instanciation de la classe LlaMa, la variable max_seq_len définit la fenêtre contextuelle. Il existe d'autres paramètres dans la classe, mais ce paramètre est le plus directement lié au modèle de transformateur. Le max_seq_len ici est de 8K. Image [2] Vocabulaire-taille et AttentionL

See all articles