HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

手机短信验证 希望可以帮到一下朋友

短信验证码

//手机号验证  
function PhoneMobile() {  
    var tel = document.all("tel").value;  
    if (tel.match(/^(13[0-9]|14(5|7)|15(0|1|2|3|5|6|7|8|9)|18[0-9])\d{8}$/) != null) {  
        //verificationMobile();  
    } else {  
        $("#tel").val("输入的手机号不正确");  
        $("#tel").css("color", "red")  
    }  
}  
//验证码  
function verificationMobile() {  
    var btn = document.getElementById('btn');  
    btn.onclick = function() {  
        var sleep = 60,  
            interval = null;  
        PhoneMobile();  
        if ($("#tel").val() != "输入的手机号不正确") {  
            CallAction();  
            if (!interval) {  
                this.disabled = "disabled";  
                this.style.cursor = "wait";  
                this.value = "重新发送 (" + sleep-- + ")";  
                interval = setInterval(function() {  
                    if (sleep == 0) {  
                        if (!!interval) {  
                            clearInterval(interval);  
                            interval = null;  
                            sleep = 60;  
                            btn.style.cursor = "pointer";  
                            btn.removeAttribute('disabled');  
                            btn.value = "获取验证码";  
                            btn.style.backgroundColor = '';  
                        }  
                        return false;  
                    }  
                    btn.value = "重新发送 (" + sleep-- + ")";  
                }, 1000);  
            }  
        }  
    }  
}  
//验证码请求  
function CallAction() {  
    var data = 你的数据请求连接;  
    $.ajax({  
        async: true,  
        url: '网站连接',  
        data: data,  
        dataType: 'jsonp',  
        type: 'get',  
        callback: successCallback,  
        timeout: 10000,  
        complete: function(XMLHttpRequest, status) {  
            if (status == 'timeout') {  
                //超时,status还有success,error等值的情况   
                alert("方法查询异常!");  
            }  
        }  
    });  
}  
继续阅读 »

//手机号验证  
function PhoneMobile() {  
    var tel = document.all("tel").value;  
    if (tel.match(/^(13[0-9]|14(5|7)|15(0|1|2|3|5|6|7|8|9)|18[0-9])\d{8}$/) != null) {  
        //verificationMobile();  
    } else {  
        $("#tel").val("输入的手机号不正确");  
        $("#tel").css("color", "red")  
    }  
}  
//验证码  
function verificationMobile() {  
    var btn = document.getElementById('btn');  
    btn.onclick = function() {  
        var sleep = 60,  
            interval = null;  
        PhoneMobile();  
        if ($("#tel").val() != "输入的手机号不正确") {  
            CallAction();  
            if (!interval) {  
                this.disabled = "disabled";  
                this.style.cursor = "wait";  
                this.value = "重新发送 (" + sleep-- + ")";  
                interval = setInterval(function() {  
                    if (sleep == 0) {  
                        if (!!interval) {  
                            clearInterval(interval);  
                            interval = null;  
                            sleep = 60;  
                            btn.style.cursor = "pointer";  
                            btn.removeAttribute('disabled');  
                            btn.value = "获取验证码";  
                            btn.style.backgroundColor = '';  
                        }  
                        return false;  
                    }  
                    btn.value = "重新发送 (" + sleep-- + ")";  
                }, 1000);  
            }  
        }  
    }  
}  
//验证码请求  
function CallAction() {  
    var data = 你的数据请求连接;  
    $.ajax({  
        async: true,  
        url: '网站连接',  
        data: data,  
        dataType: 'jsonp',  
        type: 'get',  
        callback: successCallback,  
        timeout: 10000,  
        complete: function(XMLHttpRequest, status) {  
            if (status == 'timeout') {  
                //超时,status还有success,error等值的情况   
                alert("方法查询异常!");  
            }  
        }  
    });  
}  
收起阅读 »

Dcloud学习资料汇总+视频教程

视频教程 HBuilder mui

