在实际工作中遇到了分享到其他app的需求，然后就在5+的基础上封装了一下，方便自己使用，有需要的同学可以拿去用。

示例代码

打开该链接有效果图，可以看一下是不是想要的。

最近遇到一个坑爹的问题，如下：

<button class="mui-btn" id="test ">选择照片</button>  

document.getElementById("test")  
            .addEventListener('tap', function() {  
                console.log('t');  
            });

代码很简单有木有！但是却总是报Uncaught TypeError: Cannot call method 'addEventListener' of null错误，跑遍了文档社区。
有的说：
这是因为js加载到 document.getElementById('main').addEventListener这行代码时，下方的dom节点尚未生成，故document.getElementById('main')返回为空；
解决方案有两种；
方案1：放入mui.ready中
方案2：将如上js代码放到</body>节点之后；
结果却没有解决问题。
后面终于找到了问题所在。<button class="mui-btn" id="test ">选择照片</button>中的id=“test”后面多了一个空格！这是自动格式化搞的鬼
删除多余空格，问题解决。

工作中弄了一个仿支付宝的数字软键盘，有需要的同学可以运行一下这个代码，可以拿去用。

示例代码

打开该链接有效果图，可以看一下是不是想要的。

因为没有用canvas所以并不会有图片旋转的问题。

在实际工作中遇到了上传头像的需求，刚开始做的时候发现社区里面都是零散的代码，都是在说原理的没有一个完整的功能，然后就自己写了这个功能和大家分享一下，下载下来放hbuilder里面运行就能看到效果了，有需要的可以拿去用。

示例代码

打开该链接有效果图，可以看一下是不是想要的。

承接各种APP开发，插件集成及离线打包等业务 qq：37894663

8月伊始,好东西与大家一起分享~

好久没有写东西了,这大半年都在忙公司的项目.永远也弄不完的需求; APP做好了,新的需求要把APP搬到微信端, 微信端好不容易改好了, 还要做一个版本发到PC官网; PC官网弄好了,接下来还得研究一下小程序,小程序还没整明白,新来的产品说要用vue优化一下项目~~(>_<)~~
挺感谢HBuilder提供的平台,让APP大部分代码能够迁移到其他平台;省了不少功夫;
然后有些组件就不好弄了,比如双webview的下拉刷新,上拉加载; 如果涉及到菜单切换,或者要刷新父webview的情况就比较复杂了;APP一套代码,微信端也弄一套,维护起来比较麻烦;
于是抽空用原生js实现了下拉刷新上拉加载,完美运用于android,ios,兼容手机及PC主流浏览器,一套代码多端运行.支持vue,流应用,

mescroll -- 精致的下拉刷新和上拉加载js框架 (JS framework for pull-refresh and pull-up-loading)

功能亮点 :
1.自动判断和提示列表无任何数据或无更多数据
2.支持监听列表滚动事件,无需手动判断处理列表的页码,时间等变量
3.可指定列表滚动到任何位置,附带平滑效果一键滚动到顶部或底部
4.可配置列表数据不满屏时,自动加载下一页
5.一个界面可支持多个下拉刷新,上拉加载
6.可临时锁定下拉刷新和上拉加载
7......

先看看
mescroll主流APP案例:

【仿淘宝 v6.8.0】APP的下拉刷新上拉加载

【仿京东 v6.1.0】APP的下拉刷新上拉加载

【仿贝贝 v6.0.0】APP的下拉刷新上拉加载

【仿新浪微博 v7.6.1】APP的下拉刷新上拉加载

【雅布力 v2.4.0】APP的下拉刷新上拉加载

快速入门 :

1 引用 mescroll.min.css , mescroll.min.js

2 拷贝以下布局结构:

<div id="mescroll" class="mescroll">  
       //列表内容,如:<ul>列表数据</ul> ...  
</div>  

3 创建MeScroll对象:

var mescroll = new MeScroll("mescroll", {  
            down: {  
            callback: downCallback //下拉刷新的回调  
        },  
        up: {  
            callback: upCallback //上拉加载回调,简写callback:function(page){upCallback(page);}  
        }  
    });

4 处理回调:

 //下拉刷新的回调  
        function downCallback(){  
            $.ajax({  
                url: 'xxxxxx',  
                success: function(data){  
                    //联网成功的回调,隐藏下拉刷新的状态;  
                mescroll.endSuccess();//无参  
                //设置数据  
                //setXxxx(data);//自行实现 TODO  
               },  
               error: function(data){  
                    //联网失败的回调,隐藏下拉刷新的状态  
                    mescroll.endErr();  
                }  
            });  
        }  

        //上拉加载的回调 page = {num:1, size:10}; num:当前页 从1开始, size:每页数据条数  
        function upCallback(page){  
            $.ajax({  
                url: 'xxxxxx?num='+ page.num +"&size="+ page.size,  
                success: function(data){  
            //联网成功的回调,隐藏下拉刷新和上拉加载的状态;  
            //参数data.length:当前页的数据总数  
            //mescroll会根据data.length自动判断列表如果无任何数据,则提示空,显示empty配置的内容;  
            //列表如果无下一页数据,则提示无更多数据;  
            //如果不传data.length,则仅隐藏下拉刷新和上拉加载的状态.例如downCallback  
                    mescroll.endSuccess(data.length);  
                //设置列表数据  
                //setListData(data);//自行实现 TODO  
                },  
                error: function(data){  
                    //联网失败的回调,隐藏下拉刷新和上拉加载的状态  
                    mescroll.endErr();  
                }  
         });  
        }

以上为mescroll最基本的用法,强烈建议您下载并查看 mescroll基础案例 , 发现mescroll更强大的功能 ~

