当您可以专注于设计视图并停止考虑如何将它们缝合在一起时,您的网络开发过程会发生什么? 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上的实验室项目。愉快的编码!