ความยืดหยุ่นสำหรับคุณคือความยืดหยุ่นตามปกติ แนวทางปฏิบัติที่ดีที่สุดทั้งหมดเหล่านี้ที่คุณกำลังติดตามจะชนะทั้งสองด้านของแอพ
จุดสำคัญและพลาดบ่อยครั้งหนึ่งคือการเขียน UI ที่มีประสิทธิภาพ องค์ประกอบ UI จำนวนมากเกินไปนั้นถูกยึดไว้กับบริบทหนึ่งชุดหรือชุด HTML ที่มีความต้องการมากเกินไปและมีการตั้งค่า CSS เป็นล้มเหลว
ตัวอย่างเช่นหากคุณมีดรอปดาวน์มันเป็นงานที่น้อยมากที่ JS จะยึดส่วนประกอบการดร็อปตำแหน่งที่แน่นอนภายในชุดสัมพัทธ์ (ไม่จำเป็นต้องมีการเชื่อมต่อ) คลิกคอนเทนเนอร์มากกว่าการดึงค้อน JQuery ออกและรับพิกัดเพื่อเลื่อน เหนือองค์ประกอบและเพียงติดมันเข้าที่ นอกจากนี้ยังมีโอกาสน้อยที่จะแตกหักในกรณีที่หน้าเว็บเปลี่ยนหรือคุณลักษณะเบราว์เซอร์ใหม่บางอย่างทำให้ข้อมูลตำแหน่งถูกปิด ยิ่งคุณพึ่งพาทักษะ HTML / CSS เพื่อหลีกเลี่ยงการทำงานของ JS ยิ่ง UI ของคุณแข็งแกร่งขึ้นเท่าไหร่
ตามกฎทั่วไปฉันพยายามตรวจสอบให้แน่ใจว่าสิ่งเดียวที่องค์ประกอบ UI ของฉันต้องการคือแท็ก HTML ที่จะใช้งานด้วย ID หรือคลาสที่เหมาะสม ยิ่งคุณทำอะไรกับคอนเทนเนอร์นั้นได้โดยไม่ต้องใช้ UI ภายในการแตกหรือด้วยคอนเทนเนอร์ที่รองรับเช่นการขยาย / ย่อขนาดให้พอดีกับการเปลี่ยนแปลงขนาดของคอนเทนเนอร์ยิ่งสามารถนำไปใช้กับส่วนใด ๆ ของแอปได้ง่ายขึ้นโดยไม่ต้องใช้ฝั่งไคลเอ็นต์ ผู้เชี่ยวชาญ สิ่งที่พวกเขาต้องทำคือติดกับชั้นเรียน
ชอบการมอบหมายเหตุการณ์บนคอนเทนเนอร์ UI เพื่อกำหนดผู้ฟังโดยตรงไปยังโหนดจุดสิ้นสุดเช่นปุ่ม องค์ประกอบ UI นั้นอาจทำงานกับ HTML แบบคงที่ได้ในตอนนี้ แต่คุณไม่มีทางรู้ว่าเมื่อมีใครบางคนต้องการที่จะสามารถคัดลอกและเขียน HTML ใหม่ภายในด้วย innerHTML หรืออะไรบางอย่าง หากคอนเทนเนอร์ยังคงอยู่และมีการมอบหมายกิจกรรมทั้งหมด (ดูวิธีการ jquery 'on') คุณไม่ต้องกังวลเกี่ยวกับสิ่งนั้นและพวกเขาอาจไม่เคยเรียนรู้วิธีที่ยากลำบากในการแทนที่ HTML break listeners
เพื่อประโยชน์ในการรักษาตัวแทนไว้เป็นตัวเลือกอย่าใช้ stopPropagate ที่ใดก็ได้ยกเว้นโหนดจุดสิ้นสุดและส่งข้อความแสดงความเกลียดชังไปยังผู้พัฒนากรอบงานที่งี่เง่าที่ส่งสแปมไปทั่ว
เท่าที่เลย์เอาต์ให้ HTML น้อยที่สุดความหมายและหลีกเลี่ยงการใส่ div HTML ที่มีน้อยก็จะมีปัญหาเรื่องโครงร่างที่ง่ายขึ้นสำหรับการวินิจฉัยหน้าใหม่
ใช้ชื่อคลาสที่อธิบายตนเองสำหรับยูทิลิตี้ CSS คลาส "row" น่าจะชัดเจนสำหรับ noobs CSS มากกว่า "clearfix"
ให้องค์ประกอบส่วนที่ไม่ซ้ำกัน ID ที่ไม่ซ้ำกันเสมอ มันทำให้ง่ายขึ้นมากในการระบุว่าสิ่งใดที่เฉพาะกับส่วนที่เกิดขึ้นมันง่ายกว่าที่จะแทนที่สิ่งต่าง ๆ และมันก็เป็นสิ่งที่อ่านง่ายและประสิทธิภาพการชนะของ JS
เห็นได้ชัดว่าเป็นข่าวร้ายที่จะได้รับมากเกินไปกับรูปแบบการเรียน แต่ยิ่งเพิ่มแบ็คเอนด์สามารถตั้งค่าได้ง่าย ๆ โดยการเพิ่มคลาสที่เหมาะสมให้กับสิ่งต่าง ๆ มันจะง่ายขึ้นสำหรับพวกเขาในการแก้ไขหน้าเว็บที่มีอยู่
และแน่นอนที่จุดเริ่มต้นของโครงการทำให้พวกเขาเห็นด้วยอย่างน้อยสิ่งนี้: Back และ front end เชื่อมต่อผ่าน HTML และ JSON เท่านั้น อย่าให้พวกเขาใช้สิ่งที่ "เขียน JavaScript ให้คุณ!" มันเปื้อนเลือดและฝันร้ายในการบำรุงรักษา
เช่นเดียวกับทุกสิ่งที่เกี่ยวข้องกับการพัฒนาชอบ DRY และความเรียบง่าย