基础案例一共5个, 每个案例3分钟, 一共花您15分钟;
这15分钟您将了解mescroll在不同情况下应如何快速配置 ~

磨刀不误砍柴工,心急吃不了热豆腐. 请静下心来体验与理解mescroll, 一定会让您事半功倍 ~

mescroll文档及案例:
https://github.com/mescroll/mescroll

8月伊始,好东西与大家一起分享,

如使用中有任何问题,可发帖提问@我; 或者发私信;
提问前最好能提供重现问题的案例~O(∩_∩)O谢谢

    getWifiName = function() {  
        if(mui.os.android) {  
            var wifiManager, wifiInfo;  
            var Context = plus.android.importClass("android.content.Context");  
            var WifiManager = plus.android.importClass("android.net.wifi.WifiManager");  
            var WifiInfo = plus.android.importClass("android.net.wifi.WifiInfo");  
            wifiManager = plus.android.runtimeMainActivity().getSystemService(Context.WIFI_SERVICE);  
            wifiInfo = wifiManager.getConnectionInfo();  
            var ssid = wifiInfo.getSSID() || '';  
            if(ssid.length == 0) {  
                return null;  
            }  
            //一些手机上获取SSID是有值的，但是实际IP为空，真实为未连接  
            var i = parseInt(wifiInfo.getIpAddress());  
            var ipStr = (i & 0xFF) + "." +  
                ((i >> 8) & 0xFF) + "." +  
                ((i >> 16) & 0xFF) + "." +  
                (i >> 24 & 0xFF);  
            if(ipStr == "0.0.0.0") {  
                return null;  
            }  

            if(ssid != "<unknown ssid>" && ssid.toUpperCase() != "0X") {  
                return ssid.replace(/\"/g, "");  
            }  
            return null;  
        }  
        return null;  
    };

5+的demo中介绍了如何使用内置地图，方式是单webview，即延时初始化map，并调用webview的show函数。

当我想在tabbar的某个子页面（非首页）中使用地图时，我发现，如果子页面按5+的demo写（调用show），那么地图页会覆盖首页；如果不调用子webview的show函数，虽然不覆盖首页，但切换后，地图不显示。上述现象只出现在android上。
似乎地图只能在单webview下使用才合适。

经过大量测试，暂时找到了规避方法（不知道算不算解决方法，有人提过类似的问题，但不知道是不屑还是讳莫如深，没人回答），即在创建子webview后，在自己的plusready中调用hide函数。
plus.webview.currentWebview().hide();

注意：只能是自己的plusready，在父页面中创建子webview后，调用hide函数无效。

这种规避方法只是在目前官方没有解答的情况下使用，期待官方的正式解决方案或者说使用指南。

mui
hcoder 一直致力于奉献高质量的视频教程，官网上 mui、h5 等免费教程播放量已经达到10万+。

教程汇总
实战 : HUI APP实战教程 - 仿《京东优选》电商项目
知识点 ： JavaScript 快速提高视频教程
实战： MUI、H5 APP 实战教程 - 仿《有道词典》
知识点 ： HBuilder 8.0.1 APP开发 - 新功能全接触
知识点 ： APP开发教程 - 启动动画
知识点 ： APP开发实例教程 - 窗口切换
知识点 ： 移动端图片剪裁、上传视频教程
知识点 ： app开发教程-用户注册、登录
实战 ： APP开发实战 - 新闻客户端
知识点 ： HTML 5 开发教程
知识点 ： mui 全套教程、 H5+ 沉浸式状态栏详解 、h5+ 地图api

教程地址
http://www.hcoder.net/course/index/cate/4

我这边写出来的wap页面，出来却还是很僵硬的跳转链接并不是同一页面加载，代码如下：
mui.openWindow({
url:www.baidu.com,
id:'baiduwendow',
show:{
duration:300
}
}
}
})

正在写一个设备列表的下拉刷新页面，base的代码是从别的页面copy过来。加上下拉刷新后，下拉刷新正常使用，但是在Android手机上列表滑动时候感觉move事件被谁给吃了，列表滑动很是费力。iOS正常，经过与demo相比，发现一个大坑，给小伙伴们提个醒：

            mui.init({  
                pullRefresh: {  
                    container: '#pullrefresh',  
                    down: {  
                        contentdown: "下拉可以刷新",  
                        contentover: "释放立即刷新",  
                        contentrefresh: "正在TM刷新",  
                        callback: refreshDeviceList  
                    }  
                }  
            });  

            mui.plusReady(function() {  
                //注意：列表的自动滑动属性会影响滑动效果，必须注释掉  
                //mui('.mui-scroll-wrapper').scroll();  
                if(mui.os.android) {  
                        setTimeout('refreshDeviceList()', 800);  
                    } else {  
                        refreshDeviceList();  
                    }  
            });

注意mui('.mui-scroll-wrapper').scroll();这句话，会影响下拉刷新嵌套的列表的滑动效果，直接去掉，一切正常了。

使用HBuilder 在本地创建项目后，当分享到git云端时，往往会出现无法提交到远程服务的问题（应该是git插件的原因）。

解决方法：
到该项目的根目录中的 ".git" 文件夹中找到 "config" 文件，打开并添加以下代码，已有的代码不用重复覆盖，填上你的git地址。
[core]
repositoryformatversion = 0
filemode = false
logallrefupdates = true
[remote "origin"]
url = 你的git地址
fetch = +refs/heads/:refs/remotes/origin/
[branch "master"]
remote = origin
merge = refs/heads/master
rebase = false

如果依然不能提交到远程服务，可参考该文章：http://blog.csdn.net/chenshun123/article/details/46756087