syntax

如何在 CSS 中使用註解 CSS 允許您在 CSS 文件中，或是頁面標頭的 style 標籤中寫註解。 格式是 C-style（或者您喜歡的 JavaScript-style）的註解，使用 /* 這是一個註解 */。 這是一個多行註解。在您添加結束的 */ 標記之前，所有在開頭行之後的行都會被註解掉。 範例： #name { display: block; } /* 好規則！ */ /* #name { display: block; } */ #name { display: block; /* color: red; */ } CSS 沒有像 C 語言 或 JavaScript 中的 // 這樣的行內註解。 然而請注意，如果您在規則之前加上 //，這條規則將不會被應用，看起來就像註解生效了。實際上，CSS 檢測到語法錯誤後，會忽略帶有錯誤的行，直接處理下一行。 知道這一點後，您可以有意地編寫行內註解，但要小心，因為您無法像在區塊註解中那樣隨意添加文字。 例如： // 好規則！ #name { display: block; } 在這個例子中，由於 CSS 的工作原理，#name 規則實際上被註解掉了。如果您對此感興趣，您可以在 這裡 找到更多細節。為了避免不必要的麻煩，請避免使用行內註解，並依賴於區塊註解。

一個關於新的 JavaScript 公開類字段的簡單教程 在過去，要創建一個公開的類字段，我們會使用這樣的語法，在構造函數中實例化字段： class Counter { constructor() { this.count = 0 } } 新的類字段提案可以在 Chrome 72 和 Node 12 中使用，我們可以使用以下的語法： class Counter { count = 0 } 簡單得多！

專案需要了解關於JavaScript物件屬性的所有資訊。 JavaScript物件 擁有屬性，結構是由標籤和數值所組成的。 我們所見到的物件文字語法： const car = { } 讓我們能夠像這樣定義屬性： const car = { color: '藍色' } 這裡我們有一個名為car的物件，擁有一個名為color，具有數值藍色的屬性。 標籤可以是任何字串。注意到我在color周圍沒有使用引號，但是如果我想要在屬性名稱中包含無法當作變數名稱的字元，我必須這樣寫： const car = { color: '藍色', 'the color': '藍色' } 這意味著空格、連字號和其他特殊字元。 就像你看到的，我們用逗號分隔每個屬性。 檢索屬性的數值 我們可以使用2種不同的語法檢索屬性的數值。 第一種是點表示法： car.color //'藍色' 第二種，適用於具有無效名稱的屬性，是使用方括號： car['the color'] //'藍色' 如果您存取一個不存在的屬性，您將得到 undefined： car.brand //undefined 檢查屬性值但預設為預定義值的一個好方法是使用 || 運算子： const brand = car.brand || '福特' 正如前面所述，物件可以擁有嵌套的物件作為屬性： const car = { brand: { name: '福特' }, color: '藍色' } 您可以使用以下方法來訪問品牌名： car.brand.name 或 car['brand']['name'] 甚至可以混合使用：...

如何在 Svelte 中使用反應式語句 在 Svelte 中，您可以監聽組件狀態的變化並更新其他變數。 舉個例子，如果您有一個 count 變數： <script> let count = 0 </script> 並且您通過點擊一個按鈕來更新它： <script> let count = 0 const incrementCount = () => { count = count + 1 } </script> {count} <button on:click={incrementCount}>+1</button> 您可以使用特殊的 $: 語法來監聽 count 的變化，該語法定義了一個新區塊，在任何被引用的變數發生更改時 Svelte 將重新運行該區塊。 以下是一個例子： <script> let count = 0 const incrementCount = () => { count = count + 1 } $: console.log(`${count}`) </script> {count} <button on:click={incrementCount}>+1</button> 我使用了以下區塊： $: console....