---
# System prepended metadata

title: W_json問題
tags: [JSON, 各種知識]

---

# W_json問題
# 客製化HTML模板[！]#
當我們開始編輯HTML文本時，會在一開始處打上【!】預設，來快速生成基本的模板，如果今天我想要模板有更多預設的內容，需要怎麼做?以下是解釋。
- 首先開啟VScode>設定(齒輪圖案)>User Snippets>打上HTML
![image](https://hackmd.io/_uploads/BJh18r-ap.png)
- 進入後畫面後會跑出一串JSON
![image](https://hackmd.io/_uploads/rkHqDrZTp.png)
- 在橘色大括號內就可以開始打自己要的範本了，這邊打了一個範例供參考。

![image](https://hackmd.io/_uploads/rJVTvHZ66.png)
- 解釋:
  - `prefix` 表示快捷鍵，可以自己設定，基本都是驚嘆號為前綴
  - `body`內部為模板內容
  - `\t`表示字符串，只要是有字符串的，開頭都需要有`\t`
  - 承上，字符串中需要在文字前後加入兩個`\\`請看圖，比方`\"UTF-8\"`
  - 標籤前後都要加上`""`結尾處要加上`,`
  - \n表示需要換行的地方
  - "description":Default" 表示模板描述
  - 在JSON文本中`//`是註譯
- 儲存，關閉後就可以用了

# 客製化快捷鍵
- 在界面輸入shift+ctrl+P
- 搜尋keyborad shortcut
![Screenshot from 2024-04-19 11-41-19](https://hackmd.io/_uploads/BJCyuPy-R.png)
- 輸入key和設定按鍵＋輸入command和要達成得事件(在下圖我是建立快速製作
    - `"key": "ctrl+n", `表示快捷鍵
    - `"command": "explorer.newFile",`指令項目
![Screenshot from 2024-04-19 14-03-41](https://hackmd.io/_uploads/ry-vKKJbR.png)
    - 也可以到Default keyboard Shortcuts探尋有什麼可以設定得
![Screenshot from 2024-04-19 14-04-56](https://hackmd.io/_uploads/SJmoKYyWA.png)
![Screenshot from 2024-04-19 14-08-43](https://hackmd.io/_uploads/H1gtqt1-0.png)

- 儲存後就可以使用了

## JSON 支援
- python, php, java, javascript

## JSON 是一種 JS 嘛
他是基於JS所打造，JS基本型別都可以使用，還有物件，但是它不能傳遞和呼叫，所以不全然是 JS。而JSON的所有屬性和方法都是靜態的，JS是動態的

![image alt](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRwCogDDV-8C0Gvml6--swOE53GyolhkaIwVQ&s)

此圖表達兩者在於物件寫法規則上差異，在json，key值就要加上雙引號

提問：將js轉換為json.stringify()，這是一種method還是代表他們不同，所以需要轉換