1、首先记住以下3个常用网站:
DCloud官网:http://www.dcloud.io/
MUI官网:http://dev.dcloud.net.cn/mui/
专业培训:http://www.dongyixueyuan.com/

2、学习顺序
(1)MUI、5+、Native.js等相关知识参照DCloud官方文档
(2)5+API,即HTML5+联盟中的HTML5+规范
(3)MUI
直接报名可以跳过自学部分,让老师来教。

3、资源汇总
MUI-FAQ:http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/122
APP优化技巧:http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/25
视频教程:https://ke.qq.com/course/71784#term_id=100131434

4、官方相关视频
如何让Android手机的HTML5 App性能体验接近原生 王安(DCloud CEO
http://v.youku.com/v_show/id_XNzYyNzI3NDQw.html

mui—让HTML5达到原生体验的高性能框架 崔红保(Dcloud 前端工程
http://v.youku.com/v_show/id_XNzYyOTEyMjcy.html?from=s1.8-1-1.2

Native.js,让js像原生一样强大+++江树源(数字天堂CTO)
http://v.youku.com/v_show/id_XNzYzNTcwNDI4.html

5、Dcloud指定培训机构:东翌学院-小班直播教学+课程源码+视频回放+老师辅导+vip学员群
立即试学>>>跨平台App开发直播VIP班

推荐国内首推的跨平台移动APP开发专业培训机构-东翌学院是Dcloud的合作培训机构,跨平台APP开发整体课程在线直播+课程源码+全套视频,最新最全的APP开发,HB和MUI的全套视频,零基础都可以学习,更有高级进修课程,30天最快速的开发跨平台APP!咨询报名QQ:410355878 网址:http://www.dongyixueyuan.com/ 欢迎有意向学习的朋友加好友咨询!谢谢Dcloud提供这么好的平台!

继续阅读 »

1、首先记住以下3个常用网站:
DCloud官网:http://www.dcloud.io/
MUI官网:http://dev.dcloud.net.cn/mui/
专业培训:http://www.dongyixueyuan.com/

2、学习顺序
(1)MUI、5+、Native.js等相关知识参照DCloud官方文档
(2)5+API,即HTML5+联盟中的HTML5+规范
(3)MUI
直接报名可以跳过自学部分,让老师来教。

3、资源汇总
MUI-FAQ:http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/122
APP优化技巧:http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/25
视频教程:https://ke.qq.com/course/71784#term_id=100131434

4、官方相关视频
如何让Android手机的HTML5 App性能体验接近原生 王安(DCloud CEO
http://v.youku.com/v_show/id_XNzYyNzI3NDQw.html

mui—让HTML5达到原生体验的高性能框架 崔红保(Dcloud 前端工程
http://v.youku.com/v_show/id_XNzYyOTEyMjcy.html?from=s1.8-1-1.2

Native.js,让js像原生一样强大+++江树源(数字天堂CTO)
http://v.youku.com/v_show/id_XNzYzNTcwNDI4.html

5、Dcloud指定培训机构:东翌学院-小班直播教学+课程源码+视频回放+老师辅导+vip学员群
立即试学>>>跨平台App开发直播VIP班

推荐国内首推的跨平台移动APP开发专业培训机构-东翌学院是Dcloud的合作培训机构,跨平台APP开发整体课程在线直播+课程源码+全套视频,最新最全的APP开发,HB和MUI的全套视频,零基础都可以学习,更有高级进修课程,30天最快速的开发跨平台APP!咨询报名QQ:410355878 网址:http://www.dongyixueyuan.com/ 欢迎有意向学习的朋友加好友咨询!谢谢Dcloud提供这么好的平台!

收起阅读 »

IOS 平台离线打包定位插件配置

定位 SDK iOS

1 在工程中添加如下库
文件在SDK/Libs/目录下
注: Linker Flags、framework添加方法参考该文档
liblibGeolocation.a
libBaiduKeyVerify.a
BaiduMapAPI_Utils.framework
BaiduMapAPI_Base.framework
BaiduMapAPI_Search.framework
BaiduMapAPI_Location.framework

2 在工程中添加如下系统Framework
QuartzCore.framework
CoreGraphics.framework
CoreTelephony.framework
SystemConfiguration.framework
Security.framework
MapKit.framework
OpenGLES.framework
CoreLocation.framework
libstdc++.6.0.9.tbd
libsqlite3.0.tbd

3 在info.plist文件中添加如下配置
NSLocationWhenInUseUsageDescription:[类型String]
NSLocationWhenInUseDescription:[类型String]
注意:这两个Key对应的Value为空

继续阅读 »

1 在工程中添加如下库
文件在SDK/Libs/目录下
注: Linker Flags、framework添加方法参考该文档
liblibGeolocation.a
libBaiduKeyVerify.a
BaiduMapAPI_Utils.framework
BaiduMapAPI_Base.framework
BaiduMapAPI_Search.framework
BaiduMapAPI_Location.framework

2 在工程中添加如下系统Framework
QuartzCore.framework
CoreGraphics.framework
CoreTelephony.framework
SystemConfiguration.framework
Security.framework
MapKit.framework
OpenGLES.framework
CoreLocation.framework
libstdc++.6.0.9.tbd
libsqlite3.0.tbd

3 在info.plist文件中添加如下配置
NSLocationWhenInUseUsageDescription:[类型String]
NSLocationWhenInUseDescription:[类型String]
注意:这两个Key对应的Value为空

收起阅读 »

HBuilder Mui 新手学习看过来

hellomui HelloH5 Hello HBuilder

跨平台APP开发学习顺序:
从UI界面的设计> 界面特效 >数据接口制作> 功能模块开发 >制作APP后台管理系统>APP深度实战开发>数据库>手机底层调用>APP上架指导!

东翌学院创办于2011年,所属HTML5中国产业联盟企业,专注IT互联网职业教育,借助HTML5中国产业联盟和自身团队技术力量,Dcloud权威合作培训机构!

在国内首推跨平台APP开发专业培训课程,腾讯课堂网络教育平台授课,线上学习全国就业。有实力、有信誉,要培训就选专业技术型培训机构!
暑期班马上就开课了,国内首推零基础到实战开发APP,小班授课,直播教学,学跨平台App开发就在这里>>>立即学习 报名咨询QQ:2971611409

继续阅读 »

跨平台APP开发学习顺序:
从UI界面的设计> 界面特效 >数据接口制作> 功能模块开发 >制作APP后台管理系统>APP深度实战开发>数据库>手机底层调用>APP上架指导!

东翌学院创办于2011年,所属HTML5中国产业联盟企业,专注IT互联网职业教育,借助HTML5中国产业联盟和自身团队技术力量,Dcloud权威合作培训机构!

在国内首推跨平台APP开发专业培训课程,腾讯课堂网络教育平台授课,线上学习全国就业。有实力、有信誉,要培训就选专业技术型培训机构!
暑期班马上就开课了,国内首推零基础到实战开发APP,小班授课,直播教学,学跨平台App开发就在这里>>>立即学习 报名咨询QQ:2971611409

收起阅读 »

安卓手机使用adbWireless无线调试

adb 真机调试

前提:手机得root

  1. 安装adbWireless
  2. 运行adbWireless,给它root权限
  3. 点击界面上的大按钮,记住连接命令:adb connect 192.168.x.x
  4. PC端,进入CMD,运行第3点的命令,提示connected。。。就表示成功了
  5. 接着跟使用USB来调试没什么区别。

对于第4点,如果运行命令并提示成功,但在HBuilder里没有提示连接成功的话,请试试:
在CMD里cd进HBuilder的tools目录,使用这里面的adb命令来connect,估计就能解决问题!

继续阅读 »

前提:手机得root

  1. 安装adbWireless
  2. 运行adbWireless,给它root权限
  3. 点击界面上的大按钮,记住连接命令:adb connect 192.168.x.x
  4. PC端,进入CMD,运行第3点的命令,提示connected。。。就表示成功了
  5. 接着跟使用USB来调试没什么区别。

对于第4点,如果运行命令并提示成功,但在HBuilder里没有提示连接成功的话,请试试:
在CMD里cd进HBuilder的tools目录,使用这里面的adb命令来connect,估计就能解决问题!

收起阅读 »

兰刃分享app第二弹 高仿[京缆]APP 带源码

移动APP

第二次分享app了,比第一次做起来要顺手许多,大家多给意见

顺便开始接单 有需求的可以找我哈点击与我QQ联系
先上截图

下面是源码包

继续阅读 »

第二次分享app了,比第一次做起来要顺手许多,大家多给意见

顺便开始接单 有需求的可以找我哈点击与我QQ联系
先上截图

下面是源码包

收起阅读 »

新浪微博分享无图片与链接

通过测试发现,新浪微博的分享链接可能与图片之间产生冲突,建议不要将分享的链接写到ShareMessage对象中,而是并到content中。

通过测试发现,新浪微博的分享链接可能与图片之间产生冲突,建议不要将分享的链接写到ShareMessage对象中,而是并到content中。

APP开的流程-全套APP开发课程

hellomui HelloH5 HBuilder

跨平台APP开发学习顺序:
从UI界面的设计> 界面特效 >数据接口制作> 功能模块开发 >制作APP后台管理系统>APP深度实战开发>数据库>手机底层调用>APP上架指导!

东翌学院创办于2011年,所属HTML5中国产业联盟企业,专注IT互联网职业教育,借助HTML5中国产业联盟和自身团队技术力量,Dcloud权威合作培训机构!

在国内首推跨平台APP开发专业培训课程,腾讯课堂网络教育平台授课,线上学习全国就业。有实力、有信誉,要培训就选专业技术型培训机构!
暑期班马上就开课了,国内首推零基础到实战开发APP,小班授课,直播教学,学跨平台App开发就在这里>>>立即学习 报名咨询QQ:2971611409

继续阅读 »

跨平台APP开发学习顺序:
从UI界面的设计> 界面特效 >数据接口制作> 功能模块开发 >制作APP后台管理系统>APP深度实战开发>数据库>手机底层调用>APP上架指导!

东翌学院创办于2011年,所属HTML5中国产业联盟企业,专注IT互联网职业教育,借助HTML5中国产业联盟和自身团队技术力量,Dcloud权威合作培训机构!

在国内首推跨平台APP开发专业培训课程,腾讯课堂网络教育平台授课,线上学习全国就业。有实力、有信誉,要培训就选专业技术型培训机构!
暑期班马上就开课了,国内首推零基础到实战开发APP,小班授课,直播教学,学跨平台App开发就在这里>>>立即学习 报名咨询QQ:2971611409

收起阅读 »

APP开发学习流程,MUI全套课程视频!

学习 HBuilder mui

跨平台APP开发学习顺序:
从UI界面的设计> 界面特效 >数据接口制作> 功能模块开发 >制作APP后台管理系统>APP深度实战开发>数据库>手机底层调用>APP上架指导!

东翌学院创办于2011年,所属HTML5中国产业联盟企业,专注IT互联网职业教育,借助HTML5中国产业联盟和自身团队技术力量,Dcloud权威合作培训机构!

在国内首推跨平台APP开发专业培训课程,腾讯课堂网络教育平台授课,线上学习全国就业。有实力、有信誉,要培训就选专业技术型培训机构!
暑期班马上就开课了,国内首推零基础到实战开发APP,小班授课,直播教学,学跨平台App开发就在这里>>>立即学习 报名咨询QQ:410355878

继续阅读 »

跨平台APP开发学习顺序:
从UI界面的设计> 界面特效 >数据接口制作> 功能模块开发 >制作APP后台管理系统>APP深度实战开发>数据库>手机底层调用>APP上架指导!

东翌学院创办于2011年,所属HTML5中国产业联盟企业,专注IT互联网职业教育,借助HTML5中国产业联盟和自身团队技术力量,Dcloud权威合作培训机构!

在国内首推跨平台APP开发专业培训课程,腾讯课堂网络教育平台授课,线上学习全国就业。有实力、有信誉,要培训就选专业技术型培训机构!
暑期班马上就开课了,国内首推零基础到实战开发APP,小班授课,直播教学,学跨平台App开发就在这里>>>立即学习 报名咨询QQ:410355878

收起阅读 »

手机移动端网站触屏可拖动悬浮球

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手机移动端网站触屏可拖动悬浮球</title>
<style>

touch {

        width: 60px;  
        height: 60px;  
        position: absolute;  
        left: 600px;  
        top: 300px;  
        margin-left: -30px;  
        margin-top: -30px;  
        z-index: 999999;  
    }  
#simple-menu {  

    cursor: move;  
}  

</style>
</head>

<body>
<!-- 代码开始 -->
<div id="touch" style="width: 120px; height: 120px; position: absolute;">
<img id="simple-menu" src="images/zfb.png" onclick="onClick()" style="width: 120px; height: 120px;" />
</div>
<script>
var div = document.getElementById('touch');
div.addEventListener('touchmove',function(event) {
event.preventDefault();//阻止其他事件
// 如果这个元素的位置内只有一个手指的话
if (event.targetTouches.length == 1) {
var touch = event.targetTouches[0]; // 把元素放在手指所在的位置
div.style.left = touch.pageX + 'px';
div.style.top = touch.pageY + 'px';
div.style.background = "";
}
}, false);

function onClick() {
alert('你敢点我!');
}
</script>

</body>
</html>

继续阅读 »

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手机移动端网站触屏可拖动悬浮球</title>
<style>

touch {

        width: 60px;  
        height: 60px;  
        position: absolute;  
        left: 600px;  
        top: 300px;  
        margin-left: -30px;  
        margin-top: -30px;  
        z-index: 999999;  
    }  
#simple-menu {  

    cursor: move;  
}  

</style>
</head>

<body>
<!-- 代码开始 -->
<div id="touch" style="width: 120px; height: 120px; position: absolute;">
<img id="simple-menu" src="images/zfb.png" onclick="onClick()" style="width: 120px; height: 120px;" />
</div>
<script>
var div = document.getElementById('touch');
div.addEventListener('touchmove',function(event) {
event.preventDefault();//阻止其他事件
// 如果这个元素的位置内只有一个手指的话
if (event.targetTouches.length == 1) {
var touch = event.targetTouches[0]; // 把元素放在手指所在的位置
div.style.left = touch.pageX + 'px';
div.style.top = touch.pageY + 'px';
div.style.background = "";
}
}, false);

function onClick() {
alert('你敢点我!');
}
</script>

</body>
</html>

收起阅读 »

使用hbuilder开发的旅游司南app,欢迎大家注册体验!

Android iOS 应用发布 体验

旅游司南app是一款为爱旅游的人准备的软件,旅游司南app中有丰富的旅游资讯和相关问答,为你解答各种旅游内容,避免各种小问题,纯粹的享受旅游。

1.安卓下载地址: http://122.13.0.38:8088/SNv2/SNv2_2.1.0.apk

2.IOS版体验地址:https://itunes.apple.com/us/app/lu-you-si-nan/id1096172307?l=zh&ls=1&mt=8

继续阅读 »

旅游司南app是一款为爱旅游的人准备的软件,旅游司南app中有丰富的旅游资讯和相关问答,为你解答各种旅游内容,避免各种小问题,纯粹的享受旅游。

1.安卓下载地址: http://122.13.0.38:8088/SNv2/SNv2_2.1.0.apk

2.IOS版体验地址:https://itunes.apple.com/us/app/lu-you-si-nan/id1096172307?l=zh&ls=1&mt=8

收起阅读 »