H5 移动APP - 面包店

最新推荐文章于 2024-08-04 16:33:59 发布
最新推荐文章于 2024-08-04 16:33:59 发布
阅读量169 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/boxker/p/10513871.html
版权

使用jquerymobile、html5、css3实现移动APP

流程图

1098476-20190311230537655-1648393956.png

打包

用hbuilder实现打包

效果截图展示

1098476-20190311225715578-28343604.png

图2-1 APP图标

1098476-20190311225725535-286101292.png

图2-2 主页

1098476-20190311225736977-694649903.png

1098476-20190311225750818-793282397.png

图2-3 面包列表&详细信息

1098476-20190311225801245-993323502.png

图2-4 订购

1098476-20190311225813327-2126799274.png

图2-5 生成&查看订单

1098476-20190311225823985-1214535556.png

图2-6 删除订单

1098476-20190311225839539-210647516.png

1098476-20190311225846605-110991552.png

图2-7 分店列表&详细信息

1098476-20190311225855401-354746870.png

图2-8 定位系统

主要代码

index.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
        <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <title></title>
        <script type="text/javascript">
            document.addEventListener('plusready', function() {
                //console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
            });

            $(function() {
                
            })
        </script>
    </head>
    <body>
        <div data-role="page">
            <div data-role="header" data-position="fixed">
                
                <h1>面包物语</h1>
            </div>
            
            <div data-role="main" class="ui-content">
                
                <img src="img/logolong.png" style="width: 100%;"/>
                
                <ul data-role="listview" data-inset="true">
                    <li><a href="list.html" data-ajax="false">面包列表</a></li>
                    <li><a href="search.html" data-ajax="false">我的订单</a></li>
                    <li><a href="map.html" data-ajax="false">地图定位</a></li> 
                    <li><a href="info.html" data-ajax="false">商店信息</a></li>
                    <li><a href="jiameng.html" data-ajax="false">关于我们</a></li>
                    <!-- <li><a href=""></a></li> -->
                </ul>
            </div>

        </div>
    </body>
</html>


