โค้ด Angularjs / การตั้งชื่อ [ปิด]


162

ไม่มีใครทราบว่ามีการอ้างอิงอย่างเป็นทางการหรือเป็นที่ยอมรับมากที่สุดสำหรับข้อตกลงการตั้งชื่อเชิงมุมที่จะใช้เมื่อเราสร้างแอปพลิเคชันของเราหรือไม่?

เชิงมุมมีส่วนประกอบที่แตกต่างกันมากมายเช่นตัวกรองคำสั่งบริการและอื่น ๆ คุณจะไม่เห็นด้วยหรือไม่ว่าการมีการตั้งชื่อแบบแผนอ้างอิงเมื่อเรานำไปใช้ในแอปพลิเคชันของเราจะสมเหตุสมผล

ตัวอย่างเช่น:

หากเราต้องการสร้างตัวกรองใหม่เราควรตั้งชื่ออย่างไรเช่น [Something] ตัวกรองหรือตัวกรอง [Something] หรืออย่างอื่น

และเช่นเดียวกับตัวควบคุมบริการคำสั่งและอื่น ๆ

สิ่งอื่น ๆ ที่ฉันสงสัยคือถ้าตัวแปร / ฟังก์ชั่นที่อยู่ในขอบเขตควรมีส่วนเสริมหรือส่วนต่อท้ายพิเศษ ในบางสถานการณ์อาจมีประโยชน์ที่จะมีวิธีแยกความแตกต่างจากฟังก์ชั่นและอื่น ๆ (ไม่มีรหัสเชิงมุม)


คำตอบ:


158

ลองดูที่เก็บ GitHub นี้ที่อธิบายถึงแนวปฏิบัติที่ดีที่สุดสำหรับแอป AngularJS มันมีแบบแผนการตั้งชื่อสำหรับส่วนประกอบต่าง ๆ มันไม่สมบูรณ์ แต่ขับเคลื่อนโดยชุมชนเพื่อให้ทุกคนสามารถมีส่วนร่วมได้



45

หากคุณเป็นผู้เริ่มต้นจะเป็นการดีกว่าถ้าคุณเริ่มบทเรียนพื้นฐานและหลังจากนั้นเรียนรู้เกี่ยวกับการตั้งชื่อแบบแผน ฉันได้ทำสิ่งต่อไปนี้เพื่อเรียนรู้เชิงมุมซึ่งบางอย่างก็มีประสิทธิภาพมาก

บทแนะนำ:

  1. http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
  2. http://viralpatel.net/blogs/angularjs-controller-tutorial/
  3. http://www.angularjstutorial.com/

รายละเอียดของโครงสร้างแอปพลิเคชันและการตั้งชื่อการประชุมสามารถพบได้ในหลายสถานที่ ฉันผ่านไปแล้วกว่า 100 แห่งของเว็บไซต์และฉันคิดว่าสิ่งเหล่านี้ดีที่สุด:


33

สำหรับการสร้างแอพนี้เป็นหนึ่งในคำแนะนำที่ดีที่สุดที่ฉันได้พบ:

โปรดทราบว่าโครงสร้างที่ Google แนะนำนั้นแตกต่างจากสิ่งที่คุณพบในโครงการเมล็ดพันธุ์จำนวนมาก แต่สำหรับแอปขนาดใหญ่มันมีความสุขมาก

Google ยังมีคู่มือสไตล์ที่เหมาะสมเมื่อคุณใช้การปิดเท่านั้น


... คำตอบนี้ไม่สมบูรณ์ แต่ฉันหวังว่าข้อมูลที่ จำกัด ข้างต้นจะเป็นประโยชน์กับใครบางคน


19

อัปเดต: สไตล์คู่มืออยู่ใน Angular docs แล้ว

////////////////////////////////////////////////// ////////////////////////////////////////////////// ////////////////////////////////////////////////// //////

หากคุณกำลังมองหาคู่มือรูปแบบความเห็นสำหรับไวยากรณ์แอปพลิเคชันและการสร้างแอปพลิเคชัน AngularJS ขั้นตอนที่ถูกต้องสไตล์ที่มีอยู่ที่นี่ขึ้นอยู่กับประสบการณ์ของฉันกับ AngularJS การนำเสนอหลักสูตรการฝึกอบรมและการทำงานเป็นทีม

วัตถุประสงค์ของคู่มือสไตล์นี้คือเพื่อให้คำแนะนำเกี่ยวกับการสร้างแอปพลิเคชัน AngularJS โดยแสดงการประชุมที่ฉันใช้และที่สำคัญกว่านั้นคือเหตุผลที่ฉันเลือกพวกเขา

- John Papa

นี่คือลิงค์สุดยอด (ล่าสุดและล่าสุด): คู่มือสไตล์ AngularJS


6

ฉันเริ่มต้นส่วนสำคัญนี้เมื่อปีที่แล้ว: https://gist.github.com/PascalPrecht/5411171

Brian Ford (สมาชิกของทีมแกนหลัก) ได้เขียนโพสต์บล็อกเกี่ยวกับเรื่องนี้: http://briantford.com/blog/angular-bower

และจากนั้นเราเริ่มด้วยสเป็คส่วนประกอบนี้ (ซึ่งยังค่อนข้างไม่สมบูรณ์): https://github.com/angular/angular-component-spec

นับตั้งแต่ ng-conf ล่าสุดมีเอกสารนี้สำหรับแนวทางปฏิบัติที่ดีที่สุดโดยทีมหลัก: https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.