STIMULUS（一） —— 介紹

參考閱讀： https://chloerei.com/2018/02/...

Stimulus 是一款擁有謙遜理想的 JavaScript 框架。Stimulus 不會把你的應用程序整個搬到前端，它的設計理念是經過自動化將元素鏈接到 JavaScript 來你的 HTML。

將 HTML 鏈接到 JavaScript

Stimulus 的工做方式是不停地監控頁面，等待 data-controller 這個魔法屬性出現。例如class屬性，你能夠在它裏面放入多個值。不一樣於應用或移除 CSS 類名，data-controller 的值是用於與 Stimulus 控制器相鏈接或斷開鏈接的。
你能夠這樣認爲：class 是鏈接 HTML 和 CSS 的橋樑，data-controller 是鏈接 HTLM 和 JavaScript 的橋樑。

在此基礎上，Stimulus 拯救了魔法屬性data-action，它描述了頁面上的事件應該怎樣觸發控制器方法；還有魔法屬性data-target，它爲你提供了在控制器做用域（controller’s scope）中尋找元素的句柄（handle ）。

關注點分離

Stimulus 的魔法屬性讓你清晰地將內容與行爲分離，如同你使用 CSS 將內容與形式分離那樣。此外，Stimulus 的天然約定也鼓勵你按名稱對相關聯的代碼進行分組。

這樣的安排能幫助你構建可複用的，相似 trait 的控制器，爲你的代碼帶來足夠使用的結構層次，使之遠離 「JavaScript 湯」。

可閱讀的文檔

當你的 JavaScript 行爲是由魔法屬性映射的，你能夠閱讀一段 HTML 便能知道發生了什麼。這是一個受歡迎的方案，好比當你六個月後返回一個模板,不記得各類東西是如何組合在一塊兒的時候。

可讀的代碼，也意味着團隊中的其餘人也能經過閱讀模版或者開發者控制檯，來快速地追蹤行爲或判斷問題。

水是溫暖的

如今是時候來探索一下 Stimulus 的工做方式了。繼續閱讀，學習如何構建你的第一個控制器。

Next: Hello, Stimulus