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

码农软件 · 软件分类 · jQuery高级页面组件 · 2019-12-30 15:13:54

软件介绍

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

本文地址:https://codercto.com/soft/d/22289.html

APP蓝图

APP蓝图

吕皓月 / 清华大学出版社 / 2015-1-1 / 69.00

移动互联网原型设计,简单来说,就是使用建模软件制作基于手机或者平板电脑的App,HTML 5网站的高保真原型。在7.0 之前的版本中,使用Axure RP进行移动互联网的建模也是可以的。比如,对于桌面的网站模型,制作一个1024像素宽度的页面就可以了;现在针对移动设备,制作320像素宽度的页面就好了。但是在新版本的Axure RP 7.0 中,加入了大量对于移动互联网的支持,如手指滑动,拖动,横屏......一起来看看 《APP蓝图》 这本书的介绍吧!

URL 编码/解码
URL 编码/解码

URL 编码/解码

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具