会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132490个问题
JAVA 全系列/第一阶段:JAVA 快速入门/控制语句、方法、递归算法 22726楼
Python 全系列/第十五阶段:Python 爬虫开发/爬虫基础(旧) 22727楼

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/jd.css">
 </head>
 <body>
  <div class="top">
   <div class="warp">
    <ul class="top_ul1">
     <li><a href="">京东首页</a></li>
     <li><a href="">配送至:北京</a></li>
    </ul>
    <ul class="top_ul2">
     <li><a href="">我的订单</a><span>|</span></li>
     <li><a href="">我的京东</a><span>|</span></li>
     <li><a href="">京东会员</a><span>|</span></li>
     <li><a href="">企业采购</a><span>|</span></li>
     <li><a href="">客户服务</a><span>|</span></li>
     <li><a href="">网站导航</a><span>|</span></li>
     <li><a href="">手机京东</a></li>
    </ul>
   </div>
  </div>
 </body>
</html>

.top{
 height: 30px;
 width: 100%;
 background-color: #F1f1f1;
}
.warp{
 width: 1490px;
 margin: 0px auto;
}
.top_ul1,.top_ul2 li{
 float: left;
}
.top_ul1 li{
 float: left;
 line-height: 30px;
 margin-right: 20px;
}
.top_ul1 a,.top_ul2 a,.top_ul2 span{
 font-size: 12px;
 color: gray;
}
.top_ul2 {
 float: right;
}
.top_ul2 li,.top_ul2 span{
 line-height: 30px;
 margin-left: 10px;
}
.top a:hover{
 color: red;
}
 


body,div,h1,h2,h3,h4,h5,h6,li,ol,ul{margin: 0px; padding: 0px;}
body{text-align: center;font-size:14px;}
a{text-decoration: none;}
li{list-style: none;}

老师我这个为什么不居中啊? text-align也不居中  div也不居中

QQ图片20200224121953.png

Python 全系列/第七阶段:网页编程基础/CSS 样式 22728楼
Python 全系列/第六阶段:生产环境部署与协同开发/docker容器扩展 22729楼
Python 全系列/第七阶段:网页编程基础/html5 22730楼
WEB前端全系列/第十九阶段:Vue3企业级项目/Vue3企业级项目 22731楼

2020-03-14 16:33:59 [scrapy.utils.log] INFO: Scrapy 2.0.0 started (bot: rockstone)
2020-03-14 16:33:59 [scrapy.utils.log] INFO: Versions: lxml 4.5.0.0, libxml2 2.9.5, cssselect 1.1.0, parsel 1.5.2, w3lib 1.21.0, Twisted 19.10.0, Python 3.7.6 (tags/v3.7.6:43364
a7ae0, Dec 19 2019, 00:42:30) [MSC v.1916 64 bit (AMD64)], pyOpenSSL 19.1.0 (OpenSSL 1.1.1d  10 Sep 2019), cryptography 2.8, Platform Windows-10-10.0.18362-SP0
2020-03-14 16:33:59 [scrapy.utils.log] DEBUG: Using reactor: twisted.internet.selectreactor.SelectReactor
2020-03-14 16:33:59 [scrapy.crawler] INFO: Overridden settings:
{'BOT_NAME': 'rockstone',
 'NEWSPIDER_MODULE': 'rockstone.spiders',
 'ROBOTSTXT_OBEY': True,
 'SPIDER_MODULES': ['rockstone.spiders']}
2020-03-14 16:33:59 [scrapy.extensions.telnet] INFO: Telnet Password: 12ce7d6c067a2499
2020-03-14 16:33:59 [scrapy.middleware] INFO: Enabled extensions:
['scrapy.extensions.corestats.CoreStats',
 'scrapy.extensions.telnet.TelnetConsole',
 'scrapy.extensions.logstats.LogStats']
2020-03-14 16:33:59 [scrapy.middleware] INFO: Enabled downloader middlewares:
['scrapy.downloadermiddlewares.robotstxt.RobotsTxtMiddleware',
 'scrapy.downloadermiddlewares.httpauth.HttpAuthMiddleware',
 'scrapy.downloadermiddlewares.downloadtimeout.DownloadTimeoutMiddleware',
 'scrapy.downloadermiddlewares.defaultheaders.DefaultHeadersMiddleware',
 'scrapy.downloadermiddlewares.useragent.UserAgentMiddleware',
 'scrapy.downloadermiddlewares.retry.RetryMiddleware',
 'scrapy.downloadermiddlewares.redirect.MetaRefreshMiddleware',
 'scrapy.downloadermiddlewares.httpcompression.HttpCompressionMiddleware',
 'scrapy.downloadermiddlewares.redirect.RedirectMiddleware',
 'scrapy.downloadermiddlewares.cookies.CookiesMiddleware',
 'scrapy.downloadermiddlewares.httpproxy.HttpProxyMiddleware',
 'scrapy.downloadermiddlewares.stats.DownloaderStats']
