其实是支付宝和HB共同的坑

1. 服务器公钥的配置，2个地方要配置，1是开放平台的 2是合作伙伴的，否则出现ATL65错误
2. 不要使用最新网关https://openapi.alipay.com/gateway.do的参数配置，否则死的很惨，因为HB不支持。会出现ATL2075错误
3. SIGN RSA私钥加密的字符串一定是key="value"&key="value"格式，这个不能错，否则签名有问题
4. 私钥加密可以不用排序
5. HB中提交的数据格式也一定是key="value"&key="value"，否则出错
6. 关于NOTIFY异步回传验证是否为支付宝，原HTTP地址不能用了，只能用HTTPS地址：https://mapi.alipay.com/gateway.do?service=notify_verify&partner=2088002396712354&notify_id=RqPnCoPT3K9%252Fvwbh3I%252BFioE227%252BPfNMl8jwyZqMIiXQWxhOCmQ5MQO%252FWd93rvCB%252BaiGg
7. NOTIFY SIGN验证要使用公钥
8. 参数notify_data不在回传参数内，目前WAP网页支付还是支持
9. 回传参数验证SIGN需要ksort排序，否则出错
10. HB的支付提交错误返还的参数e.code没卵用

关于mui-slider组件动态生成之后无法滚动切换等问题
1.这个组件呢，里面具体的实现我不知道，但是动态生成造成部分功能缺失大概都是因为下面的原因

2. 也就是说这个组件在浏览器检测到mui-slider类样式的时候就开始了初始化（纯属个人猜测）。
3. 怎么解决呢？我们用这个滑动组件一般都是事先不知道有多少个，都是动态数据，这就是他们设计这个组件的时候的缺陷，这个必须改进
4. 解决方案如下：
   5.我们把整个slider组件的html都动态来生成也就是这样的
   var temphtml = "<div id='slider' class='mui-slider mui-fullscreen reg_jacc'><div id='sliderSegmentedControl' class='mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted'><div id='username' class='mui-scroll'></div></div><div id='userInfo' class='mui-slider-group'></div></div>";
   var temphtmlnode = zqnb.dom(temphtml);
   document.getElementById("tempHtml").appendChild(temphtmlnode);
   6.请不要纠结生成dom并且放入dom树的代码，只是告诉你们步骤，拼接html字符串、转dom、放入dom树。
5. 这样我们的滑动组件有了，滑动组件里面的容器也有了，下面的工作就是获取容器dom填充数据了。
6. 谢谢。

分享的开源项目类型可以包括以下几种：

1. 采用5+、MUI技术开发的App类项目（比如资讯、电商、金融、游戏等）。
2. 基于5+、MUI的开源组件，建议大家分享可大幅节省开发时间的开源组件，目前推荐但不局限于以下几类：

• 跨平台适配：比如兼容5+ App、微信、QQ浏览器、UC浏览器的分享组件，兼容5+ App、微信、普通手机浏览器的支付组件；

• 基于mui现有组件实现扩展组件，比如：基于scroll控件实现左右滑动的专辑封面切换效果，基于图片轮播实现上下移动或渐隐渐现的轮播效果；

• 包含交互效果的模板，比如类似微信公众号消息列表的模板、朋友圈UI模板（包含图片预览、点赞、评论等交互功能）

参赛方式为进入HBuilder活动页面【点击HBuilder菜单帮助>>活动】点击立即参加然后提交项目链接，同时大家可以将已实现好的开源工程，在https://github.com/dcloudio/casecode提交pull Request，我们会关联展示。

对于本次“DCloud产品技能分享大赛”活动如有疑问，可以在本文章评论中进行提问，我们会及时为你解答。

本次活动参赛方式为进入HBuilder活动页面【点击HBuilder菜单“帮助”>>“活动”】,点击“立即参加”然后提交你的作品链接。

下方有附件可直接下载使用。

页面一

HTML代码

<a class="_button" onclick="go()">Hbuilder</a>

CSS代码

._button{  
    padding:8px 10px;  
    background:#f60;  
    margin:50px auto;  
    display: block;  
    width:120px;  
    text-align:center;  
    color:#FFFFFF;  
    border-radius: 3px;  
}

JS代码

function plusReady(){  
    //创建底部图片  
    issue = new plus.nativeObj.Bitmap('bmp');  
    issue.load('images/footImg.png',function(){  
        console.log('图片加载完成!');  
        createView();  
    },function(e){  
        console.log('图片加载失败!'+JSON.stringify(e));  
    });  
}  

// 创建原生View控件  
function createView(){  
    view = new plus.nativeObj.View('FootImg',{top:'90%',left:'43%',height:'55px',width:'55px',background:'#f60'});  
    view.drawBitmap( issue, {top:'0px',left:'0px',width:'100%',height:'100%'}, {top:'auto',left:'auto',width:'100%',height:'100%'} );  
    view.show();  

    view.addEventListener("click",ViewClick, false);  
}  