search.html
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>用户查询订单</title>
        <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
        <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style type="text/css">
            #content {
                font-size: 15px;
                padding: 20px;
                margin: 0px;
            }

            .ui-block-a,
            .ui-block-b,
            .ui-block-c {
                height: 30px;
                text-align: center;
                padding-top: 5px;
                border-bottom: 1px solid;
            }
        </style>
        <script type="text/javascript">
            $('#first').ready(function() {
                $("#del").hide();   //隐藏按钮
                
                //判断各个商品是否有值,否则不显示
                if (localStorage.sp1 != null) {
                    $("#sp1").html(localStorage.sp1);
                    $("#kw1").html(localStorage.kw1);
                } else {
                    $("#sp1p").hide();
                }
                if (localStorage.sp2 != null) {
                    $("#sp2").html(localStorage.sp2);
                    $("#kw2").html(localStorage.kw2);
                } else {
                    $("#sp2p").hide();
                }
                if (localStorage.sp3 != null) {
                    $("#sp3").html(localStorage.sp3);
                    $("#kw3").html(localStorage.kw3);
                } else {
                    $("#sp3p").hide();
                }
                if (localStorage.sp4 != null) {
                    $("#sp4").html(localStorage.sp4);
                    $("#kw4").html(localStorage.kw4);
                } else {
                    $("#sp4p").hide();
                }

                if (localStorage.sp1 != null || localStorage.sp2 != null || localStorage.sp3 != null || localStorage.sp4 != null) {
                    $(".noorder").hide();
                    if (localStorage.pay == 1) {
                        $("#delo").show();
                        $("#pay1").hide();
                        $("#pay2").show();
                        $("#alo").hide();
                    } else {
                        $("#pay1").show();
                        $("#pay2").hide();
                    }
                } else {
                    $(".haveorder").hide();
                    $("#pay1").hide();
                    $("#pay2").hide();
                }
            });

            function deleteOrder() {
                localStorage.clear();
                $(".ui-grid-b").html("已经取消订单！");
                $(".noorder").show();
                $(".haveorder").hide();
                $("ul").hide();
                $("#pay2").hide();
                $("#pay1").hide();
                $("#del").show();
                
            }
        </script>
    </head>
    <body>
        <div data-role="page" data-title="订单列表" id="first" data-theme="a">
            <div data-role="header" data-position="fixed">
                <a href="index.html" data-icon="arrow-l" data-iconpos="left" data-ajax="false">主页</a>
                <h1>订单列表</h1>
            </div>
            <div data-role="content" id="content">
                <ul id="sp1p" data-role="listview" data-inset="true">
                    <li data-role="list-divider">面包种类</li>
                    <li>奶油面包</li>
                    <li data-role="list-divider">口味</li>
                    <li id="kw1"></li>
                    <li data-role="list-divider">订购数量</li>
                    <li id="sp1"></li>
                </ul>
                <ul id="sp2p" data-role="listview" data-inset="true">
                    <li data-role="list-divider">面包种类</li>
                    <li>全麦培根面包</li>
                    <li data-role="list-divider">口味</li>
                    <li id="kw2"></li>
                    <li data-role="list-divider">订购数量</li>
                    <li id="sp2"></li>
                </ul>
                <ul id="sp3p" data-role="listview" data-inset="true">
                    <li data-role="list-divider">面包种类</li>
                    <li>黑糖面包</li>
                    <li data-role="list-divider">口味</li>
                    <li id="kw3"></li>
                    <li data-role="list-divider">订购数量</li>
                    <li id="sp3"></li>
                </ul>
                <ul id="sp4p" data-role="listview" data-inset="true">
                    <li data-role="list-divider">面包种类</li>
                    <li>全麦面包</li>
                    <li data-role="list-divider">口味</li>
                    <li id="kw4"></li>
                    <li data-role="list-divider">订购数量</li>
                    <li id="sp4"></li>
                </ul>
                <ul id="del" data-role="listview" data-inset="true">
                    <li>订单已删除！</li>
                </ul>

                <a class="haveorder" id="alo" href="list.html" data-role="button" data-inline="true" onclick="alterOrder () ;" data-ajax="false">修改订单</a>

                <a class="haveorder" id="delo" href="#" data-role="button" data-inline="true" onclick="deleteOrder () ;" data-ajax="false">删除订单</a>

                <a id="pay1" href="pay.html" data-role="button" data-inline="true" data-ajax="false">支付订单</a>
                <a id="pay2" href="#" data-role="button" data-inline="true" data-ajax="false">已完成订单</a>

                <a class="noorder" href="list.html" data-role="button" data-ajax="false">没有订单哦~<br>点此查看面包~</a>

            </div>
            <div data-role="footer" data-position="fixed" style="text-align:center">
                订购专线：18900229966
            </div>
        </div>
    </body>
</html>