2020-03-14 16:33:59 [scrapy.middleware] INFO: Enabled spider middlewares:
['scrapy.spidermiddlewares.httperror.HttpErrorMiddleware',
 'scrapy.spidermiddlewares.offsite.OffsiteMiddleware',
 'scrapy.spidermiddlewares.referer.RefererMiddleware',
 'scrapy.spidermiddlewares.urllength.UrlLengthMiddleware',
 'scrapy.spidermiddlewares.depth.DepthMiddleware']
2020-03-14 16:33:59 [scrapy.middleware] INFO: Enabled item pipelines:
[]
2020-03-14 16:33:59 [scrapy.core.engine] INFO: Spider opened
2020-03-14 16:33:59 [scrapy.extensions.logstats] INFO: Crawled 0 pages (at 0 pages/min), scraped 0 items (at 0 items/min)
2020-03-14 16:33:59 [scrapy.extensions.telnet] INFO: Telnet console listening on 127.0.0.1:6023
2020-03-14 16:33:59 [scrapy.core.engine] DEBUG: Crawled (200) <GET http://www.baidu.com/robots.txt> (referer: None)
2020-03-14 16:33:59 [scrapy.downloadermiddlewares.robotstxt] DEBUG: Forbidden by robots.txt: <GET http://www.baidu.com/>
2020-03-14 16:33:59 [scrapy.core.engine] INFO: Closing spider (finished)
2020-03-14 16:33:59 [scrapy.statscollectors] INFO: Dumping Scrapy stats:
{'downloader/exception_count': 1,
 'downloader/exception_type_count/scrapy.exceptions.IgnoreRequest': 1,
 'downloader/request_bytes': 223,
 'downloader/request_count': 1,
 'downloader/request_method_count/GET': 1,
 'downloader/response_bytes': 676,
 'downloader/response_count': 1,
 'downloader/response_status_count/200': 1,
 'elapsed_time_seconds': 0.350322,
 'finish_reason': 'finished',
 'finish_time': datetime.datetime(2020, 3, 14, 8, 33, 59, 677262),
 'log_count/DEBUG': 2,
 'log_count/INFO': 10,
 'response_received_count': 1,
 'robotstxt/forbidden': 1,
 'robotstxt/request_count': 1,
 'robotstxt/response_count': 1,
 'robotstxt/response_status_count/200': 1,
 'scheduler/dequeued': 1,
 'scheduler/dequeued/memory': 1,
 'scheduler/enqueued': 1,
 'scheduler/enqueued/memory': 1,
 'start_time': datetime.datetime(2020, 3, 14, 8, 33, 59, 326940)}
2020-03-14 16:33:59 [scrapy.core.engine] INFO: Spider closed (finished)

老师 我这个按照百度那个测试     没有返回的html信息

