成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

STIMULUS（一） —— 介紹

wind3110991 / 3584人閱讀

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

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

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

將 HTML 連接到 JavaScript

Stimulus 的工作方式是不停地監(jiān)控頁面，等待 data-controller 這個魔法屬性出現(xiàn)。例如class屬性，你可以在它里面放入多個值。不同于應(yīng)用或移除 CSS 類名，data-controller 的值是用于與 Stimulus 控制器相連接或斷開連接的。
你可以這樣認(rèn)為：class 是連接 HTML 和 CSS 的橋梁，data-controller 是連接 HTLM 和 JavaScript 的橋梁。

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

關(guān)注點分離

Stimulus 的魔法屬性讓你清晰地將內(nèi)容與行為分離，如同你使用 CSS 將內(nèi)容與形式分離那樣。此外，Stimulus 的自然約定也鼓勵你按名稱對相關(guān)聯(lián)的代碼進(jìn)行分組。

這樣的安排能幫助你構(gòu)建可復(fù)用的，類似 trait 的控制器，為你的代碼帶來足夠使用的結(jié)構(gòu)層次，使之遠(yuǎn)離 “JavaScript 湯”。

可閱讀的文檔

當(dāng)你的 JavaScript 行為是由魔法屬性映射的，你可以閱讀一段 HTML 便能知道發(fā)生了什么。這是一個受歡迎的方案，比如當(dāng)你六個月后返回一個模板,不記得各種東西是如何組合在一起的時候。

可讀的代碼，也意味著團(tuán)隊中的其他人也能通過閱讀模版或者開發(fā)者控制臺，來快速地追蹤行為或判斷問題。

水是溫暖的

現(xiàn)在是時候來探索一下 Stimulus 的工作方式了。繼續(xù)閱讀，學(xué)習(xí)如何構(gòu)建你的第一個控制器。

Next: Hello, Stimulus

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100099.html

相關(guān)文章

  • STIMULUS（二） —— Hello, Stimulus

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

    bigdevil_s 評論0 收藏0

  • 前端開發(fā)者手冊2019

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

    church 評論0 收藏0

  • 前端開發(fā)者手冊2019

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

    xiao7cn 評論0 收藏0

  • 前端開發(fā)者手冊2019

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

    鄒立鵬 評論0 收藏0

  • 自適應(yīng)寬度元素單行文本省略用法探究

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

    K_B_Z 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<