list.html
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>面包列表</title>
        <meta name="viewport" content="width=device-width" />
        <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
        <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
        <style type="text/css">
            img {
                width: 100%;
            }

            .cont {
                width: 100%;
            }
        </style>
        <script>
            
            $.extend({
                //这个函数用于更新列表的商品数量
                'sp':function(){
                    if(localStorage.sp1==null){
                        $("#sp1").html("0");
                    } else {
                        $("#sp1").html(localStorage.sp1);
                        $("#num1").val(localStorage.sp1);
                    }
                    if(localStorage.sp2==null){
                        $("#sp2").html("0");
                    } else {
                        $("#sp2").html(localStorage.sp2);
                        $("#num2").val(localStorage.sp2);
                    }
                    if(localStorage.sp3==null){
                        $("#sp3").html("0");
                    } else {
                        $("#sp3").html(localStorage.sp3);
                        $("#num3").val(localStorage.sp3);
                    }
                    if(localStorage.sp4==null){
                        $("#sp4").html("0");
                    } else {
                        $("#sp4").html(localStorage.sp4);
                        $("#num4").val(localStorage.sp4);
                    }

                }});
            
            $(function(){
                
                $.sp();
                //按钮点击触发
                $("#addToStorage1").click(function(){
                    localStorage.sp1=$("#num1").val();
                    localStorage.kw1=$("#selectflavour1").val();
                    localStorage.bz1=$("#selectitem1").val();
                    $.sp();
                    $("#a1")[0].click();    //关闭弹窗,下同
                });
                $("#addToStorage2").click(function(){
                    localStorage.sp2=$("#num2").val();
                    localStorage.kw2=$("#selectflavour2").val();
                    localStorage.bz2=$("#selectitem2").val();
                    $.sp();
                    $("#a2")[0].click();
                });
                $("#addToStorage3").click(function(){
                    localStorage.sp3=$("#num3").val();
                    localStorage.kw3=$("#selectflavour3").val();
                    localStorage.bz3=$("#selectitem3").val();
                    $.sp();
                    $("#a3")[0].click();
                });
                $("#addToStorage4").click(function(){
                    localStorage.sp4=$("#num4").val();
                    localStorage.kw4=$("#selectflavour4").val();
                    localStorage.bz4=$("#selectitem4").val();
                    $.sp();
                    $("#a4")[0].click();
                });
            })
        </script>
    </head>
    <body>
        <div data-role="page">
            <div data-role="header">
                <a href="index.html" data-icon="arrow-l" data-iconpos="left" data-ajax="false">主页</a>
                <h1>面包物语</h1>
                <a href="search.html" data-icon="check" data-ajax="false">提交订单</a>
            </div>
            <div data-role="main" class="ui-content">
                <ul data-role="listview" data-inset="true" data-filter="true">
                    <li> <a href="#buy1" data-rel="popup"> <img src="img/ny.jpg">
                            <h3>奶油面包<span id="sp1" class="ui-li-count"></span></h3>
                            <p>面包中包含夹心奶油，入口即化，口味俱佳，若是加热三分钟，口感更上一层</p>
                        </a>
                        <!-- zheli -->
                        <div data-role="popup" id="buy1" class="ui-content">
                            <a id="a1" href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-left">关闭</a>
                            <p>
                                <p><img src="img/ny.jpg" /></p>
                                <p class="cont">面包中包含夹心奶油，入口即化，口味俱佳，若是加热三分钟，口感更上一层</p>
                                <br>
                                选择包装种类：
                                <select name="selectitem" id="selectitem1">
                                    <option value="塑料袋装盒">塑料袋装盒</option>
                                    <option value="纸片装盒">纸片装盒</option>
                                    <option value="锡纸装盒">锡纸装盒</option>
                                </select>

                                <!--选择口味-->
                                选择口味：
                                <select name="selectflavour" id="selectflavour1">
                                    <option value="奶油味">奶油味</option>
                                    <option value="全麦">全麦</option>
                                    <option value="黑糖">黑糖</option>
                                    <option value="培根">培根</option>
                                </select>
                                <fieldset data-role="controlgroup">

                                    <!--数量范围滑竿-->
                                    <br>
                                    订购数量:
                                    <input type="range" name="num" id="num1" value="1" min="0" max="100" data-highlight="true" />
                                    <!--订购按钮-->
                                    <br>
                                    <input type="button" id="addToStorage1" value="确定" />
                                </fieldset>
                            </p>
                        </div>
                    </li>
                    <li> <a href="#buy2" data-rel="popup"> <img src="img/pg.jpg" />
                            <h3>全麦培根面包<span id="sp2" class="ui-li-count"></span></h3>
                            <p>德国进口的炭烧培根，嵌入全麦面包片中，味道超级棒</p>
                        </a>
                        <div data-role="popup" id="buy2" class="ui-content">
                            <a id="a2" href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-left">关闭</a>
                            <p>
                                <p><img src="img/pg.jpg" /></p>
                                <p class="cont">德国进口的炭烧培根，嵌入全麦面包片中，味道超级棒</p>
                                <br>
                                选择包装种类：
                                <select name="selectitem" id="selectitem2">
                                    <option value="塑料袋装盒">塑料袋装盒</option>
                                    <option value="纸片装盒">纸片装盒</option>
                                    <option value="锡纸装盒">锡纸装盒</option>
                                </select>

                                <!--选择口味-->
                                选择口味：
                                <select name="selectflavour" id="selectflavour2">
                                    <option value="奶油味">奶油味</option>
                                    <option value="全麦">全麦</option>
                                    <option value="黑糖">黑糖</option>
                                    <option value="培根">培根</option>
                                </select>
                                <fieldset data-role="controlgroup">

                                    <!--数量范围滑竿-->
                                    <br>
                                    订购数量:
                                    <input type="range" name="num" id="num2" value="1" min="0" max="100" data-highlight="true" />
                                    <!--订购按钮-->
                                    <br>
                                    <input type="button" id="addToStorage2" value="确定" />
                                </fieldset>
                            </p>
                        </div>
                        <!-- jiesu -->
                    </li>
                    <li> <a href="#buy3" data-rel="popup"> <img src="img/ht.jpg" />
                            <h3>黑糖面包<span id="sp3" class="ui-li-count"></span></h3>
                            <p>精选黑糖，烧至糖汁，涂至面包外层，冷凝成黑糖层，口味极佳，一致好评</p>
                        </a>
                        <div data-role="popup" id="buy3" class="ui-content">
                            <a id="a3" href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-left">关闭</a>
                            <p>
                                <p><img src="img/ht.jpg" /></p>
                                <p class="cont">精选黑糖，烧至糖汁，涂至面包外层，冷凝成黑糖层，口味极佳，一致好评</p>
                                <br>
                                选择包装种类：
                                <select name="selectitem" id="selectitem3">
                                    <option value="塑料袋装盒">塑料袋装盒</option>
                                    <option value="纸片装盒">纸片装盒</option>
                                    <option value="锡纸装盒">锡纸装盒</option>
                                </select>

                                <!--选择口味-->
                                选择口味：
                                <select name="selectflavour" id="selectflavour3">
                                    <option value="奶油味">奶油味</option>
                                    <option value="全麦">全麦</option>
                                    <option value="黑糖">黑糖</option>
                                    <option value="培根">培根</option>
                                </select>
                                <fieldset data-role="controlgroup">

                                    <!--数量范围滑竿-->
                                    <br>
                                    订购数量:
                                    <input type="range" name="num" id="num3" value="1" min="0" max="100" data-highlight="true" />
                                    <!--订购按钮-->
                                    <br>
                                    <input type="button" id="addToStorage3" value="确定" />
                                </fieldset>
                            </p>
                        </div>
                        <!-- jiesu -->
                    </li>
                    <li> <a href="#buy4" data-rel="popup"> <img src="img/qm.jpg" />
                            <h3>全麦面包<span id="sp4" class="ui-li-count"></span></h3>
                            <p>全麦面包纯手工制作，天然不含任何添加物</p>
                        </a>
                        <div data-role="popup" id="buy4" class="ui-content">
                            <a id="a4" href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn ui-icon-delete ui-btn-icon-notext ui-btn-left">关闭</a>
                            <p>
                                <p><img src="img/qm.jpg" /></p>
                                <p class="cont">全麦面包纯手工制作，天然不含任何添加物</p>
                                <br>
                                选择包装种类：
                                <select name="selectitem" id="selectitem4">
                                    <option value="塑料袋装盒">塑料袋装盒</option>
                                    <option value="纸片装盒">纸片装盒</option>
                                    <option value="锡纸装盒">锡纸装盒</option>
                                </select>

                                <!--选择口味-->
                                选择口味：
                                <select name="selectflavour" id="selectflavour4">
                                    <option value="奶油味">奶油味</option>
                                    <option value="全麦">全麦</option>
                                    <option value="黑糖">黑糖</option>
                                    <option value="培根">培根</option>
                                </select>
                                <fieldset data-role="controlgroup">

                                    <!--数量范围滑竿-->
                                    <br>
                                    订购数量:
                                    <input type="range" name="num" id="num4" value="1" min="0" max="100" data-highlight="true" />
                                    <!--订购按钮-->
                                    <br>
                                    <input type="button" id="addToStorage4" value="确定" />
                                </fieldset>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </body>
