บทความนี้ส่วนใหญ่แนะนำการสอนเกี่ยวกับการใช้ LocalStorage ใน HTML5 LocalStorage ใช้สำหรับการโต้ตอบระหว่างเบราว์เซอร์และระบบ เพื่อนที่ต้องการมันสามารถอ้างถึง สิ่งที่ localstorage คืออะไร
ไม่กี่วันที่ผ่านมาฉันพบว่ามีการดำเนินการแปลก ๆ ของคุกกี้ในโครงการเก่า หลังจากปรึกษาหารือฉันต้องการแคชข้อมูลบางอย่างเพื่อหลีกเลี่ยงการผ่านพารามิเตอร์บน URL แต่ฉันไม่ได้พิจารณาว่าปัญหาใดที่คุกกี้นำมา:
①ขนาดของคุกกี้ถูก จำกัด อยู่ที่ประมาณ 4K ซึ่งไม่เหมาะสำหรับการจัดเก็บข้อมูลธุรกิจ
②คุกกี้จะถูกส่งด้วยธุรกรรม HTTP ในแต่ละครั้งสูญเสียแบนด์วิดท์
เรากำลังทำโครงการมือถือดังนั้นเทคโนโลยีจริงที่เหมาะสำหรับการใช้งานที่นี่คือ LocalStorage การจัดเก็บข้อมูลท้องถิ่นอาจกล่าวได้ว่าเป็นการเพิ่มประสิทธิภาพของคุกกี้ การใช้มันสามารถอำนวยความสะดวกในการจัดเก็บข้อมูลทางฝั่งไคลเอ็นต์และจะไม่ถูกส่งด้วย HTTP แต่มันไม่ได้ไม่มีปัญหา:
①ขนาด localstorage นั้น จำกัด อยู่ที่ประมาณ 5 ล้านอักขระและแต่ละเบราว์เซอร์ไม่สอดคล้องกัน
② LocalStorage ไม่สามารถอ่านได้ในโหมดความเป็นส่วนตัว
③ LocalStorage เป็นการอ่านและเขียนไฟล์เป็นหลัก หากมีข้อมูลมากเกินไปมันจะติดอยู่มากขึ้น (Firefox จะนำเข้าข้อมูลลงในหน่วยความจำในครั้งเดียวและมันจะน่ากลัวถ้าคุณคิดเกี่ยวกับมัน)
④ LocalStorage ไม่สามารถรวบรวมข้อมูลได้โดยตัวรวบรวมข้อมูลอย่าใช้เพื่อแทนที่พารามิเตอร์ URL อย่างสมบูรณ์
ข้อบกพร่องไม่ได้ปกปิดข้อดีและปัญหาทั้งหมดข้างต้นสามารถหลีกเลี่ยงได้ดังนั้นการมุ่งเน้นของเราควรอยู่ที่วิธีการใช้พื้นที่ท้องถิ่นและวิธีการใช้อย่างถูกต้อง
การใช้งาน LocalStorage
ความรู้พื้นฐานวัตถุจัดเก็บข้อมูลท้องถิ่นมีสองประเภท:
① SessionStrage: เซสชันหมายถึงเซสชัน เซสชันที่นี่หมายถึงระยะเวลาที่ถูกต้องของวัตถุเซสชันนั้นยาวนานมากเมื่อผู้ใช้เรียกดูเว็บไซต์บางแห่ง
② LocalStorage: บันทึกข้อมูลบนอุปกรณ์ฮาร์ดแวร์ไคลเอนต์ไม่ว่าจะเป็นอะไรหมายความว่าข้อมูลยังคงอยู่ในครั้งต่อไปที่คุณเปิดคอมพิวเตอร์
ความแตกต่างระหว่างทั้งสองคือการเก็บรักษาชั่วคราวและอื่น ๆ คือการเก็บรักษาระยะยาว
นี่คือรหัสง่าย ๆ เพื่อแสดงให้เห็นถึงการใช้งานพื้นฐาน:
XML/HTML รหัสคัดลอกเนื้อหาไปยังคลิปบอร์ด