angular.js - 关于前端开发单页面的开发

Question

不借用框架做一个很是复杂的单页面应用，会有什么问题要注意？
然后想使用yeoman+angularJS的框架来做，但我从来没接触过这些。网上也找不到angular开发的好的教程，希望大家帮忙给找找看。

Answer 1

1. Jika anda seorang pemula Angular, saya harap anda dapat menguasai kemahiran asas Angular terlebih dahulu, yang akan sangat membantu perkembangan anda seterusnya.
2. Syorkan beberapa tapak web kepada anda:

• Kebaikan domestik

• Komuniti Cina AngularJS Domestik

  3. Laman web asing:

• laman web rasmi AngularJS

• scotch

• ng-newsletter

  4. Mengenai yeoman+Angular yang ingin anda gunakan, anda boleh menyemak laman web berikut:

• yeoman

• penjana-sudut ialah yeoman yang akan anda gunakan apabila menggunakan generator Ia membantu anda menyusun struktur fail, yang agak mudah.

  5. Sedikit cadangan, untuk mempelajari Angular, anda harus membaca lebih banyak maklumat asing Beberapa penjelasan domestik adalah versi lama, dan beberapa penjelasan secara asasnya berbeza daripada idea Angular terbaik untuk mengikuti laman web rasmi Jika anda melihat contoh di atas dan dokumentasi, anda mungkin akan tahu apa yang berlaku.
  6. Jika anda sedang membaca buku, adalah disyorkan untuk membaca Panduan Definitif untuk AngularJS Walaupun terdapat beberapa kesilapan tipografi dalam buku, perasaan keseluruhannya masih boleh diterima.

Answer 2

Pendahulu mengatur bahawa saya hanya meminjam bunga untuk dipersembahkan kepada Buddha

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

Alamat GitHub https://github.com/dolymood/AngularLearning
Asas

