ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programming## โค้ดแบบนี้คืออะไร ช่วยบอกที
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ## โค้ดแบบนี้คืออะไร ช่วยบอกที  (อ่าน 1552 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
oklovelove
คนรักเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 175



ดูรายละเอียด
« เมื่อ: 19 พฤศจิกายน 2016, 12:53:15 »

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

<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
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 270
ออฟไลน์ ออฟไลน์

กระทู้: 3,672



ดูรายละเอียด
« ตอบ #1 เมื่อ: 19 พฤศจิกายน 2016, 14:51:04 »

โค้ดจริงๆอยู่ 2 ไฟล์นี้ครับ ลองไล่ดูนะครับ  Tongue
โค๊ด:
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
บันทึกการเข้า

ใครต้องการเช่าโฮสที่มี Control Panel ดีๆ
และ Support ดี แนะนำ => โฮสอะตอม
skp123
Newbie
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 12



ดูรายละเอียด
« ตอบ #2 เมื่อ: 21 พฤศจิกายน 2016, 10:58:31 »

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

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

พลังน้ำใจ: 15
ออฟไลน์ ออฟไลน์

กระทู้: 477



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 21 พฤศจิกายน 2016, 11:17:59 »

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

 Tongue
บันทึกการเข้า

codernu
Newbie
*

พลังน้ำใจ: 2
ออฟไลน์ ออฟไลน์

กระทู้: 21



ดูรายละเอียด
« ตอบ #4 เมื่อ: 21 พฤศจิกายน 2016, 11:23:45 »

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

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

 Tongue
บันทึกการเข้า

เราจะรวยไปด้วยกัน @__@
9visarut
Newbie
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 10



ดูรายละเอียด
« ตอบ #5 เมื่อ: 22 พฤศจิกายน 2016, 14:24:07 »

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

เทียบเวลาการเรียก DOMContentLoaded
แล้วสร้าง image แต่ไม่เห็นเอาไปทำไร  ทดสอบ โหลดละมั้งครับ  Tongue
บันทึกการเข้า
devnow
Global Moderator
สมุนแก๊งเสียว
*****

พลังน้ำใจ: 36
ออฟไลน์ ออฟไลน์

กระทู้: 622



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 22 พฤศจิกายน 2016, 14:35:46 »

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

รับซื้อ แฟนเพจ เว็บไซต์ เว็บเล็กเว็บน้อยก็รับ PM มาเสนอได้ครับ

โปรโมชั่น ส่วนลด สินค้าราคาถูก รวมไว้ที่นี่ โครตรโปรดอทคอม
aekkaphan
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 14



ดูรายละเอียด
« ตอบ #7 เมื่อ: 23 พฤศจิกายน 2016, 16:24:47 »

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

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 12



ดูรายละเอียด
« ตอบ #8 เมื่อ: 24 พฤศจิกายน 2016, 01:56:40 »

พอเค้าสร้าง instance ของ Image ขึ้นมา และระบุ src ให้ มันจะส่ง request ไป src นั้น
อย่างเว็บนี้ก็เหมือน เค้าส่ง get request ไปที่ https://shopee.co.th/qos?domai...=shopee.co.th&t2=blablabla
จุดประสงค์ของ code นี้ก็คือ เค้าจะวัด Quality of service นั่นแหละ คือเค้าอยากรู้ว่าเว็บใช้เวลาโหลดนานแค่ไหนนั่นแหละ จบ
« แก้ไขครั้งสุดท้าย: 24 พฤศจิกายน 2016, 02:01:57 โดย skp123 » บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์