STIMULUS（一） —— 介紹

wind3110991 發布于2019-08-23 14:06 / 3559人閱讀

摘要：參考閱讀是一款擁有謙遜理想的框架。這是一個受歡迎的方案，比如當你六個月后返回一個模板不記得各種東西是如何組合在一起的時候。可讀的代碼，也意味著團隊中的其他人也能通過閱讀模版或者開發者控制臺，來快速地追蹤行為或判斷問題。

參考閱讀：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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/100099.html

STIMULUS（二） —— Hello, Stimulus

摘要：每個項目都是從開始的，此項目也不例外。控制器為帶來生命力作為其核心，的目標是自動將元素連接到對象。檢查是否生效刷新頁面，你會看到任何改變都沒有。在中，處理事件的控制器方法叫做操作方法。這意味這我們擁有了標準的重構技術兵工廠。學習 Stimulus 的最簡單方式就是構建一個簡單的控制器。這一章我們就來學習一個。先決條件要往下繼續，你需要運行一個 stimulus-starter ，...

bigdevil_s 2019-08-23 14:06 評論0 收藏0
前端開發者手冊2019

摘要：年，和前端開發者與應用程序前端開發者之間產生了巨大的分歧。開發最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后，前端開發者可以從瀏覽器開發中學習到，編寫代碼不需要考慮瀏覽器引擎的限制。前端開發者手冊2019 Cody Lindley 編著原文地址本手冊由Frontend Masters贊助，通過深入現代化的前端工程課程來提高你的技能。下載：PDF ...

church 2019-08-02 16:18 評論0 收藏0
前端開發者手冊2019

摘要：年，和前端開發者與應用程序前端開發者之間產生了巨大的分歧。開發最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后，前端開發者可以從瀏覽器開發中學習到，編寫代碼不需要考慮瀏覽器引擎的限制。前端開發者手冊2019 Cody Lindley 編著原文地址本手冊由Frontend Masters贊助，通過深入現代化的前端工程課程來提高你的技能。下載：PDF ...

xiao7cn 2019-08-26 13:47 評論0 收藏0
前端開發者手冊2019

摘要：年，和前端開發者與應用程序前端開發者之間產生了巨大的分歧。開發最常見的解決方案有手機和平板的原生應用程序桌面應用程序桌面應用程序原生技術最后，前端開發者可以從瀏覽器開發中學習到，編寫代碼不需要考慮瀏覽器引擎的限制。前端開發者手冊2019 Cody Lindley 編著原文地址本手冊由Frontend Masters贊助，通過深入現代化的前端工程課程來提高你的技能。下載：PDF ...

鄒立鵬 2019-08-30 10:56 評論0 收藏0
自適應寬度元素單行文本省略用法探究

摘要：單行文本省略和元素及其父元素的屬性都無關元素或為元素內單行文本省略，需要給元素或為元素添加樣式為元素的子元素如果是自適應寬度時，內的子元素實現單行文本省略，需要給添加樣式單行文本省略是現代網頁設計中非常常用的技術，幾乎每個站點都會用到。單行文本省略適用于顯示摘要信息的場景，如列表標題、文章摘要等。在響應式開發中，自適應寬度元素單行文本省略容易失效不起作用，對網頁開發這造成困擾。因此，本文將要...

K_B_Z 2019-04-23 13:46 評論0 收藏0