---
title: "javascript | 今日所學 | OOZOU"
description: "來自 OOZOU 團隊的簡短實用 javascript 筆記。"
canonical: https://oozou.com/zh-Hant/til-topics/javascript
locale: zh-Hant
---

# javascript | 今日所學

> 來自 OOZOU 團隊的簡短實用 javascript 筆記。

- [JS 的解構賦值](https://oozou.com/zh-Hant/til/destructuring-assignment-in-js-22) ([markdown](https://oozou.com/zh-Hant/til/destructuring-assignment-in-js-22.md)) (2020-10-13): 簡單的例子 javascript const [a, b, ...c] = [10, 20, 100,200] // a= 10, b=20, c=[100,200] const { first, second } = { first: 1, second: 2 } // first = 1, second = 2
- [如何在 JavaScript 中用一行程式碼建立帶有屬性的 HTML 元素](https://oozou.com/zh-Hant/til/how-to-create-an-html-element-with-attributes-in-one-line-in-javascript-69) ([markdown](https://oozou.com/zh-Hant/til/how-to-create-an-html-element-with-attributes-in-one-line-in-javascript-69.md)) (2020-10-13): 在開發 JavaScript 專案時，動態建立 HTML 元素是很常見的需求。傳統上，你可能會用好幾行程式碼來建立元素並逐一設定多個屬性…
- [用 Vue.js 實作簡單的 Flux 架構](https://oozou.com/zh-Hant/til/simple-flux-architecture-with-vue-js-50) ([markdown](https://oozou.com/zh-Hant/til/simple-flux-architecture-with-vue-js-50.md)) (2020-10-13): 對於只需要簡單狀態管理模式的小型 app，我總是用一個元件來保存整個 app 的狀態，也就是一個 container。它作為 single source of truth，讓 app 參照自己的狀態…

All notes: [今日所學](https://oozou.com/zh-Hant/til) ([markdown](https://oozou.com/zh-Hant/til.md)).

---

Contact OOZOU: hello@oozou.com · +66 2544 0000 · https://oozou.com/zh-Hant/contact

More for AI agents: https://oozou.com/llms.txt · every page has a markdown twin at its URL plus ".md"