陈莺莺呀

仿美团--详情页与购物车开发

效果图

首先是目录结构

menu.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>menutitle>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <script>
        (function(){
            //这段代码放在所有的样式文件之前，设置html根元素的fontSize
            var docEl=document.documentElement;

            function setRem(){
                // 这个10不是固定的，只是计算出来的rem要和cssrem插件setting中设置的37.5保持一致
                // iphone6设备宽度是375，因此基准值刚好是10
                var rem=docEl.clientWidth/10;//获取基准值
                docEl.style.fontSize=rem+"px";//动态设置html根元素的fontSize
            }

            setRem();

            window.addEventListener("resize",setRem);

            //用户每次浏览页面的时候， 就会触发pagesshow方法（有兼容性问题）
            window.addEventListener("pageshow",function(e){
                // 使用e.presisted就是判断当前页面是不是在缓存中加载
                // 如果缓存中加载（就是为true的时候），重新设置rem
                if(e.persisted){
                    setRem();
                }
            });
        })();

    script>
    <link rel="stylesheet" href="../lib/reset.css">
    <link rel="stylesheet" href="menu.css">
    <link rel="stylesheet" href="../common/common.css">
head>
<body>
    
    <div class="nav">
        <div class="back-icon">div>
        <h4 class="title">深圳麦当劳前海二餐厅h4>
    div>
    

    
    <div class="tab-bar">div>
    

    
    <div class="menu-inner">
        
        <div class="left-bar">
            <div class="left-bar-inner">div>
        div>
        
        <div class="right-content">
            <p class="right-title">p>
            <div class="right-list">
                <div class="right-list-inner">div>
            div>
        div>
        
        <div class="shop-bar">div>
        
        <div class="mask hide">div>
    div>
    

    <script src="../lib/jquery.min.js">script>
    <script src="menu.js">script>
    <script src="../common/common.js">script>
body>
html>

menu.css

/*header-tab*/
.tab-bar{
    font-size:0.426667rem;
    display:flex;
    border-bottom:0.026667rem solid #f0f0f0;
    margin-top:1.706667rem;
}
.tab-bar .tab-item{
    flex:1;
    height:1.2rem;
    line-height:1.2rem;
    position: relative;
    color:#666;
    text-align:center;
    text-decoration: none;
}
.tab-bar .tab-item.active::after{
    content:"";
    display: block;
    position: absolute;
    width:1.6rem;
    height:0.106667rem;
    bottom:0;
    background:#ffd161;/*美团黄*/
    /*设置居中*/
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
}

/*menu-inner*/
.menu-inner{
    position: absolute;
    top:2.933333rem;
    left:0;
    right:0;
    bottom:0;
    display: flex;
    overflow:hidden;
}
.menu-inner .left-bar{
    width:2.266667rem;
    background:#efefef;
    overflow:auto;
    height:100%;
    -webkit-overflow-scrolling:touch;/*局部滚动，尤其是移动端ios*/
}
.menu-inner .left-bar-inner{
    padding-bottom:2.266667rem;
}
.menu-inner .left-item{
    font-size:0.373333rem;
    color:#656565;
    text-align:center;
    border-bottom:0.026667rem solid #bfbfbf;
    display: flex;
    justify-content: center;
    height:1.6rem;
}
.menu-inner .left-item.active{
    background:#fff;
}
.menu-inner .item-text{
    text-align:center;
    align-self:center;
}
.menu-inner .item-icon{
    width:0.533333rem;
    height:0.533333rem;
    display: inline-block;
    margin-right:0.16rem;
    vertical-align:-0.106667rem;
}
.menu-inner .right-content{
    flex:1;
    margin-left:0.266667rem;
    height:100%;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;/*触屏滚动*/
}
.menu-inner .right-title{
    font-size:0.346667rem;
    color:#333;
    margin-top:0.266667rem;
    padding-left:0.106667rem;
    border-left:0.053333rem solid #ffd161;
}
.menu-inner .right-list{
    height:100%;
    overflow:auto;/*可滚动*/
}
.menu-inner .right-list-inner{
    font-size:0.426667rem;
    padding-bottom:2.266667rem;
}
.right-list-inner .menu-item{
    display: flex;
    padding:0.666667rem 0;
    border-bottom:0.026667rem solid #f0f0f0;
    position: relative;
}
.right-list-inner .img{
    width:1.653333rem;
    height:1.653333rem;
    margin-right:0.266667rem;
}
.right-list-inner .menu-item-right{
    flex:1;
}
.right-list-inner .item-title{
    font-size:0.426667rem;
    color:#2f2f2f;
}
.right-list-inner .item-desc,
.right-list-inner .item-zan{
    color:#a9a9a9;
    font-size:0.32rem;
    margin-top:0.16rem;
    line-height:0.373333rem;
    padding-right:0.106667rem;
}
.right-list-inner .item-desc{
    line-height:0.453333rem;
}
.right-list-inner .item-price{
    margin-top:0.266667rem;
    color:#fe4d3d;
    font-size:0.48rem;
}
.right-list-inner .unit{
    color:#a9a9a9;
    font-size:0.32rem;
}
.right-list-inner .select-content{
    position: absolute;
    right:0.24rem;
    bottom:0.56rem;
    display: flex;
}
.right-list-inner .minus{
    width:0.666667rem;
    height:0.666667rem;
    background-image:url(images/minus.png);    
    background-size:cover;
}
.right-list-inner .count{
    font-size:0.4rem;
    color:#2f2f2f;
    width:0.666667rem;
    height:0.666667rem;
    line-height:0.666667rem;
    margin:0 0.053333rem;
    text-align:center;
}
.right-list-inner .plus{
    width:0.666667rem;
    height:0.666667rem;
    background-image:url(images/plus.png);    
    background-size:cover;
}