</html>


info.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>分店信息</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<style type="text/css">
img {
  width: 100%;
}
</style>
</head>
<body>
<div data-role="header"> <a href="index.html" data-icon="arrow-l" data-iconpos="left" data-ajax="false">主页</a>
<h1>分店信息</h1>
</div>
<ul data-role="listview" data-inset="true" data-filter="true">
<li> <a href="#shop1" data-rel="popup" class="ui-btn ui-icon-arrow-r ui-btn-icon-right"> <img src="img/fd1.jpg" />
<h3>思明区分店</h3>
<p>外送专线：010-1234321</p>
</a>
<div data-role="popup" id="shop1" class="ui-content">
<h2 align="center">思明区分店</h2>
<img src="img/fd1.jpg">
<h4>联系电话：15895364815</h4>
<h4>详细地址：福建省厦门市思明区厦禾路860号华普大厦2层 </h4>
</div>
</li>
<li> <a href="#shop2" data-rel="popup" class="ui-btn ui-icon-arrow-r ui-btn-icon-right"> <img src="img/fd2.jpg"/>
<h3>集美区分店</h3>
<p>外送专线：010-1357956</p>
</a>
<div data-role="popup" id="shop2" class="ui-content">
<h2 align="center">集美区分店</h2>
<img src="img/fd2.jpg">
<h4>联系电话：15163864715</h4>
<h4>详细地址：厦门市集美区银江路137号万达广场F1 </h4>
</div>
</li>
<li> <a href="#shop3" data-rel="popup" class="ui-btn ui-icon-arrow-r ui-btn-icon-right"> <img src="img/fd3.jpg" />
<h3>湖里区分店</h3>
<p>外送专线：010-4321777</p>
</a>
<div data-role="popup" id="shop3" class="ui-content">
<h2 align="center">湖里区分店</h2>
<img src="img/fd3.jpg">
<h4>联系电话：17606184179</h4>
<h4>详细地址：福建省厦门市湖里区安兜社349号101 </h4>
</div>
</li>
<li> <a href="#shop4" data-rel="popup" class="ui-btn ui-icon-arrow-r ui-btn-icon-right"> <img src="img/fd4.jpg"/>
<h3>翔安区分店</h3>
<p>外送专线：010-4123142</p>
</a>
<div data-role="popup" id="shop4" class="ui-content">
<h2 align="center">翔安区分店</h2>
<img src="img/fd4.jpg">
<h4>联系电话：17605188146</h4>
<h4>详细地址：福建省厦门市翔安区锦江之星(厦门翔安马巷店)北60米</h4>
</div>
</li>
</ul>
</body>
</html>


