## โค้ดแบบนี้คืออะไร ช่วยบอกที

[oklovelove]

มันโค้ดอะไรหรอครับใช่ในด้านไหน ผมแปลกใจครับว่าโค้ดเว็บของเขาสั้นจัง

<script>
    var SQOST1 =  (new Date());
    (function() {
      document.addEventListener('DOMContentLoaded', function() {
        if (window.SQOST1) {
          var t2 =  (new Date()) - SQOST1;
          var image = new Image();
          image.src = '/qos?domain='   window.location.hostname   '&t2='   t2;
        }
      });
    })()
</script>

view-source:https://shopee.co.th/

[esanza.com]

โค้ดจริงๆอยู่ 2 ไฟล์นี้ครับ ลองไล่ดูนะครับ 

โค้ด เลือก ขยาย

https://cdn.shopee.co.th/shopee/shopee-pcmall-live-th/assets/bundle.d61469009ebe18ed1ad5.js
https://cdn.shopee.co.th/shopee/shopee-pcmall-live-th/assets/vendor.d61469009ebe18ed1ad5.js

[skp123]

code ที่ยกมาคือมันไม่ได้ส่งผลอะไรกับเว็บเลย ถ้าผมเข้าใจไม่ผิดอ่ะนะ
หลักๆ เลยคือ เมื่อโหลดหน้าเว็บเสร็จ เค้าสร้าง element image แล้วก็ระบุ attribute src โดยที่ค่า t2 คือค่าความต่างของเวลา นับตั้งแต่ตอนเข้าเว็บไปจนหน้าเว็บโหลดเสร็จเรียบร้อย แล้วก็ปล่อยคาไว้แบบนั้น ยังไม่ได้เอา element image
ที่สร้างมาไปทำไรเลย

ส่วนที่ code เค้าสั้นเมื่อดู view-source ก็เพราะเค้าใช้ javascript ในการเรนเด้อหน้าเว็บ ก็มีหลายเฟรมเวิคให้เลือกใช้
สำหรับเว็บนี้เค้าใช้ React

[paen]

โค้ดสั้น หรือ ยาว ผมว่าถ้ามันใช้งานได้ก็โอแล้วครับ

[codernu]

ผมว่ามันเป็นโค็ดสำหรับดึงรูปภาพจาก host อื่นมาแสดง(อาจจะเป็น sobdomain ก็ได้ครับ)
และที่ต้องมีการเอาเวลาเข้ามาเกี่ยวอาจจะใช้สำหรับดึงรูปภาพล่าสุด หรือเพื่อไม่ให้ติด cache

เดาล้วน ๆ นะครับ

[9visarut]

<img src="/qos?domain=shopee.co.th&t2=3314">

เทียบเวลาการเรียก DOMContentLoaded
แล้วสร้าง image แต่ไม่เห็นเอาไปทำไร  ทดสอบ โหลดละมั้งครับ 

[devnow]

เหมือนเป็นโค้ด random โชว์ภาพ น่ะครับ

[aekkaphan]

เป็นการ refresh cache ไฟล์รูปภาพครับ ปกติ browser จะจำไฟล์พวกนี้ไว้เพื่อลดภาระการโหลดซ้ำครับ
จึงต้องใส่ random เลขเข้าไปกับ url เพื่อให้เหมือนเรียกภาพใหม่ตลอดเวลา

[skp123]

พอเค้าสร้าง instance ของ Image ขึ้นมา และระบุ src ให้ มันจะส่ง request ไป src นั้น
อย่างเว็บนี้ก็เหมือน เค้าส่ง get request ไปที่ https://shopee.co.th/qos?domain=shopee.co.th&t2=blablabla
จุดประสงค์ของ code นี้ก็คือ เค้าจะวัด Quality of service นั่นแหละ คือเค้าอยากรู้ว่าเว็บใช้เวลาโหลดนานแค่ไหนนั่นแหละ จบ