สร้าง|ค้นพบความเป็นไปได้ที่สร้างสรรค์ไร้ขีดจำกัด
วัตถุประสงค์เชิงสร้างสรรค์
นี่คือไซต์ที่รวบรวมความคิดสร้างสรรค์ของทุกคนไว้ด้วยกัน ที่นี่ เราจะเห็นการทำงานหนักของนักเรียนที่เข้าร่วมหลักสูตรการพัฒนาเว็บส่วนหน้า เห็นการเติบโต เห็นความรัก และเห็นความคิดสร้างสรรค์อันไม่มีที่สิ้นสุดของพวกเขา! แม้ว่าเว็บไซต์แสดงผลนี้จะเรียบง่าย แต่เว็บไซต์ของนักเรียนก็เต็มไปด้วยความคิดสร้างสรรค์ ฉันหวังว่าคุณจะสนุกกับมัน!
ฟังก์ชั่นโครงสร้าง
- ส่งงาน
- แสดงผลงานทั้งหมดรวมทั้งแสดงหน้ารายละเอียด
- แสดงรายการจัดอันดับผลงานและความชอบผลงาน
- รวบรวมผลงานที่คุณชื่นชอบ
รายละเอียดทางเทคนิค
- ด้วยการตรวจสอบขนาดหน้าต่างเบราว์เซอร์ รูปภาพแบนเนอร์หน้าแรกจะแสดงแบบเต็มหน้าจอเสมอ
- เปลี่ยนแถบนำทางโดยการตรวจสอบตำแหน่งการเลื่อน
- เค้าโครง: วิธีการจัดวางแบบดั้งเดิมของตำแหน่ง + โฟลต รวมถึงเทคนิคบางอย่าง เช่น การแสดงผล: บล็อกอินไลน์ และโฟลตที่ชัดเจน
- ไอคอนใช้ iconfont
- -webkit-scrollbar style เปลี่ยนแถบเลื่อนเพื่อทำให้หน้าเว็บสวยงามยิ่งขึ้น
- ใช้คลาสหลอกเพื่อให้ได้เอฟเฟกต์บางอย่างในรายการการจัดอันดับ
- สร้างเอฟเฟกต์สีแบบเลื่อนบนขอบการ์ด
- ตระหนักถึงการสร้างเทมเพลตของหน้าเว็บไซต์ทั้งหมด รับเนื้อหาเทมเพลตผ่าน Ajax และเรนเดอร์บนหน้า
- ใช้ตำแหน่งเพื่อรับพารามิเตอร์ URL ปัจจุบัน เพื่อให้เพจต่างๆ สามารถใช้เทมเพลตที่แตกต่างกันและเอฟเฟกต์เฉพาะบางอย่างได้โดยใช้ฟังก์ชันเดียวเท่านั้น และพารามิเตอร์คือชื่อเทมเพลต
- ใช้ js เพื่อควบคุมคุณลักษณะการแสดงผลของเอฟเฟกต์บางอย่างเพื่อให้ได้เอฟเฟกต์เฉพาะบางอย่างในคอลัมน์รายการโปรดของฉัน
- ส่งเพจโดยแอบเข้าไปที่ send.php (ใช้ bootstrap เพื่อให้ได้เอฟเฟกต์สไตล์ของแบบฟอร์ม) ส่งไปที่ฐานข้อมูล จากนั้นดึงข้อมูลจาก getdata.php และสร้างสตริง json
- เมื่อเว็บไซต์ได้รับข้อมูล วิธีการซิงโครไนซ์ ajax จะถูกนำมาใช้เพื่อรับสตริง json ของ getdata.php ในเวลาเดียวกัน การโทรแบบเรียกซ้ำจะถูกใช้เมื่อวนลูปสตริง json เพื่อแก้ไขปัญหาอะซิงโครนัสบางอย่างที่เกิดจากการใช้ ajax
- ใช้ sessionstorage เพื่อจัดเก็บข้อมูลที่ดึงมา
- ใช้ฟังก์ชันการเรียงลำดับตามค่าดาวในหน้าการจัดอันดับ
- ฝังตัวยึดตำแหน่งในเทมเพลตเพื่อวางข้อมูลที่ดึงมาในตำแหน่งที่ถูกต้อง
- สำหรับหน้ารายละเอียด ฟังก์ชันจะใช้เพื่อรับพารามิเตอร์ URL เพื่อให้บัญชีต่างๆ สามารถแสดงหน้ารายละเอียดที่แตกต่างกันได้
