Intention.js：以响应式方式动态重组HTML代码

发表于 由

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版本。

安装

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

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

或

  1. <!-- use only intention to build your own context -->   
  2.    <script src="underscore.js"></script>   
  3.    <script src="jquery.js"></script>   
  4.    <script src="intention.js"></script>   
  5.    <script src="context.js"></script>   
  6.    <script>        
  7. // your amazing contextual threshold specification here!   
  8.    </script>   

更多详细介绍，请参阅官网：http://intentionjs.com/

托管地址：https://github.com/dowjones/intentionjs

  1. da shang
    donate-alipay
               donate-weixin weixinpay

发表评论↓↓