Laravel Request Lifecycle



Comments

Post a Comment

Popular posts from this blog

15.8.4 การวาดลงบน cavas

Image
สี่เหลี่ยม มีทั้งหมดสี่ method แต่ละ method รับ arg เป็น x, y ของจุดเริ่มต้น ความกว้าง และความสูง fillRect() clearRect()   strokeRect() rect() method นี้จะสร้าง subpath ขึ้น method อื่นๆจะไม่มีผลต่อ path เส้นโค้ง arc(x, y, radius, startAngle, endAngle, counterclockwise) หากมีจุดก่อนหน้าใน path arc() จะลากเส้นตรงจากจุดนั้นมาถึงจุดเริ่มต้นของ arc ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, counterclockwise) arcTo(x1, y1, x2, y2, radius) รับ arg เป็นค่า X,Y ของจุด P1, P2 และค่ารัศมี method นี้จะลากเส้นจากจุดปัจจุบันจากนั้นจึงต่อด้วยโค้งเลี้ยวไปหาจุด P2 แต่จะไม่ต่อเส้นไปถึง P2 bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) รับค่า arg เป็นจุดควบคุมสองจุด และจุดจบเส้น จุดเริ่มจะเป็นจุดสุดท้ายใน path ปัจจุบัน quadraticCurveTo(cpx, cpy, x, y) คล้าย bezierCurveTo แต่จะมีจุดควบคุมแค่จุดเดียว 
Read more

Object ใน JavaScript, Object Literal

Shorthand Properties Normal: let x = 1 , y = 2 ; let o = { x : x, y : y }; ทางลัดใน ES6 let x = 1 , y = 2 ; let o = { x, y }; o.x + o.y // => 3 ชื่อ Property ที่มาจากการคำนวณ ปกติ const PROPERTY_NAME = "p1" ; function computePropertyName() { return "p" + 2 ; } let o = {}; o[PROPERTY_NAME] = 1 ; o[computePropertyName()] = 2 ; ES6 ในเครื่องหมาย [] จะเป็น JavaScript Expression อะไรก็ได้ const PROPERTY_NAME = "p1" ; function computePropertyName() { return "p" + 2 ; } let p = { [PROPERTY_NAME]: 1 , [computePropertyName()]: 2 }; p . p1 + p . p2 // => 3 ชื่อ Property ที่เป็น Symbol const extension = Symbol( "my extension symbol" ); let o = { [extension] : { /* extension data stored in this object */ } }; o[extension].x = 0 ; // This won't conflict with other properties of o Spread Operator ES2018 ขึ้นไป จะแตกเฉพาะ own property เท่านั้น หลีกเลี่ยงการใช้ในลูปเพราะ...
Read more

15.8.1 path กับ polygon

Image
15.8.1 path กับ polygon  API จะใช้กับ CanvasRenderingContext2D Object นี้ได้มาจาก canvas.getContext("2d") < p >   This is a red square: < canvas id = "square" width = "10" height = "10" ></ canvas >. </ p > < p >   This is a blue circle: < canvas id = "circle" width = "10" height = "10" ></ canvas >.   < script >     let canvas = document. querySelector ( "#square" ); // Get first canvas element     let context = canvas. getContext ( "2d" ); // Get 2D drawing context     context. fillStyle = "#f00" ; // Set fill color to red     context. fillRect ( 0 , 0 , 10 , 10 ); // Fill a square. Start point is the top left corner. fillRect (startX , startY , width , height )     canvas = document. querySelector ( "#circle" ); // Second canvas element     context = canvas. getContext ( "2d" ); // Get its context     cont...
Read more