遊戲陪玩原始碼前端開發，不容忽視的五個要點

1.css禁用滑鼠事件

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

2.get/post的理解和他們之間的區別

• HEAD: 與 GET 相同，但只返回 HTTP 報頭，不返回文件主體
• PUT: 上傳指定的 URI 表示
• DELETE: 刪除指定資源
• OPTIONS: 返回伺服器支援的 HTTP 方法
• CONNECT: 把請求連線轉換到透明的 TCP/IP 通道
• POST: 向指定的資源提交要被處理的資料

// 查詢字串（名稱/值對）是在 POST 請求的 HTTP 訊息主體中傳送的
POST /test/demo_form.asp HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2

• GET 請求可被快取
• GET 請求保留在瀏覽器歷史記錄中
• GET 請求可被收藏為書籤
• GET 請求不應在處理敏感資料時使用
• GET 請求有長度限制(2048字元),IE和Safari瀏覽器限制2k;Opera限制4k;Firefox，Chrome限制8k
• GET 請求只應當用於遊戲陪玩原始碼中取回資料

• POST 請求不會被快取
• POST 請求不會保留在瀏覽器歷史記錄中
• POST 不能被收藏為書籤
• POST 請求對遊戲陪玩原始碼中資料長度沒有要求

3.實現條紋網格的方式

// odd表示基數，此時選中基數行的樣式，even表示偶數行
.row:nth-child(odd){
    background: #eee;
}

.row:nth-of-type(odd){
    background: #eee;
}

.stripe-bg{
  padding: .5em;
  line-height: 1.5em;
  background: beige;
  background-size: auto 3em;
  background-origin: content-box;
  background-image: linear-gradient(rgba(0,0,0,.2) 50%, transparent 0);
}

4.js求平面兩點之間的距離

// 資料可以以陣列方式儲存，也可以是物件方式
let a = {x:'6', y:10},
        b = {x: 8, y: 20};
    function distant(a,b){
        let dx = Number(a.x) - Number(b.x)
        let dy = Number(a.y) - Number(b.y)
        return Math.pow(dx*dx + dy*dy, .5)
    }

5.css禁止使用者選擇

body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}