Python 全系列/第十五阶段:Python 爬虫开发/移动端爬虫开发- 22732楼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/jd.css"/>
		<link rel="stylesheet" type="text/css" href="icon/iconfont.css"/>
		<script type="text/javascript" src="js/jd.js"></script>
	</head>
	<body>
		<!--导航条开始-->
		<div class="nav">
			
			<div class="wrap">
			<ul class="nav_ul1">
				<li><a href=""><i class="iconfont">&#xe6d3;</i>京东首页</a></li>
				<li><a href="">配送到:上海</a></li>
			</ul>
			
			<ul class="nav_ul2">
				<li><a href="">洋洋宝贝</a><span>|</span></li>
				<li><a href="">我的订单</a><span>|</span></li>
				<li><a href="">我的京东</a><span>|</span></li>
				<li><a href="">京东会员</a><span>|</span></li>
				<li><a href="">企业采购</a><span>|</span></li>
				<li><a href="">京东手机</a><span>|</span></li>
				<li><a href="">关注京东</a><span>|</span></li>
				<li><a href="">客户服务</a><span>|</span></li>
				<li><a href="">网站导航</a></li>
			</ul>
			
		</div>
			
		</div>	
		<!--导航结束-->
		
		
		<!--搜索框开始-->
		<div class="search">
			
			<div class="wrap">
				
				<img src="img/logo.jpg" alt="" />
				
				<div class="search_div">
					<input type="text" class="search_div_tex"/>
					<input type="button" value="搜索" class="search_div_btn"/>	
				
				</div>
				
			</div>
			
			
			
		</div>
		<!--搜索框结束-->
		
		
		<!--标题的开始-->
		<div class="title wrap">
			
			<h3>全部商品</h3>
			
			<div>
				
				<span>配送至</span>
				
				<select name="" id="">
					<option>徐汇区</option>
					<option>静安区</option>
					<option>长宁区</option>
					<option>普陀区</option>
				</select>
			</div>
			
		</div>
		<!--标题的结束-->
		
		
		
		<!--显示菜单的开始-->
		<div class="tips wrap">
				
				<ul>
					<li>
						<input type="checkbox" name="fav" onclick="checkAll(this),checkSingle()"/>
						全选
					</li>
					<li>商品</li>
					<li>单价</li>
					<li>数量</li>
					<li>小计</li>
					<li>操作</li>
				</ul>
				
		</div>	
		<!--显示菜单的结束-->
	
	
	
		<!--商品详情展示的开始-->
			<div class="info wrap">
				
				<ul>
					<li class="info_1"><input type="checkbox" name="fav" onclick="checkSingle()"/></li>
					<li class="info_2"><img src="img/img1.jpg" width="60px"/></li>
					<li class="info_3"><a href="">【京东超市】desha春秋季儿童休闲服</a></li>
					<li class="info_4"><a href="">颜色:灰色+粉红</a></li>
					<li class="info_5">182</li>
					<li class="info_6">
						<button class="btn_1" onclick="checkAdd(this,1),checkSingle()">-</button>
						<input type="text" value="0"/>
						<button class="btn_2" onclick="checkAdd(this,2),checkSingle()">+</button>
					</li>
					<li class="info_7">0</li>
					<li class="info_8">
						<a href="javascript:void(0)" onclick="checkDel(this),checkSingle()">删除</a><br />
						<a href="">移到我的关注</a>
					</li>
				</ul>
				
			</div>
			<div class="info wrap">
				
				<ul>
					<li class="info_1"><input type="checkbox" name="fav" onclick="checkSingle()"/></li>
					<li class="info_2"><img src="img/img1.jpg" width="60px"/></li>
					<li class="info_3"><a href="">【京东超市】desha春秋季儿童休闲服</a></li>
					<li class="info_4"><a href="">颜色:灰色+粉红</a></li>
					<li class="info_5">182</li>
					<li class="info_6">
						<button class="btn_1" onclick="checkAdd(this,1),checkSingle()">-</button>
						<input type="text" value="0"/>
						<button class="btn_2" onclick="checkAdd(this,2),checkSingle()">+</button>
					</li>
					<li class="info_7">0</li>
					<li class="info_8">
						<a href="javascript:void(0)" onclick="checkDel(this),checkSingle()">删除</a><br />
						<a href="">移到我的关注</a>
					</li>
				</ul>
				
			</div>
			<div class="info wrap">
				
				<ul>
					<li class="info_1"><input type="checkbox" name="fav" onclick="checkSingle()"/></li>
					<li class="info_2"><img src="img/img1.jpg" width="60px"/></li>
					<li class="info_3"><a href="">【京东超市】desha春秋季儿童休闲服</a></li>
					<li class="info_4"><a href="">颜色:灰色+粉红</a></li>
					<li class="info_5">182</li>
					<li class="info_6">
						<button class="btn_1" onclick="checkAdd(this,1),checkSingle()">-</button>
						<input type="text" value="0"/>
						<button class="btn_2" onclick="checkAdd(this,2),checkSingle()">+</button>
					</li>
					<li class="info_7">0</li>
					<li class="info_8">
						<a href="javascript:void(0)" onclick="checkDel(this),checkSingle()">删除</a><br />
						<a href="">移到我的关注</a>
					</li>
				</ul>
				
			</div>
		<!--商品详情展示的开始-->
		
		
		
		<!--商品结算开始-->
			<div class="balance wrap">
				<ul class="balance_ul1">
					<li class=""><input type="checkbox" name="fav" onclick="checkAll(this),checkSingle()"/>
					全选
					</li>
					<li>删除选中商品</li>
					<li>移到我的关注</li>
					<li>清除下柜商品</li>
				</ul>
				<ul class="balance_ul2">
					<li>已经选择<span class="sp" id="sum">0</span>件商品</li>
					<li>总计<span class="sp" id="zongz">0</span></li>
					<li><button class="btn3">去结算</button></li>
				</ul>
			</div>
		<!--商品结算结束-->
		
		
	</body>
</html>


//判断全选操作
var fav=document.getElementsByName("fav")
function checkAll(th){
	var flag=th.checked;
	
	//获得多选框对象
	for(var i in fav){
		fav[i].checked=flag;
	}
}

//判断单选操作,决定全选操作