/*shopbar*/
.shop-bar{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:99;
}
.shop-bar .choose-content{
    background:#fff;
}
.shop-bar .content-top{
    height:0.933333rem;
    background-color:#f4f4f4;
    font-size:0.293333rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.shop-bar .clear-car{
    margin:0 0.133333rem 0 0.266667rem;
    position: relative;
}
.shop-bar .clear-car::after{
    content:"";
    width:0.346667rem;
    height:0.346667rem;
    display: block;
    background-image:url(images/clear.jpeg);
    background-size:cover;
    position: absolute;
    top:-0.026667rem;
    left:-0.373333rem;
}
.shop-bar .bottom-content{
    height:1.333333rem;
    display: flex;
    background:rgba(51,51,51,.9);
}
.shop-bar .shop-icon{
    width:1.466667rem;
    height:1.466667rem;
    background-image:url(images/shop-icon.png);
    background-size:cover;
    margin-top:-0.4rem;
    margin-left:0.32rem;
    position: relative;
}
.shop-bar .dot-num{
    position: absolute;
    background-color: #fb4e44;
    width:0.4rem;
    height:0.4rem;
    font-size:0.32rem;
    color:#fff;
    border:0.026667rem solid #fff;
    border-radius:50%;
    right:0;
    top:0.053333rem;
    text-align: center;
    line-height:0.4rem;
}
.shop-bar .price-content{
    flex:1;
    padding-top:0.213333rem;
    padding-left:0.186667rem;
}
.shop-bar .total-price{
    font-size:0.533333rem;
    color:#fff;
}
.shop-bar .total-price-span{

}
.shop-bar .other-price{
    font-size:0.32rem;
    color:#999;
    margin-top:0.053333rem;
}
.shop-bar .shipping-fee{

}
.shop-bar .submit-btn{
    width:2.933333rem;
    height:100%;
    background:#ffd161;
    color:#333;
    font-size:0.426667rem;
    line-height:1.333333rem;
    text-align:center;
}
.choose-item{
    display: flex;
    font-size:0.4rem;
    color:#2f2f2f;
    height:0.933333rem;
    align-items: center;
    padding:0.266667rem 0;
    border-bottom:0.026667rem solid #ddd;
}
.choose-item .item-name{
    flex:1;
    padding-left:0.266667rem;
}
.choose-item .price{
    margin:0 0.666667rem 0 0.133333rem;
}
.choose-item .total{

}
.choose-item .select-content{
    position: relative;
    margin-right:0.213333rem;
    display: flex;
}
.choose-item .minus{
    width:0.666667rem;
    height:0.666667rem;
    background-image:url(images/minus.png);    
    background-size:cover;
}
.choose-item .plus{
    width:0.666667rem;
    height:0.666667rem;
    background-image:url(images/plus.png);    
    background-size:cover;
}
.choose-item .count{
    font-size:0.4rem;
    color:#2f2f2f;
    width:0.666667rem;
    height:0.666667rem;
    line-height:0.666667rem;
    margin:0 0.053333rem;
    text-align:center;
}
.menu-inner .mask{
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-color: rgba(0,0,0,.7);
}

menu.js

(function(){

    //加载左侧类目
    function initLeftBar(){
        //左侧类目的模板字符串
        var itemTpl=''+
                        '$getItemContent'+
                    '
';
        var itemHtml="";
        var page=0;//当前页
        var isLoading=false;//当前是否处于加载中

        //获取列表数据
        function getList(){
            page++;
            isLoading=true;

            $.get("../json/food.json",function(data){

                var list=data.data.food_spu_tags || [];
                window.food_spu_tags=list;//把数据挂载到window对象上，方便其他模块调用

                list.forEach(function(item,index){
                    var str=itemTpl.replace("$getItemContent",getItemContent(item));
                    var $target=$(str);

                    //将item数据挂载到left-item上面
                    $target.data("itemData",item);

                    $(".left-bar-inner").append($target);
                })

                $(".left-item").first().click();//默认显示第一个tab

                isLoading=false;

                window.shopBar.changeShippingPrice(data.data.poi_info.shipping_fee || 0);//更新价格
            })

            //关于图标的处理
            function getItemContent(data){
                if(data.icon){
                    return ''+data.name;
                }else{
                    return data.name;
                }
            }
        }

        getList();//默认先请求一次    

        //滚动加载
        window.addEventListener("scroll",function(){
            var clientHeight=document.documentElement.clientHeight;//视窗高度
            var scrollHeight=document.body.scrollHeight;//body滚动过的总长
            var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;//body滚动过的总长

            var preDis=30;//提前的预值
            if((scrollTop+clientHeight)>=(scrollHeight-preDis)){
        
                //自定义页面，一次最多滚动3页
                if(page<3){
                    if(isLoading) return;
                    getList();            
                }else{
                    $(".loading").text("加载完成");
                }
            }
        });

        //左侧tab点击事件
        $(".menu-inner").on("click",".left-item",function(e){
            var $target=$(e.currentTarget);

            //添加点击样式
            $target.addClass("active");
            $target.siblings().removeClass("active");

            //将数据传给右侧详情列表
            initRightContent($target.data("itemData"));//加载右侧商品
        })
    }

    //加载右侧商品
    function initRightContent(data){
        //右侧商品的模板字符串
        var itemTpl=''+
                        ''+
                        ''+
                            '$name'+
                            '$description'+
                            '$praise_content'+
                            '￥$min_price/$unit'+
                        ''+
                        ''+
                            ''+
                            '$chooseCount'+
                            ''+
                        ''+
                    '
';

        $(".right-list-inner").html("");

        var list=data.spus || [];
        list.forEach(function(item,index){
            //默认为0
            if(!item.chooseCount){
                item.chooseCount=0;
            }
            var str=itemTpl
                    .replace("$picture",item.picture)
                    .replace("$name",item.name)
                    .replace("$description",item.description)
                    .replace("$praise_content",item.praise_content)
                    .replace("$min_price",item.min_price)
                    .replace("$unit",item.unit)
                    .replace("$chooseCount",item.chooseCount);
            var $target=$(str);
            $target.data("itemData",item);//把数据挂载在data属性上，方便以后获取
            $(".right-list-inner").append($target);
        });

        //右侧顶部title
        $(".right-title").text(data.name);

        //加号事件
        $(".menu-item").on("click",".plus",function(e){
            var $count=$(e.currentTarget).parent("").find(".count");
            $count.text(parseInt($count.text()||"0")+1);

            //更新挂载的数据
            var $item=$(e.currentTarget).parents(".menu-item").first();
            var itemData=$item.data("itemData");
            itemData.chooseCount++;

            window.shopBar.renderItems();//购物车渲染
        })

        //减号事件
        $(".menu-item").on("click",".minus",function(e){
            var $count=$(e.currentTarget).parent("").find(".count");
            if($count.text()==0) return;

            $count.text(parseInt($count.text()||"0")-1);

            //更新挂载的数据
            var $item=$(e.currentTarget).parents(".menu-item").first();
            var itemData=$item.data("itemData");
            itemData.chooseCount--;

            window.shopBar.renderItems();//购物车渲染
        })
    }        

    //shopbar
    function initShopBar(){
        //shopbar的购物车上部分模板字符串
        var itemTopTpl=''+
                            ''+
                                '清空购物车'+
                            ''+
                        '
';

        //shopbar的购物车下部分模板字符串
        var itemBottomTpl=''+
                                ''+
                                    ''+
                                ''+
                                ''+
                                    '￥0'+
                                    '另需配送 ￥0'+
                                ''+
                                '去结算'+
                            '
';

        var $strTop=$(itemTopTpl);
        var $strBottom=$(itemBottomTpl);

        $(".shop-bar").append($strTop);
        $(".shop-bar").append($strBottom);

        //渲染购物车数据
        function renderItems(){
            $strTop.find(".choose-item").remove();//每次操作之后先全部清空购物车
            var list=window.food_spu_tags || [];
            var totalPrice=0;

            var tpl=''+
                        '$name'+
                        '￥$price'+
                        ''+
                            ''+
                            '$chooseCount'+
                            ''+
                        ''+
                    '
';

            list.forEach(function(item){
                item.spus.forEach(function(_item){
                    if(_item.chooseCount>0){
                        var price=_item.chooseCount*_item.min_price;
                        var row=tpl.replace("$name",_item.name)
                                   .replace("$price",price)//总价
                                   .replace("$chooseCount",_item.chooseCount);
                        totalPrice+=price;

                        //挂载数据
                        var $row=$(row);
                        $row.data("itemData",_item);
                        $strTop.append($row);
                    }
                })
                window.shopBar.changeAllPrice(totalPrice);//更新总价
                changeDot();//更新红点
            })
        }
        window.shopBar.renderItems=renderItems;//将该方法暴露到全局

        //更新单商品总价
        function changeShippingPrice(str){
            $strBottom.find(".shipping-fee").text(str);
        }
        window.shopBar.changeShippingPrice=changeShippingPrice;

        //更新全商品总价
        function changeAllPrice(str){
            $strBottom.find(".total-price-span").text(str);
        }
        window.shopBar.changeAllPrice=changeAllPrice;

        //购物车里的加号事件
        $strTop.on("click",".plus",function(e){
            var $count=$(e.currentTarget).parent("").find(".count");
            $count.text(parseInt($count.text()||"0")+1);

            //更新挂载的数据
            var $item=$(e.currentTarget).parents(".choose-item").first();
            var itemData=$item.data("itemData");
            itemData.chooseCount++;//更新挂载数据，在列表里也会同步更新

            window.shopBar.renderItems();//购物车渲染    

            //找到当前右侧详情的数据，进行联动
            $(".left-item.active").click();        
        })

        //购物车里的减号事件
        $strTop.on("click",".minus",function(e){
            var $count=$(e.currentTarget).parent("").find(".count");
            if($count.text()==0) return;

            $count.text(parseInt($count.text()||"0")-1);

            //更新挂载的数据
            var $item=$(e.currentTarget).parents(".choose-item").first();
            var itemData=$item.data("itemData");
            itemData.chooseCount--;//更新挂载数据，在列表里也会同步更新

            window.shopBar.renderItems();//购物车渲染    

            //找到当前右侧详情的数据，进行联动
            $(".left-item.active").click();        
        })

        //点击显示或者隐藏购物车
        $(".shop-icon").on("click",function(){
            $(".mask").toggle();
            $strTop.toggle();
        })

        //计算红点中的数量
        function changeDot(){
            var counts=$strTop.find(".count");
            var total=0;
            for(var i=0;i){
                total+=parseInt($(counts[i]).text());
            }
            if(total>0){
                $(".dot-num").show().text(total);
            }else{
                $(".dot-num").hide();
            }
        }
    }        

    //暴露出来的方法
    window.shopBar={};

    function init(data){
        initLeftBar();//加载左侧类目
        initShopBar();//加载购物车
    }    
    init();    
    


})();

common.css

/*header-tab*/
.tab-bar{
    font-size:0.426667rem;
    display:flex;
    border-bottom:0.026667rem solid #f0f0f0;
    margin-top:1.706667rem;
}
.tab-bar .tab-item{
    flex:1;
    height:1.2rem;
    line-height:1.2rem;
    position: relative;
    color:#666;
    text-align:center;
    text-decoration: none;
}
.tab-bar .tab-item.active::after{
    content:"";
    display: block;
    position: absolute;
    width:1.6rem;
    height:0.106667rem;
    bottom:0;
    background:#ffd161;/*美团黄*/
    /*设置居中*/
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
}

/*menu-inner*/
.menu-inner{
    position: absolute;
    top:2.933333rem;
    left:0;
    right:0;
    bottom:0;
    display: flex;
    overflow:hidden;
}
.menu-inner .left-bar{
    width:2.266667rem;
    background:#efefef;
    overflow:auto;
    height:100%;
    -webkit-overflow-scrolling:touch;/*局部滚动，尤其是移动端ios*/
}
.menu-inner .left-bar-inner{
    padding-bottom:2.266667rem;
}
.menu-inner .left-item{
    font-size:0.373333rem;
    color:#656565;
    text-align:center;
    border-bottom:0.026667rem solid #bfbfbf;
    display: flex;
    justify-content: center;
    height:1.6rem;
}
.menu-inner .left-item.active{
    background:#fff;
}
.menu-inner .item-text{
    text-align:center;
    align-self:center;
}
.menu-inner .item-icon{
    width:0.533333rem;
    height:0.533333rem;
    display: inline-block;
    margin-right:0.16rem;
    vertical-align:-0.106667rem;
}
.menu-inner .right-content{
    flex:1;
    margin-left:0.266667rem;
    height:100%;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;/*触屏滚动*/
}
.menu-inner .right-title{
    font-size:0.346667rem;
    color:#333;
    margin-top:0.266667rem;
    padding-left:0.106667rem;
    border-left:0.053333rem solid #ffd161;
}
.menu-inner .right-list{
    height:100%;
    overflow:auto;/*可滚动*/
}
.menu-inner .right-list-inner{
    font-size:0.426667rem;
    padding-bottom:2.266667rem;
}
.right-list-inner .menu-item{
    display: flex;
    padding:0.666667rem 0;
    border-bottom:0.026667rem solid #f0f0f0;
    position: relative;
}
.right-list-inner .img{
    width:1.653333rem;
    height:1.653333rem;
    margin-right:0.266667rem;
}
.right-list-inner .menu-item-right{
    flex:1;
}
.right-list-inner .item-title{
    font-size:0.426667rem;
    color:#2f2f2f;
}
.right-list-inner .item-desc,
.right-list-inner .item-zan{
    color:#a9a9a9;
    font-size:0.32rem;
    margin-top:0.16rem;
    line-height:0.373333rem;
    padding-right:0.106667rem;
}
.right-list-inner .item-desc{
    line-height:0.453333rem;
}
.right-list-inner .item-price{
    margin-top:0.266667rem;
    color:#fe4d3d;
    font-size:0.48rem;
}
.right-list-inner .unit{
    color:#a9a9a9;
    font-size:0.32rem;
}
.right-list-inner .select-content{
    position: absolute;
    right:0.24rem;
    bottom:0.56rem;
    display: flex;
}
.right-list-inner .minus{
    width:0.666667rem;
    height:0.666667rem;
    background-image:url(images/minus.png);    
    background-size:cover;
}
.right-list-inner .count{
    font-size:0.4rem;
    color:#2f2f2f;
    width:0.666667rem;
    height:0.666667rem;
    line-height:0.666667rem;
    margin:0 0.053333rem;
    text-align:center;
}
.right-list-inner .plus{
    width:0.666667rem;
    height:0.666667rem;
    background-image:url(images/plus.png);    
    background-size:cover;
}

/*shopbar*/
.shop-bar{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:99;
}
.shop-bar .choose-content{
    background:#fff;
}
.shop-bar .content-top{
    height:0.933333rem;
    background-color:#f4f4f4;
    font-size:0.293333rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.shop-bar .clear-car{
    margin:0 0.133333rem 0 0.266667rem;
    position: relative;
}
.shop-bar .clear-car::after{
    content:"";
    width:0.346667rem;
    height:0.346667rem;
    display: block;
    background-image:url(images/clear.jpeg);
    background-size:cover;
    position: absolute;
    top:-0.026667rem;
    left:-0.373333rem;
}
.shop-bar .bottom-content{
    height:1.333333rem;
    display: flex;
    background:rgba(51,51,51,.9);
}
.shop-bar .shop-icon{
    width:1.466667rem;
    height:1.466667rem;
    background-image:url(images/shop-icon.png);
    background-size:cover;
    margin-top:-0.4rem;
    margin-left:0.32rem;
    position: relative;
}
.shop-bar .dot-num{
    position: absolute;
    background-color: #fb4e44;
    width:0.4rem;
    height:0.4rem;
    font-size:0.32rem;
    color:#fff;
    border:0.026667rem solid #fff;
    border-radius:50%;
    right:0;
    top:0.053333rem;
    text-align: center;
    line-height:0.4rem;
}
.shop-bar .price-content{
    flex:1;
    padding-top:0.213333rem;
    padding-left:0.186667rem;
}
.shop-bar .total-price{
    font-size:0.533333rem;
    color:#fff;
}
.shop-bar .total-price-span{

}
.shop-bar .other-price{
    font-size:0.32rem;
    color:#999;
    margin-top:0.053333rem;
}
.shop-bar .shipping-fee{

}
.shop-bar .submit-btn{
    width:2.933333rem;
    height:100%;
    background:#ffd161;
    color:#333;
    font-size:0.426667rem;
    line-height:1.333333rem;
    text-align:center;
}
.choose-item{
    display: flex;
    font-size:0.4rem;
    color:#2f2f2f;
    height:0.933333rem;
    align-items: center;
    padding:0.266667rem 0;
    border-bottom:0.026667rem solid #ddd;
}
.choose-item .item-name{
    flex:1;
    padding-left:0.266667rem;
}
.choose-item .price{
    margin:0 0.666667rem 0 0.133333rem;
}
.choose-item .total{

}
.choose-item .select-content{
    position: relative;
    margin-right:0.213333rem;
    display: flex;
}
.choose-item .minus{
    width:0.666667rem;
    height:0.666667rem;
    background-image:url(images/minus.png);    
    background-size:cover;
}
.choose-item .plus{
    width:0.666667rem;
    height:0.666667rem;
    background-image:url(images/plus.png);    
    background-size:cover;
}
.choose-item .count{
    font-size:0.4rem;
    color:#2f2f2f;
    width:0.666667rem;
    height:0.666667rem;
    line-height:0.666667rem;
    margin:0 0.053333rem;
    text-align:center;
}
.menu-inner .mask{
    position: fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background-color: rgba(0,0,0,.7);
}

common.js

(function(){

    //加载底部菜单
    function initBottomBar(){
        //底部菜单的模板字符串
        var itemTpl=''+
                        ''+
                        '$text'+
                    '';
        var items=[{
            key:"index",
            text:"首页"
        },{
            key:"order",
            text:"订单"
        },{
            key:"my",
            text:"我的"
        }];

        var str="";
        items.forEach(function(item){
            str+=itemTpl.replace(/\$key/g,item.key)//正则解决全局替换的问题
                   .replace("$text",item.text);
        });

        $(".bottom-bar").append(str);

        //判断当前属于哪个页面
        var arr=window.location.pathname.split("/");
        var page=arr[arr.length-1].replace(".html","");//最后一个元素，去掉.html
        page=page==""?"index":page;//默认显示首页
        $("a.btn-item").removeClass("active");
        $("a."+page).addClass("active");

    }    


    //加载menu页的头部
    function initTabBar(){
        //menu页的模板字符串
        var itemTpl=''+
                        '$text'+
                    '';
        var items=[{
            key:"menu",
            text:"点菜"
        },{
            key:"comment",
            text:"评价"
        },{
            key:"restaurant",
            text:"商家"
        }];

        var str="";
        items.forEach(function(item){
            str+=itemTpl.replace(/\$key/g,item.key)//正则解决全局替换的问题
                   .replace("$text",item.text);
        });

        $(".tab-bar").append(str);

        //判断当前属于哪个页面
        var arr=window.location.pathname.split("/");
        var page=arr[arr.length-1].replace(".html","");//最后一个元素，去掉.html
        $("a."+page).addClass("active");

    }

    function init(){
        initBottomBar();//加载底部菜单
        initTabBar();//加载menu页的头部
    }    
    init();    
    
})();

food.json

太多了放不上来，大家自己琢磨吧==

斤斤计较的婚姻到底有多难？白心之岂必有为
很多人私聊我会问到在哪个人群当中斤斤计较的人最多？我都会回答他，一般婚姻出现问题的斤斤计较的人士会非常多，以我多年经验，在婚姻落的一塌糊涂的人当中，斤斤计较的人数占比在20～30%以上，也就是说10个婚姻出现问题的斤斤计较的人有2-3个有多不减。在婚姻出问题当中，有大量的心理不平衡的、尖酸刻薄的怨妇。在婚姻中仅斤斤计较有两种类型：第一种是物质上的，另一种是精神上的。在物质与精神上抠门已经严重的影响
QQ群采集助手，精准引流必备神器 2401_87347160 其他经验分享
功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以
机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习 python
一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
随笔 | 仙一般的灵气海思沧海
仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，
【iOS】MVC设计模式 Magnetic_h ios mvc 设计模式 objective-c 学习 ui
MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
OC语言多界面传值五大方式 Magnetic_h ios ui 学习 objective-c 开发语言
前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
一百九十四章. 自相矛盾巨木擎天
唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
UI学习——cell的复用和自定义cell Magnetic_h ui 学习
目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务 java 架构
在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
学点心理知识，呵护孩子健康静候花开_7090
昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
《投行人生》读书笔记小蘑菇的树洞
《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
Long类型前后端数据不一致 igotyback 前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类 qt 开发语言 sdl2 linux
需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
店群合一模式下的社区团购新发展——结合链动 2+1 模式、AI 智能名片与 S2B2C 商城小程序源码说私域人工智能小程序
摘要：本文探讨了店群合一的社区团购平台在当今商业环境中的重要性和优势。通过分析店群合一模式如何将互联网社群与线下终端紧密结合，阐述了链动2+1模式、AI智能名片和S2B2C商城小程序源码在这一模式中的应用价值。这些创新元素的结合为社区团购带来了新的机遇，提升了用户信任感、拓展了营销渠道，并实现了线上线下的完美融合。一、引言随着互联网技术的不断发展，社区团购作为一种新兴的商业模式，在满足消费者日常需
2021-08-26 影幽
在生活中，女人与男人的感悟往往有所不同。人生最大的舞台就是生活，大幕随时都可能拉开，关键是你愿不愿意表演都无法躲避。在生活中，遇事不要急躁，不要急于下结论，尤其生气时不要做决断，要学会换位思考，大事化小小事化了，把复杂的事情尽量简单处理，千万不要把简单的事情复杂化。永远不要扭曲，别人善意，无药可救。昨天是张过期的支票，明天是张信用卡，只有今天才是现金，要善加利用！执着的攀登者不必去与别人比较自己的
高级编程--XML+socket练习题 masa010 java 开发语言
1.北京华北2114.8万人上海华东2,500万人广州华南1292.68万人成都华西1417万人（1）使用dom4j将信息存入xml中（2）读取信息，并打印控制台（3）添加一个city节点与子节点（4）使用socketTCP协议编写服务端与客户端，客户端输入城市ID，服务器响应相应城市信息（5）使用socketTCP协议编写服务端与客户端，客户端要求用户输入city对象，服务端接收并使用dom4j
2018-07-23-催眠日作业-#不一样的31天#-66小鹿小鹿_33
预言日：人总是在逃避命运的路上，与之不期而遇。心理学上有个著名的名词，叫做自证预言；经济学上也有一个很著名的定律叫做，墨菲定律；在灵修派上，还有一个很著名的法则，叫做吸引力法则。这3个领域的词，虽然看起来不太一样，但是他们都在告诉人们一个现象：你越担心什么，就越有可能会发生什么。同样的道理，你越想得到什么，就应该要积极地去创造什么。无论是自证预言，墨菲定律还是吸引力法则，对人都有正反2个维度的影响
回溯 Leetcode 332 重新安排行程 mmaerd Leetcode刷题学习记录 leetcode 算法职场和发展
重新安排行程Leetcode332学习记录自代码随想录给你一份航线列表tickets，其中tickets[i]=[fromi,toi]表示飞机出发和降落的机场地点。请你对该行程进行重新规划排序。所有这些机票都属于一个从JFK（肯尼迪国际机场）出发的先生，所以该行程必须从JFK开始。如果存在多种有效的行程，请你按字典排序返回最小的行程组合。例如，行程[“JFK”,“LGA”]与[“JFK”,“LGB
每日一题——第九十题互联网打工人no1 C语言程序设计每日一练 c语言
题目：判断子串是否与主串匹配#include#include#include//////判断子串是否在主串中匹配//////主串///子串///boolisSubstring(constchar*str,constchar*substr){intlenstr=strlen(str);//计算主串的长度intlenSub=strlen(substr);//计算子串的长度//遍历主字符串，对每个可能得
Python数据分析与可视化实战指南 William数据分析 python python 数据
在数据驱动的时代，Python因其简洁的语法、强大的库生态系统以及活跃的社区，成为了数据分析与可视化的首选语言。本文将通过一个详细的案例，带领大家学习如何使用Python进行数据分析，并通过可视化来直观呈现分析结果。一、环境准备1.1安装必要库在开始数据分析和可视化之前，我们需要安装一些常用的库。主要包括pandas、numpy、matplotlib和seaborn等。这些库分别用于数据处理、数学
《庄子.达生9》钱江潮369
【原文】孔子观于吕梁，县水三十仞，流沫四十里，鼋鼍鱼鳖之所不能游也。见一丈夫游之，以为有苦而欲死也，使弟子并流而拯之。数百步而出，被发行歌而游于塘下。孔子从而问焉，曰：“吾以子为鬼，察子则人也。请问，‘蹈水有道乎’”曰：“亡，吾无道。吾始乎故，长乎性，成乎命。与齐俱入，与汩偕出，从水之道而不为私焉。此吾所以蹈之也。”孔子曰：“何谓始乎故，长乎性，成乎命？”曰：“吾生于陵而安于陵，故也；长于水而安于
水泥质量纠纷案代理词徐宝峰律师
贵州领航建设有限公司诉贵州纳雍隆庆乌江水泥有限公司产品质量纠纷案代理词尊敬的审判长、审判员：贵州千里律师事务所接受被告贵州纳雍隆庆乌江水泥有限公司的委托，指派我担任其诉讼代理人，参加本案的诉讼活动。下面，我结合本案事实和相关法律规定发表如下代理意见，供合议庭评议案件时参考：原告应当举证证明其遭受的损失与被告生产的水泥质量的因果关系。首先水泥是一种粉状水硬性无机胶凝材料。加水搅拌后成浆体，能在空气中
linux sdl windows.h,Windows下的SDL安装奔跑吧linux内核 linux sdl windows.h
首先你要下载并安装SDL开发包。如果装在C盘下，路径为C:\SDL1.2.5如果在WINDOWS下。你可以按以下步骤：1.打开VC++，点击"Tools",Options2,点击directories选项3.选择"Includefiles"增加一个新的路径。"C:\SDL1.2.5\include"4，现在选择"Libaryfiles“增加"C:\SDL1.2.5\lib"现在你可以开始编写你的第
Goolge earth studio 进阶4——路径修改与平滑陟彼高冈yu Google earth studio 进阶教程旅游
如果我们希望在大约中途时获得更多的城市鸟瞰视角。可以将相机拖动到这里并创建一个新的关键帧。camera_target_clip_7EarthStudio会自动平滑我们的路径，所以当我们通过这个关键帧时，不是一个生硬的角度，而是一个平滑的曲线。camera_target_clip_8路径上有贝塞尔控制手柄，允许我们调整路径的形状。右键单击，我们可以选择“平滑路径”，这是默认的自动平滑算法，或者我们可
PHP环境搭建详细教程好看资源平台前端 php
PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
使用 FinalShell 进行远程连接（ssh 远程连接 Linux 服务器）编程经验分享开发工具服务器 ssh linux
目录前言基本使用教程新建远程连接连接主机自定义命令路由追踪前言后端开发，必然需要和服务器打交道，部署应用，排查问题，查看运行日志等等。一般服务器都是集中部署在机房中，也有一些直接是云服务器，总而言之，程序员不可能直接和服务器直接操作，一般都是通过ssh连接来登录服务器。刚接触远程连接时，使用的是XSHELL来远程连接服务器，连接上就能够操作远程服务器了，但是仅用XSHELL并没有上传下载文件的功能
关于提高复杂业务逻辑代码可读性的思考编程经验分享开发经验 java 数据库开发语言
目录前言需求场景常规写法拆分方法领域对象总结前言实际工作中大部分时间都是在写业务逻辑，一般都是三层架构，表示层（Controller）接收客户端请求，并对入参做检验，业务逻辑层（Service）负责处理业务逻辑，一般开发都是在这一层中写具体的业务逻辑。数据访问层（Dao）是直接和数据库交互的，用于查数据给业务逻辑层，或者是将业务逻辑层处理后的数据写入数据库。简单的增删改查接口不用多说，基本上写好一
18-115 一切思考不能有效转化为行动，都TM是扯淡！成长时间线
7月25号写了一篇关于为什么会断更如此严重的反思，然而，之后日更仅仅维持了一周，又出现了这次更严重的现象。从8月2号到昨天8月6号，5天！又是5天没有更文！虽然这次断更时间和上次一样，那为什么说这次更严重？因为上次之后就分析了问题的原因，以及应该如何解决，按理说应该会好转，然而，没过几天严重断更的现象再次出现，想想，经过反思，问题依然没有解决与改变，这让我有些担忧。到底是哪里出了问题，难道我就真的
山东大学小树林支教调研团青青仓木队——翟晓楠山东大学青青仓木队
过了半年，又一次启程，又一次回到支教的初心之地。比起上一次的试探与不安，我更多了一丝稳重与熟练。心境、处境也都随着半个学期的过去而变得不同，半个学期中，身体上的，心理上的，太多的逆境让我变得步履维艰，曲曲折折，弯弯绕绕，我仿佛打不起精神，没有胃口，没有动力。感觉走的不顺畅的时候，支教这个旅程，给了我力量。自告奋勇承担起队长这一职务的我，从组织时的复杂和困难的经历，协调各种问题，从无到有，和校长和队
直返最高等级与直返APP：无需邀请码的返利新体验古楼
随着互联网的普及和电商的兴起，直返模式逐渐成为一种流行的商业模式。在这种模式下，消费者通过购买产品或服务，获得一定的返利，并可以分享给更多的人。其中，直返最高等级和直返APP是直返模式中的重要概念和工具。本文将详细介绍直返最高等级的概念、直返APP的使用以及与邀请码的关系。【高省】APP（高佣金领导者）是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，运行三年，稳定可靠。高省APP，
Java实现的简单双向Map，支持重复Value superlxw1234 java 双向map
关键字：Java双向Map、DualHashBidiMap 有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。即：既要根据Key找Value，又要根据Value
PL/SQL触发器基础及例子百合不是茶 oracle数据库触发器 PL/SQL编程
触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似过程函数必须要调用, 一个表中最多只能有12个触发器类型的,触发器和过程函数相似触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
[时空与探索]穿越时空的一些问题 comsci 问题
我们还没有进行过任何数学形式上的证明,仅仅是一个猜想..... 这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
easy ui datagrid上移下移一行商人shang js 上移下移 easyui datagrid
/** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
Java反射 oloz 反射
本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
springMVC 使用JSR-303 Validation验证杨白白 spring mvc
JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。登录需要验证类 public class Login { @NotEmpty
log4j 香水浓 log4j
log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
使用ajax和history.pushState无刷新改变页面URL agevs jquery 框架 Ajax html5 chrome
表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
centos中文乱码 AILIKES centos OS ssh
一、CentOS系统访问 g.cn ，发现中文乱码。于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
触发器 baalwolf 触发器
触发器(trigger)：监视某种情况，并触发某种操作。触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before
JS正则表达式的i m g bijian1013 JavaScript 正则表达式
g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。 i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。 m:表示
HTML5模式和Hashbang模式 bijian1013 JavaScript AngularJS Hashbang模式 HTML5模式
我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode 一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
[Maven学习笔记六]Maven生命周期 bit1129 maven
从mvn test的输出开始说起当我们在user-core中执行mvn test时，执行的输出如下： /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
　　需求：从db获取数据然后推送到B 程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。　　自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。　　　service iptables stop
巧用视错觉-UI更有趣 brotherlamp UI ui视频 ui教程 ui自学 ui资料
我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
HTTP协议详解 chicony http协议
引言
Scala设计模式 chenchao051 设计模式 scala
Scala设计模式我的话：在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
安装mysql daizj mysql 安装
安装mysql (1)删除linux上已经安装的mysql相关库信息。rpm -e xxxxxxx --nodeps (强制删除) 执行命令rpm -qa |grep mysql 检查是否删除干净 (2)执行命令 rpm -i MySQL-server-5.5.31-2.el
HTTP状态码大全 dcj3sjt126com http状态码
完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
C语言中，关键字static的作用 e200702084 C++c C#
在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
win7/8使用curl geeksun win7
1. WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。下载地址： http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包 2. 可以给Windows增加c
Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
转载自： http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转 java字符串反转栈反转
注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768 /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
代码实现任意容量倒水问题 home198979 PHP 算法倒水
形象化设计模式实战 HELLO!架构 redis命令源码解析倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
Druid datasource zhb8015 druid
推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。它最重要的特点是：监控、扩展和性能。下载和Maven配置看这里： http
两种启动监听器ApplicationListener和ServletContextListener spjich java spring 框架
引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器 ServletContextListener 特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
JavaScript Rounding Methods of the Math object 何不笑 JavaScript Math
The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(), Math.floor(), and Math.round() — handle rounding in differen

仿美团--详情页与购物车开发

你可能感兴趣的:(仿美团--详情页与购物车开发)