[Javascript]เช็คเวลาการทำงานของฟั่งชั้น

วันนี้จะมีจะมาแนะนำฟังชั้นง่ายๆ กันครับ โดยจะเอาไว้เช็คเวลาการทำงานของฟังชั่นต่างๆ ของเรานั้นเอง วิธีใช้ก็ง่ายๆก็ประกาศตามด้านล่างเท่านั้นเอง

var t0 = performance.now();
doSomething();
var t1 = performance.now();
console.log(“Call to doSomething took ” + (t1 – t0) + ” milliseconds.”);

โดนตรงสีแดงคือสิ่งที่เราต้องประกาศก่อนหลังฟั่งชั้นของเรา และสีน้ำเงินคือฟั่งชั้นของเราที่ต้องการวัดการทำงานนั้นเอง

 

 

เคดิต https://developer.mozilla.org

Advertisements

[ทริคเล็กน้อย] สำหรับการใช้ .gitignore

วันนี้จะมานำเสนอทริคเล็กๆ น้อยๆ ที่น่าจะพอมีประโยชน์กับทุกคนที่ชอบทำงานหลาย ๆ โปรเจคแล้วชอบเก็บทุกอย่างไว้ที่ root เดียวกัน กันครับ ยกตัวอย่างเช่นผม ที่ตอนนี้เขียน javascript เป็นภาษาหลักในตอนนี้ เวลาเขียนแต่ละโปรเจ็คก็จะทำการ npm แยกไปกันคนละโปรเจ็ค แต่ด้วยความชอบส่วนตัวเลยชอบเก็บไว้ที่ github ที่เดียวกัน แล้วที่นี้แต่ละโปรเจ็คก็จะมี node_modules อยู่ในโปรเจ็คของตัวเอง ซึ่งเวลาที่เราอัพเข้า  githubRead More »

[Cleave.js] ปลักอินช่วยจัดรูปแบบตัวเลข

กลับมาแล้วกับการเขียนบทความเดือนละ 1 บทความ ที่เขียนน้อย เพราะขี้เกีตจนั้นเอง กลับกับมาคราวนี้ผมจะมาแนะนำปลักอินของ ที่จะช่วยในการจัดรูแบบของตัวเลขให้ดูง่ายยิ่งขึ้นนั้นเอง โดยเจ้านี้มีชื่อว่า Cleave.js   ความสามารถของมันจะเป็นการจัดการตัวเลขในแท็ก input นั้นเอง โดยตัวมันมีให้เลือกทำหลายรูปแบบเลย ดังตัวอย่างภาพด้านล่าง คือ รูปแบบตัวเลขของเคดิตการ์ดนั้นเอง  Read More »

[baffle.js] ทำให้ข้อความดูงงงวยกัน

วันนี้ผมจะมาแนะนำเจ้า baffle.js กันครับ โดยความสามารถของมันคือทำให้ข้อความดูอ่านยากหรือทำแบบค่อยๆ แสดงข้อความออกมานั้นเอง ดังตัวอย่าง Demo

Read More »

[Distorted Button Effects] ทำปุ่มเด้ง ดึ๋ง ด้วย SVG Filters

วันนี้ผมจะมาแนะนำเจ้า Distorted Button Effects กันครับ  ถ้าใครนึกไม่ออกก็ลองดู ตัวอย่าง ได้เลยครับ  หรือดูตัวอย่างตามภาพด้านล่างได้เลยครับRead More »

[Sticker.js]อยากทำสติกเกอร์

วันนี้ผมจะมาแนะนำจาวาสคริปที่ชื่อว่า Sticker.js กันครับ โดยความสามารถมันก็ตามชื่อมันเลยทีเดียวคือช่วยทำ ให้รูปภาพของเรามีความคล้ายสติกเกอร์นั้นเอง เอาล่ะ ลองดาวโหลดไปลองเล่นดูนะครับ Read More »

[Datedropper] ช่วยปรับแต่งการแสดงเวลา

วันนี้ผมจะมาแนะนำเจ้า Datedropper กันครับ โดยเจ้านี้ก็ตามชื่อมันเลยครับ เป็นจาวาสคริปที่ช่วยในการแสดงวันเวลาให้ดูสวยงามน่าใช้และให้ผู้ใช้ ใช้งานได้ง่ายด้วยนั้นเอง เอาล่ะไปดาวโหลดกันได้ที่ Datedropper กันเลยครับRead More »

[pace.js] จาวาสคริปต์ช่วยแสดงการโหลดหน้าเว็บไซต์

วันนี้ผมจะมาแนะนำจาวาสคริปต์ตัวหนึงที่ช่วยในการปรับแต่งการโหลดหน้าเว็บของเราให้ดูสวยงามยิ่งขึ้นกันครับ โดยเจ้านี้ชื่อว่า pace.js โดยสามารถไปดาวโหลดกันได้ที่ http://github.hubspot.com/  โดยมีตัวอย่างตามข้างล่างRead More »