function checkSingle(){
	var flag=true;
	for(var i=1;i<fav.length-1;i++){
		if(!fav[i].checked){
			flag=false;
			break;
		}
	}
	//单选框决定全选框
	fav[0].checked=flag;
	fav[fav.length-1].checked=flag;
	
	//商品总价格
	var zong=0;
	//统计勾选数
	var num=0;
	//统计商品数量
	var sp_count=0;
	//单选框决定价格总计
	for(var i=1;i<fav.length-1;i++){
		if(fav[i].checked){
			num++;
			//获得ul父节点
			var par=fav[i].parentNode.parentNode;
			//获得ul下面所有的li节点
			var li=par.getElementsByTagName("li");
			//单个商品的总价
			var z=li[6].innerText.split("¥")[1];
			//获得统计节点
			zong+=Number(z);
			document.getElementById("zongz").innerText=Number(zong);
			
			
			//获得商品的数量
			var counts=li[5].getElementsByTagName("input");
			var count=counts[0].value;
			sp_count+=Number(count);

			
			//将商品总数量赋值给总计
			document.getElementById("sum").innerText=sp_count;
			
			
		}
	}
	if(num==0){
		document.getElementById("zongz").innerText=0;
		document.getElementById("sum").innerText=0;
	}
}


//商品的增加和减少
var pre
function checkAdd(th,sig){
	if(sig=="1"){
		if(Number(pre.value)>0){
			pre=th.nextElementSibling;
			pre.value=Number(pre.value)-1;
		}	
	}else{
		//获得上一个节点
		pre=th.previousElementSibling;
		//获得节点的value值
		pre.value=Number(pre.value)+1;
	}
	
	//获得商品的单价
	var val=pre.parentNode.previousElementSibling.innerText;
	
	//计算每一个商品的总价
	var zong=Number(pre.value)*Number(val);


	//把总价格赋值给指定对象
	pre.parentNode.nextElementSibling.innerHTML="¥"+zong;
	
}

//删除商品的操作
function checkDel(th){
	//获得父节点div
	var div=th.parentNode.parentNode.parentNode;
	//删除父节点
	div.remove();
}



image.png


老师,勾选商品但是数量为0时,总计会出现NaN,这是怎么回事,代码在上面。

Python 全系列/第七阶段:网页编程基础/JavaScript 22733楼

/**
 * 测试二分查找法
 */
import java.util.Arrays;
public class TestBinarySearch {
    public static void main(String[] args) {

        int[] num1 = {11, 19, 12, 16, 13, 17, 14};
        //先将数组排序
        maoPao(num1);
        binarySearch(num1,13);
    }
//冒泡排序方法
    public static void maoPao(int[] num) {
        for (int i = 0; i < num.length; i++) {
            int temp;
            // 判断条件1,未执行交换代码则退出循环
            boolean flag = true;
            /*内层循环:每一趟循环都从数列的前两个元素开始进行比较,比较到无序数组的最后*/
            for (int n = 0; n < num.length - 1 - i; n++) {
                //是倒序排列还是正序排列就完全取决于下面的判断条件
                if (num[n] > num[n + 1]) {
                    //交换代码↓
                    temp = num[n];
                    num[n] = num[n + 1];
                    num[n + 1] = temp;
                    //判断条件2,执行交换代码则不退出循环
                    flag = false;
                }
            }
            //根据标记量的值判断数组是否有序,如果有序,则退出;无序,则继续循环。
            if (flag) {
                break;
            }
        }
        System.out.println(Arrays.toString(num));

    }

    //使用二分查找法查找
    public static int binarySearch(int[] num, int key) {
        //int[] num = {11,19,12,16,13,17,14};
        int max = num.length - 1;//数组的最大索引
        int min = 0;//数组的最小索引
        int mid;  //中间索引;
        while (min <= max) {
            mid = (min + max) / 2;
            if (num[mid] > key) {
                //说明 我想要的数在左边
                max = mid - 1;
            } else if (num[mid] < key) {
                //说明 我们想要的数在右边
                min = mid + 1;
            } else if (num[mid] == key) {
                //说明找到我们想要的数了
                break;
            }
        }
        //判断如果数组最小索引大于最大索引则执行语句块1,否则执行语句块2.
        if (min > max) {
            System.out.println(key+"这个数不存在数组中");
        } else {
             System.out.println("这个数在数组中的第:" + (min + 1)+" 索引");
        }
        return 1;
    }
}


老师这是我自己看文档写的,帮我看一下有需要优化的地方吗

或者给一些宝贵的建议

JAVA 全系列/第一阶段:JAVA 快速入门/数组和数据存储 22734楼
JAVA 全系列/第十一阶段:分布式RPC调用和分布式文件存储/Zookeeper 22735楼
Python 全系列/下架-第十二阶段:Python_大型电商项目(5天后下架)/Django项目阶段-电商项目(旧) 22736楼
Python 全系列/第二阶段:Python 深入与提高/游戏开发-坦克大战 22738楼
JAVA 全系列/预科阶段:职业规划/学习方法/程序员的基本素养和职业规划 22739楼
JAVA 全系列/第五阶段:JavaWeb开发/Ajax技术详解(旧) 22740楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637