jiameng.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
        <meta name="viewport" content="width=device-width" />
        <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
        <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<title>加盟热线</title>
</head> 
<body>
            <div data-role="page">
                <div data-role="header" data-position="fixed">
                    <a href="index.html" data-icon="arrow-l" data-iconpos="left" data-ajax="false">主页</a>
                    <h1>联系方式</h1>
    
                </div>
    
                <div data-role="main" class="ui-content">
                    <ul data-role="listview" data-inset="true">
                        <li><img src="img/jiameng1.jpg" id="jiameng"></li>
                        <li>联系人：朱先生</li>
                        <li>QQ：520131499</li>
                        <li>加盟热线：12345678911</li> 
                        <li>备用电话：11125052544</li>
                    </ul>
                </div>
    
    
            </div>

</body>
</html>


pay.html
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
        <script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <style type="text/css">
            img {
                width:100%;
            }
            .cont {
                width:100%;
            }
        </style>
        <script>
            $(function(){
                $("a").click(function(){
                    localStorage.pay=1;
                    alert("支付成功");
                });
            });
        </script>
        <title>支付</title>
    </head>

    <body>
        <div data-role="page" data-title="支付" id="first" data-theme="a">
            <div data-role="header" data-position="fixed">
                <a href="index.html" data-icon="arrow-l" data-iconpos="left" data-ajax="false">完成支付</a>
                <h1>支付</h1>
            </div>
            <div data-role="content" id="content">
                <img src="img/zhifu.jpg" />
            </div>
        </div>
    </body>

</html>

转载于:https://www.cnblogs.com/boxker/p/10513871.html

