Intention.js是由Dow Jones開發(fā)的一款專門進(jìn)行響應(yīng)式開發(fā)的輕量級(jí)開源庫,遵循MIT開源許可協(xié)議。Intention.js是通過HTML屬性來操作DOM,直接通過修改HTML即可實(shí)現(xiàn)所有更改,并且還可以用來描述不同設(shè)備之間的HTML文檔差異。
Intention.js由兩部分組成:Intention.js和Context.js,Intention.js庫主要是用來管理響應(yīng)軸以及基于元素規(guī)格和事件改變來操縱元素,Context.js是Intention.js的一個(gè)實(shí)現(xiàn),在進(jìn)行響應(yīng)式設(shè)計(jì)時(shí)提供一組通用的使用模型。
Intention.js有三個(gè)基本操作:屬性操作、類操作和放置操作,你可以使用它們修改任何屬性值、添加或刪除一個(gè)元素的類以及調(diào)整文件結(jié)構(gòu)中元素的位置。
兼容性
Intention.js兼容目前所有主流的瀏覽器,包括IE 8,但值得注意的是,由于jQuery 2.x不再支持IE 6/7/8,所以建議在使用這些瀏覽器時(shí),建議大家采用jQuery 1.x版本。
安裝
在根據(jù)需求在頁面引入腳本文件:
<!-- 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>