Rasmi: http://docs.angularjs.org Laman web rasmi angularjs telah disekat, anda boleh melihat http://www.ngnice.com/;
Pakej muat turun zip rasmi https://github.com /dolymood /angular-packages, perkhidmatan dokumen telah ditambah, hanya masukkan alamat, contohnya: 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
nota ag: https://github.com /joeylin/angular- note
buku angularjs: https://github.com/shyamseshadri/angularjs-book
learning-angular: https://github.com/zafarali/learning-angular dan versi terjemahan saya ( ing) https: //github.com/dolymood/learning-angular
Cara menggabungkan sudut dan memerlukan: https://github.com/tnajdek/angular-requirejs-seed
Gunakan sudut untuk membangunkan generasi seterusnya aplikasi web (angular js) [ Book】
Nota ag Lcllao: http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html
angular-service-or-factory? Tidak dapat membezakannya? http://iffycan.blogspot.com.ar/2013/05/angular-service-or-factory.html dan https://github.com/tylermcginnis/AngularServices
suntikan-sudut http://iffycan.blogspot .com.ar/2013/07/angular-injection.html
Menggunakan sudut untuk membangunkan buku aplikasi web generasi seterusnya (angular js) https://github.com/aztack/AngularJS-translation
Artikel sudut Polang Koleksi http://www.cnblogs.com/whitewolf/category/404298.html
nota kajian sudut Zou Yesheng http://zouyesheng.com/angular.html
Koleksi artikel sudut Lu Dabao http ://www .cnblogs.com/lvdabao/tag/AngularJs/
Koleksi artikel sudut dalam kabus berdebu http://wangjiatao.diandian.com/?tag=angularjs
Artikel sudut dalam benang gelap ( Cina tradisional) http:// /blog.darkthread.net/blogs/darkthreadtw/archive/tags/AngularJS/default.aspx
Pemodelan data AngularJS http://blog.jobbole.com/54817/
Sesetengah perangkap dalam AngularJShttp:/ /blog.jobbole.com/52857/
Panduan versi Cina http://angular.duapp.com/guide
petua sudut http://angular-tips.com/
ng-newsletter http://www.ng-newsletter.com/
10 kesilapan yang paling biasa dilakukan oleh pembangun AngularJS http://www.oschina.net/translate/top-10-mistakes-angularjs-developers-make
Panduan Amalan arahan AngularJS (2) http://blog.jobbole.com/62999/
fse.guru http://www.fse.guru/angular-core-components-roles dan artikel lain yang berkaitan oleh pengarang
Pemahaman mendalam tentang Skop AngularJS http://www.lovelucy.info/understanding-scopes-in-angularjs.html
artikel dan tutorial komuniti Cina angularjs tentang angular.js http://angularjs. cn/tag/AngularJS
blog xufei https://github.com/xufei/blog/issues telah dikemas kini, disyorkan dan bercakap dengan baik!
angularjs-internals-in-depth http://www.smashingmagazine.com/2015/01/22/angularjs-internals-in-depth/
pengenalan-kepada-unit-testing-in-angularjs http: //www.smashingmagazine.com/2014/10/07/introduction-to-unit-testing-in-angularjs/
AngularJS Unit Testing – For Real, Though https://quickleft.com/blog/angularjs-unit -testing-for-real-though/
Repositori Pemula Pantas untuk Bahan Sudut https://github.com/angular/material-start
lembaran cheat sudut https://dncmagazine.blob.core.windows.net /downloads/AngularCheatSheet-DNCMagazine.pdf
angular-translate https://github.com/angular-translate/angular-translate
Disyorkan 15 arahan sambungan aplikasi Angular.js http://www.oschina.net / translate/15-directives-to-extend-your-angular-js-apps
Panduan Untuk Transklusi dalam AngularJS http://teropa.info/blog/2015/06/09/transclusion.html
Contoh

Tutorial contoh rasmi: http://docs.angularjs.org/tutorial/
Contoh sudut saya sendiri
Daripada orang baru kepada pakar dalam 7 langkah (teks asal yang disyorkan, anda boleh melihat contoh kod terus) : http://github.com/tastejs/todomvc
angular-ajax-upload Instructional http://iffycan.blogspot.com. ar /2013/08/angular-ajax-upload.html
apl sudut https://github.com/angular-app/angular-app
Seronok dengan AngularJS http://devgirl.org/2013/ 03 /21/fun-with-angularjs/
Contoh komprehensif arahan Sudut dan komponen https://github.com/angular-cn/ng-showcase
Corak MVVM dalam sudut http://greengerong.github. io/blog/2015/06/16/angularzhong-de-mvvmmo-shi/
Video

tutorial video sudut http://www.kittencup.com/category/video/angularjs/

Alibaba Lazy Exchange Meeting Sesi Khas AngularJS http://www.imooc.com/view/203?utm_source=jobboleweibo
Pengalaman praktikal AngularJS yang diajar oleh Da Mo Qiongqiu http://www.imooc.com/learn/156
Tutorial video sudut tentang codeschool http://campus.codeschool.com/courses/shaping-up-with-angular -js/intro
skema, prestasi

Gunakan AngularJS untuk membina aplikasi web berskala besar http://www.infoq.com/cn/news/2013/02/angular-web-app
Optimize 1200=>35 (ia adalah disyorkan untuk menyemak laman rasmi, dari Berdasarkan artikel, saya tidak mempunyai perasaan yang mendalam ps: pendapat peribadi): http://blog.jobbole.com/51180/
Panduan corak: https://github.com/mgechev/ angularjs-style-guide
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/
angularjs-pitfalls-using-scopes http: //thenittygritty.co/angularjs-pitfalls-using-scopes
Ikat sekali sahaja https://github.com/Pasvaz/bindonce
Angular-lazyload Tianzhu
Gunakan require.js untuk memuatkan laluan secara dinamik Perpustakaan fail angularAMD https://github.com/marcoslin/angularAMD
Perwakilan acara angular-delegate-event
amalan terbaik sudut http://www.lovelucy.info/angularjs-best -practices.html
Bagaimana untuk menyusun kod dalam aplikasi JavaScript yang besar? http://kb.cnblogs.com/page/176541/
databinding-in-angularjs http://stackoverflow.com/questions/9682092/databinding-in-angularjs/9693933#9693933
Amalan Terbaik http://AngularJS ://www.artandlogic.com/blog/2013/05/ive-been-doing-it-wrong-part-1-of-3/
Syor Amalan Terbaik untuk Struktur Apl Sudut https://docs.google .com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub
Percepatkan apl angularjs anda http://orangevolt.blogspot.com/2013/08/superspeed-your-angularjs🎜 .github.io/ng-boilerplate/
Mengapa aplikasi sudut kami sentiasa perlahan http://www.zhex.me/blog/2013/11/22/why-out-angular-app-is-slow /
Pengalaman pengoptimuman prestasi sudut http://atian25.github.io/2014/05/09/angular-performace/
angular-debounce https://github.com/shahata/angular-debounce
Perisian perusahaan seni bina bahagian hadapan berdasarkan AngularJS http://www.infoq.com/cn/news/2014/05/angularjs-front-end-architecture
data sudut http://angular-data.pseudobry.com/
Panduan gaya AngularJS (termasuk versi terjemahan) https://github.com/johnpapa/angular-styleguide
Bina dengan cepat apl angular-kickstart https://github.com/vesparny/angular-kickstart
Beban Dinamik pengawal https://github.com/DanWahlin/CustomerManager
Tingkatkan prestasi dengan menggunakan kurang ng-controller http://teropa.info/blog/2014/10/24/how-ive-improved-my- angular- apps-by-banning-ng-controller.html dan artikel ng lain di tapak ini
AngularJS Style Guide 2 https://github.com/toddmotto/angularjs-styleguide
angularjs data binding https: //github. com/rchee/translation/blob/master/angularJS/databinding-in-angularjs.md
Buat, baca, kemas kini, padam koleksi MongoDB melalui AngularJS https://github.com/Unitech/angular- bridge
Pengesahan AngularJS berasaskan token https://github.com/sahat/satellizer
Tatal Maya untuk arahan AngularJS ngRepeat https://github.com/kamilkp/angular-vs-repeat
kelas Komponen (UI |modul)

UI sudut https://github.com/angular-ui
Arahan Bootstrap untuk Angular: https://github.com/mgcrea/angular-strap
Reka bentuk bahan untuk Angular https://github. com/angular/material
lib sudut, termasuk "proksi acara, dialog, aliran muat naik, imageviewer pratonton imej, keydown yang berkembang (menyokong penghantaran dalam kod kekunci), roda tetikus, pemuatan bergolek, pemilihan kandungan", https:// github.com /dolymood/angularLib
kawalan ng xufei
cari modul untuk sudut http://ngmodules.org/
Analisis kod sumber

Pertandingan MVVM: Analisis kod sumber AngularJS http://www.cnblogs.com/sskyy/p/3709649.html
Analisis kod sumber hadapan http://www.html-js.com/article/ column/ 693
analisis kod sumber xuwenmin http://www.ifeenan.com/categories.html#angularjs-ref
Sorotan lain

Koleksi sumber: https://github.com/jmcunningham/AngularJS-Learning
Pemilihan sumber pembelajaran AngularJS pada 2013 http://blog.jobbole.com/54716/
AngularJS yang paling berkuasa pada tahun 2013 Koleksi sumber http://www.iteye.com/news/28651-AngularJS-Google-resource
koleksi sudut xuwenmin http://www.ifeenan.com/categories.html#angularjs-ref
boleh disalin koleksi sumber AngularJS http://www.csdn.net/article/2014-12-10/2823058-AngularJS
angular2

Koleksi sumber pembelajaran angular2: https://github.com/timjacobi/angular2-education

Answer 3

Apakah itu aplikasi satu halaman

Jika anda hanya ingin mendapatkan satu aplikasi halaman. Selagi anda tidak perlu melompat ke halaman, semua perubahan kandungan halaman akan diperoleh menggunakan Ajax.

Saya tidak pernah belajar angularJS, jadi saya tidak boleh memberi anda sebarang nasihat tentang angularJS

Berikut ialah beberapa cadangan lain untuk anda:
http://www.zhile.name/2.html

Contoh: http://m.shihj.com/

Answer 4

Jika anda tidak meminjam rangka kerja, anda perlu menggunakan enjin templat Kedua, anda perlu merangkum sekumpulan operasi biasa, dan anda perlu memberi sedikit perhatian kepada isu ingatan.

Answer 5

URL, SEO direka bentuk lebih awal, jika tidak ia akan menyakitkan kemudian.
URL melibatkan langkah ke hadapan dan ke belakang penyemak imbas, dan SEO melibatkan bilangan lawatan ke tapak web anda pada masa hadapan

Answer 6

SPA dikatakan mudah dilakukan, tetapi juga sukar untuk dilakukan Titik permulaan yang paling penting untuk aplikasi SPA ialah seni bina logik js Jika anda ingin membuat aplikasi satu halaman yang boleh menyokong laman web yang lengkap rasional dan kemudahan seni bina mestilah Kebolehgunaan adalah perkara utama Banyak tunjuk cara di Internet mungkin tidak sesuai untuk melihat beberapa aplikasi SPA satu halaman belakang dahulu, dan kemudian kembali ke seni bina Sudut menjadi lebih mudah, sekurang-kurangnya anda tidak akan keliru. Dilampirkan adalah tulang belakang yang saya lakukan: No Thief

Answer 7

Ia masih bergantung pada keperluan anda. Berapa banyak tempat yang anda perlukan sesuatu yang kompleks seperti Angular?
Malah, anda boleh melaksanakan sesuatu perkara mengikut kehendak anda, ia masih bergantung pada sama ada ia sesuai atau tidak.
Ambang untuk Angular tidak tinggi
Saya cadangkan anda Tonton
Lynda - Up and Running with AngularJS
Lihat dalam talian dan muat turun