//View点击事件  
function ViewClick(){  
    alert('你点击的view');  
}  

if(window.plus){  
    plusReady();  
}else{  
    document.addEventListener("plusready",plusReady,false);  
}  

/* 页面切换  */  
function go(){  
    var subpage = mui.openWindow({  
        url:'list.html',   
        id:'list.html',  
    });  

    //页面转场的时候清除掉view。  
    subpage.addEventListener('loaded', function() {  
        subpage.show('slide-in-right', 200, function() {  
            view.clear();  
        });  
    });  
}  

//监听list返回  
window.addEventListener('_title',function(){  
    //一监听到就可以创建View了，但是View的点击没用（事件应该是绑上了，用createView()的话会发现点击的时候会弹窗两次），应该是位置的问题吧。  
    view = new plus.nativeObj.View('FootImg',{top:'90%',left:'43%',height:'55px',width:'55px',background:'#f60'});  
    view.drawBitmap( issue, {top:'0px',left:'0px',width:'100%',height:'100%'}, {top:'auto',left:'auto',width:'100%',height:'100%'} );  
    view.show();  

    // createView(); 这样写的话点击会被执行两次。  

    //所以等待窗体动画到位在绑定事件  
    setTimeout(function(){  
        view.addEventListener("click",ViewClick, false);  
    },400);  
});

页面二

JS代码

$('._back').on('tap',function(){  
    mui.init({  
        beforeback: function(){  
//          var viewPage = plus.webview.getWebviewById('view.html'); //如果不是首页面就用这个获取指定ID，否则用下面的获取首页窗体；  
            var viewPage = plus.webview.getLaunchWebview();  
            mui.fire(viewPage,'_title',{/* 这里可以传值  */});  
            return true;  
        }  
    });  
    mui.back();  
})

实现思路：创建左右两个容器，在数据导入的时候获取两个容器的高度，把即将要导入的数据，导进高度低的一个容器即可。

HTML代码

<body style="background-color: #f3f3f3;">  
    <!-- 商品列表 -->  
    <div class="twoRankedBox">  
        <ul class="BoxLeft">  

        </ul>  

        <ul class="BoxRight">  

        </ul>  
    </div>  
</body>

CSS代码

*{  
    padding:0px;  
    margin:0px;  
    list-style: none;  
    font-style:normal;  
    font-family: arial;  
    font-family: Microsoft YaHei,arial;  
}  
.twoRankedBox{  
    margin:6px 8px;  
    overflow: hidden;  
    padding-bottom:25px;  
}  
.twoRankedBox ul{  
    width:49%;  
    float: left;  
}  
.twoRankedBox ul:last-child{  
    margin-left:2%;  
}  
.twoRankedBox ul li{  
    padding:5px;  
    margin-bottom:6px;  
    padding-bottom:8px;  
    background-color: #FFFFFF;  
}  
.twoRankedBox ul li p:first-child{  
    padding-top:0px;  
}  
.twoRankedBox ul li p{  
    padding-top:4px;  
}  
.product_picture img{  
    display: block;  
    width:100%;  
}  
.product_np{  
    overflow: hidden;  
    line-height:20px;  
}  
.product_np a{  
    display: block;  
    overflow:hidden;  
    text-overflow:ellipsis;  
    white-space:nowrap;  
}  
.product_np a:first-child{  
    font-size:0.9em;  
    color:#58b7e3;  
    width:65%;  
    float: left;  
}  
.product_np a:last-child{  
    font-size:0.8em;  
    color:#f00;  
    float: right;  
    width:35%;  
    text-align: right;  
}  
.product_ie{  
    font-size:0.8em;  
    color:#777;  
}

JS代码（需要JQ，因为获取高度是用JQ写的。可以自行修改）

