當您可以專注於設計視圖並停止考慮如何將它們縫合在一起時,您的網絡開發過程會發生什麼? Postlight by Postlight是一個零配置的JavaScript庫,它在網頁上添加了一層平滑而快速的頁面交互。您要做的就是在您已經擁有的HTML中添加一些提示。
在我們的修剪介紹中閱讀有關它的更多信息。
該項目遵循圖書館的腳步,例如渦輪鏈接和刺激。它認為,您的業務和渲染邏輯的最佳場所是在服務器上發送的,您應該向用戶發送HTML,並且JavaScript最適合逐步增強的DOM操作。 Trimmings是一組模式,可通過在交互式元素中添加data-trimmings-*屬性來添加DOM操作。項目中的JavaScript少意味著較小的風險。
一旦您構建了網站,並且可以按照自己喜歡的方式提供html,則可以開始添加飾物提示,以增強您的互動方式。
也許您有一個要在模式下打開的詳細頁面的鏈接。獨立的頁面可能具有您不想在模態中渲染的標題和頁腳。沒問題。只需在您的鏈接中添加一個inline提示:
<a data-trimmings-inline="from: .detail-container, to: .modal-container" href="/photos/2">
View as a modal
</a>
如果您的訪問者單擊該鏈接,則該頁面將在後台獲取,將從結果中提取帶有detail-container的元素,並將其插入帶有modal-container類別類的元素中。您可以編寫CSS,可以隨心所欲。現在您有了模態!這就是一切!
只需在您的<head>中包含trimmings.js即可。就是這樣。當您的頁面加載時,修剪將自動激活,而無需考慮生命週期。
<script src="/trimmings.js"></script>
通過添加data-trimmings-*屬性,在特定元素上啟用了修剪功能。有關每個飾物功能使用的更多詳細信息,請諮詢Trimmings Handbook。
根據任何一個
可以選擇。
如果您找到了一個錯誤或想提出新功能,請提交問題,讓我們談談!
我們希望所有修剪的貢獻者都會遵守我們的行為準則。
除非您另有明確說明,否則任何有意提交的捐款(如Apache-2.0許可證中定義)應為雙重許可,如上所述,沒有任何其他條款或條件。
?您的朋友在Postlight上的實驗室項目。愉快的編碼!