使用CSS時，因為 CSS 為 "層疊" 的，也就是同一個元素可以利用利用不同的 selector 規則，把樣式疊加上去，但當不同的規則間有衝突時，例如 a.title{color:#000;} 與 a{color:#333;} 兩個規則都設定了color的樣式，這時就要考慮權重來決定最後要以哪個規則來呈現 color 這個發生衝突的樣式 。
權重如下：
| 規則 | 權重 | 範例 |
|---|---|---|
| 行內樣式 | 1000 | <a style="..."> |
| id | 100 | #title |
| attribute / class / pseudo-class | 10 |
http_variables
| 變數名稱 | 說明 |
|---|---|
| $args | Request 的參數 也就是網址中 問號 ? 後面的所有參數。 如： example.info?p1=1&p2=2 則 $args = "p1=1&p2=2" |
| $binary_remote_addr | |
| $body_bytes_sent | |
| $content_length | |
| $content_type | Request Headers 中的 "Content-Type" |
步驟如下
1. 開啟 VS Code，然後按 `Ctr`l + `,`
2. 搜尋 settings.json
3. 點擊 "在 settings.json 內編輯"，會開啟settings.json 的 頁籤
4. 增加或修改以下內容，其中 CMDER_ROOT 是 windows 的 環境變數，要先設定為 cmder 的安裝目錄
"terminal.integrated.shell.windows": "cmd.exe",
"terminal.integrated.env.windows": {"CMDER_ROOT": "[cmder_root]"},
"terminal.integrated.shellArgs.windows": [
"/k", "[cmder_root]\\vendor\\init.bat"
]
5. 重啟VS Code
| interface | abstract | trait |
|
步驟如下：
Middleware 會在一個頁面或一群頁面render之前執行的程式。
例如驗證使用者權限之類的功能，就會以middleware的方式來處理。
middleware會接收到一個context的變數作為第一個參數，關於context 裡面有key，可參考這裡。
middleware被執行的順序如下：
以下是參考範例
先在middleware裡面建立要執行的程式，檔名會自動可成為被呼叫的名稱
middleware/stats.js
import axios from 'axios'
export default function ({ route }) {
return axios.post('http://my-stats-api.com', {
url: route.fullPath
})
}
nuxt.config.js
module.更多
說明文件：https://nuxtjs.org/guide/routing
基本概念：只要在 pages 目錄及子目錄中，建立相關的index.vue檔，就會自動生成對應的route
例如
pages/ --| user/ -----| index.vue -----| one.vue --| index.vue
就可以產生 三個 route，分別是 "/" , "/user", "/user/one"
動態路由
要建立動態路由也滿簡單的，就是在vue檔，加上 下底線 "_" 的前綴 ，如
pages/ --| _slug/ -----| comments.vue -----| index.vue --| users/ -----| _id.vue --| index.vue
以上範例中，有三個動態路由，分別是 "/{slug}/" ， "/{slug}/comments" 與 "users/{id}"