weixin_30381793
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery.mobile-1.4.5.zip
08-12
jQuery在移动设备上的核心库jQuery Mobile，支持全球主流的移动平台。本附件版本为jquery.mobile-1.4.5
Native.js 原生方法-弹出对话框
qq_31971935的博客
09-08 749
<!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> <scr
mui使用技巧
weixin_34345753的博客
06-23 103
1、document.addEventListener('plusready', function(){ 　　//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。" }); 2、 所有的内容应该写在 #mui-content 的部分，不然会出现错位，因为mui的框架自身带有一些header的position 3、...
构建一个WIFI室内定位系统
11-15 3808
室内定位可以应用在很多场景，由于受到室内环境的限制，GPS信号无法有效的接收，这时可以利用室内的WIFI热点提供的信号强度来进行辅助定位。通常在室内都会有很多的WIFI热点，我们可以把室内的区域划分为多个网格，在每一个网格测量所接收到的WIFI热点的信号强度，根据这些信息来建立一个WIFI信号指纹库，以后我们就可以通过比对指纹库，来确定在室内的位置了。
入门手机端html,使用jQuery Mobile框架开发移动端Web App的入门教程
weixin_30580403的博客
06-15 691
一.jQuery Mobile 的渐进增强设计与浏览器支持根据维基百科( Wikipedia ) 的解释，渐进增强的设计主要包括以下几点basic content should be accessible to all web browsers (所有浏览器都应能访问全部基础的内容)basic functionality should be accessible to all web browse...
jquery.mobile-1.4.5.min.js:3 Uncaught TypeError: Cannot set property 'mobile' of undefined
牛栏山矿泉水
07-21 418
1、错误描述 jquery.mobile-1.4.5.min.js:3 Uncaught TypeError: Cannot set property 'mobile' of undefined 2、错误原因 在用到jquery mobile时引入 &lt;script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js" ...
默认文档解析--手机web app开发笔记（二）
weixin_30667301的博客
07-21 147
首先我们启动HBuilderX2.0 ，界面如图2-1所示 图2-1 软件开发界面 单击“文件—新建—项目”，弹出新建项目管理界面，我们在里面进行了项目类型选择“5+APP”、项目名称填写“编程之路”、设置文件存放路径和模板选择“默认模板”，点击创建，我们的新建项目就OK了，如图2-2所示。 图2-2 新建项目设置 这样我们的开发目录基本建立起来了，主要包括4个文件夹和2...
jquery.mobile-1.4.5.min.js
03-24
jquery.mobile-1.4.5.min.js
jquery.mobile-1.4.5.min.js 含sources源码
11-21
jquery.mobile-1.4.5.min.js A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. 包含以下文件： jquery.mobile-1.4.5.min.js jquery.mobile-1.4.5.js // 这个是源码哦 jquery.mobile-1.4.5.min.css jquery.mobile.structure-1.4.5.min.css
jquery.min.map
09-23
jquery.min.map is a good
JQuery Mobile需要的包
06-07
JQuery Mobile需要的包，包括js和css
jquery.mobile-1.3.2
09-04
jquery.mobile-1.3.2 官方教程
jquery.mobile-1.4.5.min.css
07-08
移动开发所需要的css文件 jQuery Mobile 1.4.5 | Git HEADhash: 68e55e7 <> 2014-10-31T17:33:30Z | (c) 2010, 2014 jQuery Foundation, Inc. | jquery.org/license */
练手 js，html5，jquery 弹窗动态创建树形菜单
m0_47879630的博客
07-20 460
js,html5,jquery,动态创建树形菜单，以防忘记，自己记录一下
AngularJs 购物车
weixin_43143580的博客
09-19 180
&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt; &lt;script src="js/angularjs1.4.js" type=&quo
在线jquery.min.js引用
热门推荐
透明大脑
05-16 5万+
jQuery：  script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">script> script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js">script>
SpringBoot：整合Solr
燕双嘤
01-06 1531
当系统中存在海量数据需要进行全文检索时，传统的检索方法的 性能开销会随着数据量的增长而线性增加，因此数据量越大，性能越差。搜索（全文检索）引擎，则完全不存在这个问题，其性能开销会随着数据量的增长到达一个顶点（在这个顶点依然具有很好的性能），以后无论数据量怎么增长，搜索引擎的性能开销基本都可以稳定在这个顶点处，因此搜索引擎同样是处理海量数据的必需技术。
AngularJS+ JqueryMobile+ PhoneGap 打造APP
weixin_30614109的博客
10-03 109
转载必须附带本文地址http://blog.regou.me/?p=790，谢谢 最近在做一个项目，一个B2B的移动APP。 我是这样选择的 前端UI框架：jQueryMobile 前端MVC和页面导航：AngularJS 封包器：PhoneGap Build AngularJS和jQueryMobile的桥接器：jQueryMobile-Angular-Adapter（以下简称A...
牛客JS题（二十一）数组扁平化
最新发布
不起眼小菜菜的博客
08-04 738
注释很详细，直接上代码……
Springboot+Websocket+Security+Vue 实现弹幕推送功能
Gemini1995的博客
08-01 638
【代码】Springboot+Websocket+Security+Vue 实现弹幕推送功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值