//模拟JSON数据  
var json = {  
    data:[  
        {name:'花瓣小小裙花瓣',price:'128',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_01.jpg'},  
        {name:'时尚牛仔短裤',price:'298',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_02.jpg'},  
        {name:'白色婚纱',price:'668',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_03.jpg'},  
        {name:'绿色防晒衣',price:'218',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_04.jpg'},  
        {name:'格纹小短裙',price:'88',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_05.jpg'},  
        {name:'复古旗袍',price:'128',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_06.jpg'},  
        {name:'花瓣小小裙花瓣',price:'128',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_07.jpg'},  
        {name:'时尚牛仔短裤',price:'298',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_08.jpg'},  
        {name:'白色婚纱',price:'668',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_09.jpg'},  
        {name:'绿色防晒衣',price:'218',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_10.jpg'},  
        {name:'格纹小短裙',price:'118',details:'质量超好特别的舒适，夏天首选。',src:'images/temporary/img_11.jpg'}  
    ]  
}  

//模拟数据导入  
for(var i=0;i<json.data.length;i++){  
    var chtml = '<li><p class="product_picture"><img src="'+json.data[i].src+'"></p>'  
            +'<p class="product_np"><a>'+json.data[i].name+'</a><a>￥'+json.data[i].price+'</a></p>'  
            +'<p class="product_ie">'+json.data[i].details+'</p></li>'  

    if($('.BoxLeft').height() < $('.BoxRight').height()){  
        $('.BoxLeft').append(chtml);  
    }else{  
        $('.BoxRight').append(chtml);  
    }  
}  

代码在附件里。

最近在做一款APP，需要获取手机电量，折腾了好长时间，终于搞定，把代码分享出来，希望能帮助到一些需要这个功能的朋友。
好了，废话不多说，直接上代码

安卓手机代码

//注意，安卓需要配置下manifest.json文件，打开后，进入模块权限配置，在右侧的Android权限设置里勾选上android.permission.BATTERY_STATS  
var main = plus.android.runtimeMainActivity();  
var Intent = plus.android.importClass('android.content.Intent');  
var recevier = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {  
          onReceive: function(context, intent) {  
        var action = intent.getAction();  
        if (action == Intent.ACTION_BATTERY_CHANGED) {  
            var level   = intent.getIntExtra("level", 0); //电量  
            var voltage = intent.getIntExtra("voltage", 0); //电池电压  
            var temperature = intent.getIntExtra("temperature", 0); //电池温度  
                        //如需获取别的，在这里继续写，此代码只提供获取电量  
            console.log(level)  
        }  
     }  
 });  
var IntentFilter = plus.android.importClass('android.content.IntentFilter');  
var filter = new IntentFilter(Intent.ACTION_BATTERY_CHANGED);  
main.registerReceiver(recevier, filter); 

IOS代码

var UIDevice = plus.ios.import("UIDevice");  
var dev = UIDevice.currentDevice();  
if (!dev.isBatteryMonitoringEnabled()) {  
    dev.setBatteryMonitoringEnabled(true);  
}  
var level =dev.batteryLevel();

453093824

<form name="form1" id="form1" action="" method="post" >
<div class="mui-input-row mui-search mui-search-xie">
<input type="search" class="mui-input-clear" placeholder="请输入产品" id="searchInput">
</div>
</form>

页面见附件，代码如下，该页面是放在另一个页面的iframe中的 ，单独访问时可以输入的

字符编码用unicode，代码在附件rar里.

需要注意的是：需要用Unicode编码方式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>
<script type="text/javascript">
var udp;

    document.addEventListener('plusready', function(){  
        //console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"  

            udp=new UDP();  
            udp.Listen(5412,function(data){  
                alert("收到:"   data);  
            });  

    });  

function senddata(){  
    udp.Send("192.168.1.197",12345,"a地");  
}  

function UDP(){  
    var DatagramPacket=plus.android.importClass("java.net.DatagramPacket");  
    var DatagramSocket=plus.android.importClass("java.net.DatagramSocket");  
    var InetAddress=plus.android.importClass("java.net.InetAddress");  
    var Addr=new InetAddress();  
    var sock;  
    var _RUNNING=true;  

    this.Listen=function(port,recvcallback){  
        sock=new DatagramSocket(port);  

        var buf=[];  
        buf=Str2Byte("12345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890");  
        //buf[1024]=0;  
        sock.setSoTimeout(50);  
        var recvtime=setTimeout(recv(recvcallback),"10");  
        function recv(callback) {  
            var pack=new DatagramPacket(buf,buf.length);  
            try{  
                sock.receive(pack);  
                if (pack.getLength()>0) {          
                    var data=Byte2Str(pack.getData(),pack.getLength());  
                    callback(data);  
                    clearTimeout(recvtime);  
                }  
            }catch(e){  
            }  
            if (_RUNNING) recvtime=setTimeout(recv(callback),"10");  
        }  
    };  

    this.Close=function() {  
        alert("Socket Close");  
        sock.close();     
        _RUNNING=false;  
    };  

    this.Send=function(remote,port,data) {  
        var buf=[];  
        buf=Str2Byte(data);  
        var pack=new DatagramPacket(buf,buf.length,Addr.getByName(remote),port);  
        sock.send(pack);  
    };  
}  

function Byte2Str(arr,length){
var str="";
var d;
for(var i=0;i<length;i =2) {
d=arr[i];
d=(arr[i 1]<<8) d;
var tmp=String.fromCharCode(d);
str =tmp;
}
return str;
}

function Str2Byte(str){  
    var ch,c2,st,re=[];  
    for(var i=0;i<str.length;i  ) {  
        ch=str.charCodeAt(i);  
        st=[];  
        do {  
            c2=ch