Intention.js响应式开发HTML重组库

联合创作 · 2023-10-02 14:28

Intention.js是由Dow Jones开发的一款专门进行响应式开发的轻量级开源库,遵循MIT开源许可协议。Intention.js是通过HTML属性来操作DOM,直接通过修改HTML即可实现所有更改,并且还可以用来描述不同设备之间的HTML文档差异。

Intention.js由两部分组成:Intention.js和Context.js,Intention.js库主要是用来管理响应轴以及基 于元素规格和事件改变来操纵元素,Context.js是Intention.js的一个实现,在进行响应式设计时提供一组通用的使用模型。




Intention.js有三个基本操作:属性操作、类操作和放置操作,你可以使用它们修改任何属性值、添加或删除一个元素的类以及调整文件结构中元素的位置。

兼容性

Intention.js兼容目前所有主流的浏览器,包括IE 8,但值得注意的是,由于jQuery 2.x不再支持IE 6/7/8,所以建议在使用这些浏览器时,建议大家采用jQuery 1.x版本。

安装

在根据需求在页面引入脚本文件: 

<!-- use with context defaults -->
    <script
        data-main="assets/js/context"
        src="assets/js/require/require.js"></script>

 或

<!-- use only intention to build your own context -->
   <script src="underscore.js"></script>
   <script src="jquery.js"></script>
   <script src="intention.js"></script>
   <script src="context.js"></script>
   <script>     
// your amazing contextual threshold specification here!
   </script>

介绍内容来自 iteye

浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报