angulaire.js - À propos du développement front-end, développement d'une seule page

Question

Si vous n'utilisez pas de framework pour créer une application monopage très complexe, à quels problèmes devez-vous prêter attention ?
Ensuite, je souhaite utiliser le framework yeoman angularJS pour le faire, mais je n'y ai jamais été exposé. Je ne trouve pas de bon tutoriel sur le développement angulaire sur Internet. J'espère que vous pourrez m'aider à le trouver.

Answer 1

1. Si vous êtes débutant Angular, j'espère que vous pourrez d'abord maîtriser les compétences de base de Angular, ce qui vous sera d'une grande aide pour votre développement ultérieur.
2. Vous recommander quelques sites Web :

• Génie domestique

• Communauté chinoise AngularJS domestique

  3. Sites Internet étrangers :

• Site officiel d'AngularJS

• scotch

• ng-newsletter

  4. Concernant le yeoman+Angular que vous souhaitez utiliser, vous pouvez consulter le site suivant :

• yeoman

• generator-angular est un yeoman que vous utiliserez lors de l'utilisation de generator. Il vous aide à organiser la structure des fichiers, ce qui est assez pratique.

  5. Une petite suggestion, pour apprendre Angular, vous devriez lire plus d'informations étrangères. Certaines des explications nationales sont d'anciennes versions, et certaines explications sont fondamentalement différentes des idées de Angular. Il est préférable de suivre le site officiel. Si vous parcourez les exemples ci-dessus et la documentation, vous saurez probablement ce qui se passe.
  6. Si vous lisez un livre, il est recommandé de lire Le guide définitif d'AngularJS Bien qu'il y ait quelques erreurs typographiques dans le livre, le sentiment général est toujours acceptable.

Answer 2

Les prédécesseurs ont fait en sorte que j'emprunte des fleurs pour les offrir à Bouddha

http://www.html-js.com/article/Angular-learning-angularjs-learning-resource-collection%203059

Adresse GitHub https://github.com/dolymood/AngularLearning
Bases

