2011-02-16 107 views
16

是否有可能與茉莉的jQuery結合使用HAML,燈具?HAML-燈具茉莉花

我不是很滿意,因爲有我所有的意見都寫在HAML創造了許多靜態的html-燈具。因此,我不僅需要創建大量重複的代碼,而且還必須將(已經重複的)代碼重寫爲HTML。雙痛。

有什麼建議嗎?最佳實踐?到目前爲止,任何人都使用jasmine-jquery和fixture?

回答

9

沒錯。我知道有3條路徑:

  1. 像現在一樣手動創建固定裝置。這可以感覺像重複的代碼。優點是它非常簡單(並且很多人都是這樣開始直觀的)。長遠來說,如果它能幫助您減少標記和jQuery腳本之間的耦合,我認爲它很好。我發現使用這種技術鼓勵我找出我的jQuery代碼所需的最簡單的標記。

  2. 這可能是你正在尋找的答案。從您的haml模板生成的燈具。 This blog post會引導你通過一種方法,但谷歌可以告訴你更多。這很好,因爲你可以保證haml代碼和JS是同步的。不利的一面是,這可能會有一些複雜性,而且確實會出錯。

  3. 所有我最近的項目走得更遠,並取消所有,但對生成的標記一個非常基本的依賴。我的模板通常輸出的單<div>一些數據以及屬性頁面上,和JavaScript構建爲我所有的DOM元素(而不是HAML)。 Javascript based templates便於此。茉莉花測試非常簡單,測試通常可以在無固定裝置的情況下完成,使用var $dom = $('<div>');作爲整個固定裝置。如果您將不得不處理客戶端上的數據,我認爲這總體上更簡單。