ปัจจุบัน Ionic เป็นกรอบการพัฒนาแอปพลิเคชัน HTML5 ที่มีแนวโน้มมากที่สุด สร้างแอปพลิเคชันผ่าน SASS ซึ่งให้ส่วนประกอบ UI มากมายเพื่อช่วยให้นักพัฒนาพัฒนาแอปพลิเคชันที่มีประสิทธิภาพ มันใช้กรอบ JavaScript MVVM และ AngularJS เพื่อปรับปรุงแอปพลิเคชัน ให้ข้อมูลสองทางที่มีผลผูกพันและการใช้มันกลายเป็นตัวเลือกทั่วไปสำหรับนักพัฒนาเว็บและนักพัฒนามือถือ
คุณสมบัติอิออน
1.Ionic ขึ้นอยู่กับไวยากรณ์เชิงมุมและเรียนรู้ง่าย [3]
2.Ionic เป็นเฟรมเวิร์กที่มีน้ำหนักเบา
3.Ionic รวมเฟรมเวิร์กมือถือรุ่นต่อไปอย่างสมบูรณ์แบบรองรับคุณสมบัติของ AngularJs, MVVM และง่ายต่อการบำรุงรักษา
4.Ionic ให้การออกแบบที่สวยงามเพื่อสร้างแอพพลิเคชั่นผ่าน SASS มันมีองค์ประกอบ UI มากมายเพื่อช่วยให้นักพัฒนาพัฒนาแอปพลิเคชันที่มีประสิทธิภาพ
5.Ionic มุ่งเน้นไปที่พื้นเมืองดังนั้นคุณจะไม่เห็นความแตกต่างระหว่างแอปพลิเคชันที่หลากหลายและดั้งเดิม
6.Ionic มีเครื่องมือบรรทัดคำสั่งที่ทรงพลัง
7.Ionic มีประสิทธิภาพที่ยอดเยี่ยมและความเร็วในการวิ่งเร็ว
ในฐานะที่เป็นกรอบที่ได้รับความนิยมมากที่สุดในปัจจุบัน Ionic จะพบปัญหาแปลก ๆ ต่าง ๆ ในระหว่างกระบวนการพัฒนาเช่นต่อไปนี้:
คำอธิบายปัญหา:
มีปุ่มที่ด้านล่างของหน้า การคลิกปุ่มนี้จะแสดงข้อมูลเพิ่มเติม ในเวลานี้หน้าจะเกินและจำเป็นต้องมีเอฟเฟกต์การเลื่อน ฉากเดียวกันมีปัญหาเรื่องผลกระทบของรายการไอออน แต่บางครั้งอาจมีปัญหาเช่นไม่สามารถเลื่อนได้ ลากนิ้วของคุณขึ้นแล้วเด้งกลับไปที่ตำแหน่งเดิมหลังจากปล่อย ไม่เคยเห็นข้อมูลด้านล่าง นี่เป็นเพราะมุมมองไอออนิกไม่ได้คำนวณความสูงใหม่ใหม่
สารละลาย
เราจำเป็นต้องใช้พร็อกซีเลื่อนไปยังไอออนิกเรียกว่า $ ionicscrolldelegate และเราจำเป็นต้องฉีดพร็อกซีนี้เมื่อใช้งาน
สิ่งนี้. $ timeout (() => {this. $ ionicscrolldelegate.resize ();}, 410);ดังที่ได้กล่าวมาแล้วมีวิธีการในพร็อกซีที่เรียกว่า resize () ซึ่งเป็นการคำนวณความสูงใหม่ ฉันเพิ่มการหมดเวลาเพื่อให้แน่ใจว่าข้อมูลจะแสดงผลตามปกติแล้วปรับขนาด
ด้านบนเป็นวิธีแก้ปัญหาที่ด้านล่างของหน้าไอออนิกถูกบล็อกและไม่สามารถเลื่อนขึ้นไปได้ว่าตัวแก้ไขแนะนำ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!