Officiel : http://docs.angularjs.org Le site Web officiel d'Angularjs a été bloqué, vous pouvez voir http://www.ngnice.com/
Package de téléchargement zip officiel https://github.com ; /dolymood /angular-packages, le service docs a été ajouté, entrez simplement l'adresse, par exemple : http://blog.aijc.net/angular-packages/angular-1.3.15/docs/
jquery?ag ? : http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background
note générale : https://github.com /joeylin/angular- note
livre angulairejs : https://github.com/shyamseshadri/angularjs-book
learning-angular : https://github.com/zafarali/learning-angular et ma version traduite ( ing) https://github.com/dolymood/learning-angular
Comment combiner angulaire et require : https://github.com/tnajdek/angular-requirejs-seed
Utiliser angulaire pour développer la prochaine génération des applications Web (angular js) [Livre】
Notes agricoles de Lcllao : http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html
angular-service-or-factory ? Vous ne pouvez pas faire la différence ? http://iffycan.blogspot.com.ar/2013/05/angular-service-or-factory.html et https://github.com/tylermcginnis/AngularServices
angular-injection http://iffycan.blogspot .com.ar/2013/07/angular-injection.html
Utiliser Angular pour développer des applications Web de nouvelle génération (angular js) livre https://github.com/aztack/AngularJS-translation
Article angulaire de Polang Une collection de http://www.cnblogs.com/whitewolf/category/404298.html
Notes d'étude angulaires de Zou Yesheng http://zouyesheng.com/angular.html
Une collection d'articles angulaires de Lu Dabao http ://www .cnblogs.com/lvdabao/tag/AngularJs/
Une collection d'articles angulaires dans la brume poussiéreuse http://wangjiatao.diandian.com/?tag=angularjs
Articles angulaires dans des fils sombres ( traditionnel) http://blog.darkthread.net/blogs/darkthreadtw/archive/tags/AngularJS/default.aspx
Modélisation des données AngularJS http://blog.jobbole.com/54817/
Quelques pièges dans AngularJShttp :/ /blog.jobbole.com/52857/
Guide de la version chinoise http://angular.duapp.com/guide
astuces angulaires http://angular-tips.com/
ng-newsletter http :/ /www.ng-newsletter.com/
Les 10 erreurs les plus courantes commises par les développeurs AngularJS http://www.oschina.net/translate/top-10-mistakes-angularjs-developers-make
AngularJS Guide pratique des commandes (2) http://blog.jobbole.com/62999/
fse.guru http://www.fse.guru/angular-core-components-roles et autres articles connexes de l'auteur
Compréhension approfondie de la portée d'AngularJS http://www.lovelucy.info/understanding-scopes-in-angularjs.html
Articles et tutoriels de la communauté chinoise angulaire sur angulaire.js http://angularjs.cn /tag/AngularJS
Le blog de xufei https://github.com/xufei/blog/issues a été mis à jour, recommandé et parle très bien !
angularjs-internals-in-owned http://www.smashingmagazine.com/2015/01/22/angularjs-internals-in-owned/
introduction-to-unit-testing-in-angularjs http : //www.smashingmagazine.com/2014/10/07/introduction-to-unit-testing-in-angularjs/
Tests unitaires AngularJS – Pour de vrai, bien que https://quickleft.com/blog/angularjs-unit -testing-for-real-though/
Référentiel de démarrage rapide pour le matériel angulaire https://github.com/angular/material-start
aide-mémoire angulaire https://dncmagazine.blob.core.windows.net /downloads/AngularCheatSheet-DNCMagazine.pdf
angular-translate https://github.com/angular-translate/angular-translate
15 instructions d'extension d'application Angular.js recommandées http://www.oschina.net / traduire/15-directives-to-extend-your-angular-js-apps
Un guide de la transclusion dans AngularJS http://teropa.info/blog/2015/06/09/transclusion.html
Exemple

Tutoriel d'exemple officiel : http://docs.angularjs.org/tutorial/
Mon propre exemple angulaire
De novice à expert en 7 étapes (texte original recommandé, vous pouvez consulter directement l'exemple de code) : http://iffycan.blogspot.com. ar /2013/08/angular-ajax-upload.html
application angulaire https://github.com/angular-app/angular-app
Amusez-vous avec AngularJS http://devgirl.org/2013/ 03 /21/fun-with-angularjs/
Exemples complets d'instructions et de composants angulaires https://github.com/angular-cn/ng-showcase
Modèle MVVM en angulaire http://greengerong.github. io/blog/2015/06/16/angularzhong-de-mvvmmo-shi/
Vidéo

Tutoriel vidéo angulaire http://www.kittencup.com/category/video/angularjs/

Ali Lalan Exchange Meeting AngularJS Session spéciale http://www.imooc.com/view/203?utm_source=jobboleweibo

Expérience pratique AngularJS enseignée par Da Mo Qiongqiu http://www.imooc.com/learn/156
Tutoriel vidéo angulaire sur codeschool http://campus.codeschool.com/courses/shaping-up-with-angular -js/intro
schéma, performances

Utilisez AngularJS pour créer des applications Web à grande échelle http://www.infoq.com/cn/news/2013/02/angular-web-app
Optimize 1200=>35 (il est recommandé de vérifier le site officiel, de A en juger par l'article, je n'ai pas de sentiments profonds ps : avis personnel) : http://blog.jobbole.com/51180/
Guide des modèles : https://github.com/mgechev/ guide-style-angularjs
angularjs -performance-with-large-listshttp://tech.small-improvements.com/2013/09/10/angularjs-performance-with-large-lists/
angularjs-my -solution-to-the-ng-repeat-performance-problemhttp://www.williambrownstreet.net/blog/2013/07/angularjs-my-solution-to-the-ng-repeat-performance-problem/
angulairejs-pitfalls-using-scopes http://thenittygritty.co/angularjs-pitfalls-using-scopes
Lier une seule fois https://github.com/Pasvaz/bindonce
Angular-lazyload de Tianzhu
Utiliser require.js pour charger dynamiquement les routes Bibliothèque de fichiers angulaireAMD https://github.com/marcoslin/angularAMD
Délégué d'événement angulaire-delegate-event
meilleures pratiques angulaires http://www.lovelucy.info/angularjs-best -practices.html
Comment organiser le code dans les grandes applications JavaScript ? http://kb.cnblogs.com/page/176541/
databinding-in-angularjs http://stackoverflow.com/questions/9682092/databinding-in-angularjs/9693933#9693933
Meilleures pratiques AngularJS http https://www.artandlogic.com/blog/2013/05/ive-been-doing-it-wrong-part-1-of-3/
Recommandations de bonnes pratiques pour la structure d'application angulaire https://docs.google .com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub
Superspeed vos applications angulaires http://orangevolt.blogspot.com/2013/08/superspeed-your-angularjs-apps.html
http://joshdmiller .github.io/ng-boilerplate/
Pourquoi notre application angulaire est toujours lente http://www.zhex.me/blog/2013/11/22/why-out-angular-app-is-slow /
Expérience d'optimisation des performances angulaires http://atian25.github.io/2014/05/09/angular-performace/
angular-debounce https://github.com/shahata/angular-debounce
Logiciel d'entreprise architecture front-end basée sur AngularJS http://www.infoq.com/cn/news/2014/05/angularjs-front-end-architecture
données angulaires http://angular-data.pseudobry.com/
Guide de style AngularJS (y compris les versions traduites) https://github.com/johnpapa/angular-styleguide
Créez rapidement une application angulaire-kickstart https://github.com/vesparny/angular-kickstart
Chargement dynamique contrôleur https://github.com/DanWahlin/CustomerManager
Améliorez les performances en utilisant moins de contrôleur ng http://teropa.info/blog/2014/10/24/how-ive-improved-my-angular- apps-by-banning-ng-controller.html et d'autres articles ng sur ce site
AngularJS Style Guide 2 https://github.com/toddmotto/angularjs-styleguide
liaison de données angulairejs https://github. com/rchee/translation/blob/master/angularJS/databinding-in-angularjs.md
Créez, lisez, mettez à jour, supprimez des collections MongoDB via AngularJS https://github.com/Unitech/angular-bridge
Authentification AngularJS basée sur des jetons https://github.com/sahat/satellizer
Virtual Scroll for AngularJS ngRepeat directive https://github.com/kamilkp/angular-vs-repeat
Classe Component (UI | module)

angular UI https://github.com/angular-ui
Directives Bootstrap pour Angular : https://github.com/mgcrea/angular-strap
Conception matérielle pour Angular https://github. com/angular/material
librairie angulaire, comprenant "proxy d'événement, boîte de dialogue, flux de téléchargement, aperçu de l'image imageViewer, clavier évolué (prend en charge la transmission du code clé), molette de la souris, chargement progressif, sélection de contenu", https:// github.com /dolymood/angularLib
ng-control de xufei
trouver des modules pour angulaire http://ngmodules.org/
Analyse du code source

Concours MVVM : Analyse du code source AngularJS http://www.cnblogs.com/sskyy/p/3709649.html
Analyse du code source front-end http://www.html-js.com/article/ column/ 693
Analyse du code source de xuwenmin http://www.ifeenan.com/categories.html#angularjs-ref
Autres faits saillants

Une collection de ressources : https://github.com/jmcunningham/AngularJS-Learning
Sélection de ressources d'apprentissage AngularJS en 2013 http://blog.jobbole.com/54716/
L'AngularJS le plus puissant en 2013 Collection de ressources http://www.iteye.com/news/28651-AngularJS-Google-resource
La collection angulaire de xuwenmin http://www.ifeenan.com/categories.html#angularjs-ref
peut être copié la collection de ressources AngularJS http://www.csdn.net/article/2014-12-10/2823058-AngularJS
angular2

Une collection de ressources d'apprentissage angulaire2 : https://github.com/timjacobi/angular2-education

Answer 3

Qu'est-ce qu'une application d'une seule page

Si vous souhaitez simplement obtenir une candidature d'une seule page. Tant que vous n'avez pas besoin d'accéder à la page, toutes les modifications du contenu de la page seront obtenues à l'aide d'Ajax.

Je n'ai jamais appris AngularJS, je ne peux donc pas vous donner de conseils sur AngularJS

Voici quelques autres suggestions pour vous :
http://www.zhile.name/2.html

Exemple : http://m.shihj.com/

Answer 4

Si vous n'empruntez pas de framework, il est nécessaire d'utiliser un moteur de modèles. Deuxièmement, vous devez encapsuler un tas d'opérations courantes et vous devez faire un peu attention aux problèmes de mémoire.

Answer 5

URL, le référencement est mieux conçu à l'avance, sinon ce sera pénible plus tard.
L'URL implique les étapes avant et arrière du navigateur, et le référencement implique le nombre de visites futures sur votre site Web

Answer 6

SPA est considéré comme facile à réaliser, mais aussi difficile à réaliser. Le point de départ le plus important pour l'application SPA est l'architecture logique js. Si vous souhaitez créer une application d'une seule page pouvant prendre en charge un site Web complet, le La rationalité et la simplicité de l'architecture doivent être La convivialité est le point clé. De nombreuses démos sur Internet peuvent ne pas être applicables. Il est recommandé d'examiner d'abord certaines applications SPA d'une seule page, puis de revenir à l'architecture angulaire. être beaucoup plus facile, au moins vous ne serez pas confus. Ci-joint l'épine dorsale que j'ai faite : No Thief

.

Answer 7

Cela dépend toujours de vos besoins. À combien d'endroits avez-vous vraiment besoin de quelque chose d'aussi complexe qu'Angular ?
En fait, vous pouvez implémenter une chose comme vous le souhaitez, cela dépend toujours si elle convient ou non.
Le seuil pour Angular n'est pas élevé
Je vous suggère de regarder
Lynda - Up and Running with AngularJS
Regardez en ligne et téléchargez-le