@木尘的小博客

phonegap官网 http://phonegap.com/ 安装 phonegap官方文档： http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface准备工作：下载并安装nodejs： 官网：https://nodejs.org 64位下载地址：https://node

iscroll5+afui3.0上拉加载下拉刷新下载地址：http://download.csdn.net/detail/haozq2012/8484113

app-framework学习–公用加载、刷新scrooller,上拉加载，下拉刷新（2.2）。群里有人问，我就给大家分享下吧！/** * @Author: muchen * @DateTime: 2015-03-04 10:30:10 * @Description: add下拉刷新 add上啦加载分页 * @param: myScroller Scroller对

appframework3.0–初识 作者：木尘2015-02-05交流群：333492644以前项目一直用的2.0也写过一些博客，后来因为项目比较忙所以落下了，现在项目即将上线，对于2.0我的项目虽然完成了，但是效果的确有些差强人意，有时间了，所以就开始研究3.0了，虽然3.0还没有发布，但是他的确比2.0要好的多，不管是从速度上还是从结构上都有了很大的突破官网地址：http://app-f

作者：木尘 日期：2015-01-17app-framework学习--panel传值关于appframework页面传值问题，好多人问，今天在这里给几点建议：1.本地数据存取/******** 本地数据存取函数 *********/var localStorageUtils = { setParam : function(name, value) {

作者：木尘 日期：2015-01-17由于一个index写多有页面，压力过大。所以有了js解决方案,动态管理panel var panelUtil = {/********** 添加一个新的header **********/addNewHeader : function (headerContent){$("#afui").append(headerContent);}

作者：木尘 日期：2015-01-07由于appframework本身的scroll比较坑所以有了这个demo顺带为了加快程序使用 require.js 实现异步加载demo如下：用了 iscroll5require+ jquery+iscroll+afui下载地址：http://download.csdn.net/detail/haozq2012/8337087附带下载：

iscroll5+jquery+afui上拉加载下拉刷新下载地址：http://download.csdn.net/detail/haozq2012/8262635

appframework学习--解决nav大屏显示 作者：木尘 日期：2014-11-26在$(document).ready(function()中调用$.ui.splitview=false;$(document).ready(function(){                $.ui.splitview=false;                $.ui.

作者：木尘 日期：2014-11-26app-framework弹出mask(toast)时让ui失去焦点：showToast("hi！",2000);$.ui.blockUI(.1);setTimeout(function () { $.unblockUI();}, 2000);效果图：

作者：木尘 日期：2014-11-26sublimtext快速插入html分页：1. 创建插件：Tools → New Plugin:import sublime_pluginclass AddAfHtmlCommand(sublime_plugin.TextCommand):    def run(self, edit):        self.view.ru

监听appframework的Touch事件

app-framewor(jqmobi) nav的Scroller禁用与启用写在panel 的 data-load 方法里禁用  $.ui.scrollingDivs.menu_scroller.disable();写在panel 的 data-unload 重新启用 $.ui.scrollingDivs.menu_scroller.enable();不会影响其他页

下载地址：http://download.csdn.net/detail/haozq2012/8160317官网chuan

.numList li a:after{content: "\f079" !important;}

2步搞定，想给谁用就给谁用第一步：panel  的div加上style="overflow:hidden"第二步：要滚动的div  js调用以下：$("#ID").scroller({ verticalScroll:true, horizontalScroll:false, autoEnable:true

//解决appframework(jqmobi ) ios惯性问题//修改文件：af.scroller.js 大概等1405行            this.scrollerMoveCSS(scrollInfo, scrollInfo.duration, "cubic-bezier(0.33,0.66,0.66,1)");            this.setVScroll

app-framework的popup方法很好用，也很方便下面使用法$.ui.popup( {    title:"这里是title",    message:"主题信息",    cancelText:"关闭",    cancelCallback:function(){//自己写的function可以在这里调用

1.页面跳转错误：Uncaught TypeError: Cannot read property 'afCSS3AnimateId' of undefined原因：data-defer=""  跳转路径不正确解决：路径正确即可2.程序正在启动的圈圈一直 原因：转id冲突，出现重名id 解决：id冲突，出现重名id

mask使用很简单，官网有介绍：传入显示的文字和停留时间即可：function showMask(text,time) { $.ui.showMask(text); window.setTimeout(function () { $.ui.hideMask(); }, time);}由于官网没有提供toast功能，研究了一下，添加几

app-framework学习-----nav的使用说明:语法：.............在panel调用时，写法：......隐藏某panel不使用nav有以下3种方法：1.$.ui.disableSideMenu();2.$.ui.slideSideMenu=false;3.data-nav="none

Scroller这个插件允许你创建一个可滚动区域。我们使用的JavaScript滚轮，除非该设备支持 - WebKit的溢出卷轴：触摸。它有许多修复Android版创建：2$(selector).scroller({})//create$(selector).scroller()//get the scroller object

我们可以使用jquery 和 afui开发，而不需要使用appframework.js（经过测试完全可行）只需在<scriptsrc="af.ui.jquery(.min).js"></script>之前引入jquery文件即可

1.js 方式

每一个panel在智能设备上都显示为一个页面：

一起学习共同进步，加油！！！官网地址：http://app-framework-software.intel.com/下载地址：http://download.csdn.net/detail/haozq2012/7635951