首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >京东购物车(动态)网页搭建,利用JavaScript实现

京东购物车(动态)网页搭建,利用JavaScript实现

作者头像
时间静止不是简史
发布于 2020-07-24 09:17:58
发布于 2020-07-24 09:17:58
1.9K00
代码可运行
举报
文章被收录于专栏:Java探索之路Java探索之路
运行总次数:0
代码可运行

需要实现的功能:

单选操作、全选操作、单行删除操作、多行删除操作、价格结算

使用的方式

JavaScript

项目环境

win10+Hbuilder+chrome浏览器

项目结构

项目效果

实现了所有功能的主界面

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>进行价格计算</title>
		
		<link rel="stylesheet" type="text/css" href="css/jd.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="icon/iconfont.css"/>
		
			
		<!--使用JS别忘记将其引入-->
		<script src="js/jd.js" type="text/javascript" charset="utf-8"></script>
		
		
	</head>
	<body>
		<!--导航开始-->
		<div class="nav">
			
			<div class="warp">
				<ul class="nav_ul1">
					<li><a href=""><i class="iconfont">&#xe6d3;</i></a></li>
					<li><a href="">京东首页</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="warp">
				<img src="img/logo.jpg" />
				
				<div class="search_div">
					<input type="text" class="search_text">
					 <input type="button" value="搜索"  class="search_but"/>
					
				</div>
			</div>
		</div>
		<!--搜索框结束-->
		
		<!--标题开始	-->
		<div class="title warp">
			<h3>全部商品</h3>
			
			<div >
				<span id="">配送至</span>
				<select >
					<option >埇桥区</option>
					<option >灵璧县</option>
					<option >砀山县</option>
					<option >萧县</option>
				</select>
			</div>
		</div>
		
		<!--标题结束-->
		
		<!--显示菜单的开始 -->
		<!--warp令内容居中显示-->
		<div class="tips warp">
			<ui>
				<li>
					<input type="checkbox" name="fav" id="all" "checkTest1(this),checkTest2()"/>全选</li>
				<li>商品</li>
				<li>单价</li>
				<li>数量</li>
				<li>小计</li>
				<li>操作</li>
			</ui>
		</div>
		<!--显示菜单的结束-->
		
		<!--商品详情展示开始-->
		 <div class="info warp">
		  	
		  	  <ul>
		  	  	<li class="info_1"><input type="checkbox" name="fav" "checkTest2()" /> </li>
		  	  	<li class="info_2"> <img src="img/img1.jpg" width="80px"/> </li>
		  	  	<li class="info_3"><a>【京东超市】desha春秋季儿童休闲服</a></li>
		  	  	<li class="info_4"><a>颜色:灰色+粉红</a> </li>
		  	  	<li class="info_5">182.5</li>
		  	  	<li class="info_6">
		  	  		<button "checkTest3(this,1),checkTest2()" >-</button>
		  	  		<input type="text" name="" id="" value="1" />
		  	  		<button class="bot" "checkTest3(this,2),checkTest2()" >+</button>
		  	  		
		  	  	</li>
		  	  	<li class="info_7">182.5</li>
		  	  	<li>
		  	  	<!--通过href触发后面的JS代码,通过点击自身-->
		  	  		<a href="javascript:void(0)" "checkTest4(this),checkTest2()" >删除</a><br />
		  	  		<a>已到我的关注</a>
		  	  	</li>
		  	  </ul>
		  	
		  </div>
		  
		  <div class="info warp">
		  	
		  	  <ul>
		  	  	<li class="info_1"><input type="checkbox" name="fav" "checkTest2()" /> </li>
		  	  	<li class="info_2"> <img src="img/img2.jpg" width="80px"/> </li>
		  	  	<li class="info_3"><a>【京东超市】desha春秋季儿童休闲服</a></li>
		  	  	<li class="info_4"><a>颜色:灰色+粉红</a> </li>
		  	  	<li class="info_5">182.5</li>
		  	  	<li class="info_6">
		  	  		<button "checkTest3(this,1),checkTest2()">-</button>
		  	  		<input type="text" name="" id="" value="1" />
		  	  		<button class="bot" "checkTest3(this,2),checkTest2()">+</button>
		  	  		
		  	  	</li>
		  	  	<li class="info_7">182.5</li>
		  	  	<li>
		  	  		<!--删除完毕,再进行一次判断-->
		  	  		<a href="javascript:void(0)" "checkTest4(this),checkTest2()" >删除</a><br />
		  	  		<a>已到我的关注</a>
		  	  	</li>
		  	  </ul>
		  	
		  </div>
		  
		  <div class="info warp">
		  	
		  	  <ul>
		  	  	<li class="info_1"><input type="checkbox" name="fav" "checkTest2()" /> </li>
		  	  	<li class="info_2"> <img src="img/img3.jpg" width="80px"/> </li>
		  	  	<li class="info_3"><a>【京东超市】desha春秋季儿童休闲服</a></li>
		  	  	<li class="info_4"><a>颜色:灰色+粉红</a> </li>
		  	  	<li class="info_5">182.5</li>
		  	  	<li class="info_6">
		  	  		<button "checkTest3(this,1),checkTest2()">-</button>
		  	  		<input type="text" name="" id="" value="1" />
		  	  		<button class="bot" "checkTest3(this,2),checkTest2()">+</button>
		  	  		
		  	  	</li>
		  	  	<li class="info_7">182.5</li>
		  	  	<li>
		  	  		<a href="javascript:void(0)" "checkTest4(this),checkTest2()" >删除</a><br />
		  	  		<a>已到我的关注</a>
		  	  	</li>
		  	  </ul>
		  	
		  </div>
		<!--商品详情展示结束-->
		
		<!--结算窗口开始-->
			<div class="balance warp">
				<ul class="balance_ul1">
				<li><input type="checkbox" name="fav" "checkTest1(this),checkTest2()" />全选</li>
				<li>删除选中商品</li>
				<li>移到我的关注</li>
				<li>清除下柜商品</li>
			</ul>
			
			<ul class="balance_ul2">
				<li>已经选择<span id="snum">0</span>件商品</li>
				<li>总价<span id="zongz">0</span></li>
				<li class="butt">去结算</li>
			</ul>
			</div>
		<!--结算窗口结束-->
	</body>
</html>

实现动态交互的JS代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//获得所有多选框的对象
	var fav=document.getElementsByName("fav");

//判断是否是全选操作
function checkTest1(th){

	//判断选项是否被勾选
	var flag=th.checked;
	//alert(flag);
	
	
	//通过forech的方法遍历名为fav的有序列表
	for (var i in fav) {
		fav[i].checked=flag;
	}
}

//单选决定全选操作
function checkTest2(){
	
	var flag=true;
	
	/*遍历出去第一个和最后一个fav,后来再处理*/
	for (var i=1;i<fav.length-1;i++) {
		if (!fav[i].checked) {
			flag=false;
			break;
		}
	}
	/*决定是否被勾选,fav[0]代表第一个全选框,fav[1]代表第二个多选框*/
	fav[0].checked=flag;
	fav[fav.length-1].checked=flag;
	//alert(flag);
	
	
	
	//商品的总价格
	var zong=0;
	//统计被勾选对象的数量
	var num=0;
	//统计商品数量
	var spNum=0;
	
	//价格是否统计,遍历第2、3、4个fav
	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=zong;
			
			//获得商品的数量
			var z2=li[5].getElementsByTagName("input");
			var num2=z2[0].value;
			spNum+=Number(num2);
			//获得商品数量统计对象
			document.getElementById("snum").innerText=spNum;
		}
	}
	if(num==0){
	 	document.getElementById("zongz").innerText=0;	
	 	document.getElementById("snum").innerText=0;
	}
	
}

/*控制数量的增加或减少,注意括号问题*/
function checkTest3(th,sig){
	//就是th,即this传的值
	var pre;
	if (sig=="1") {
		//获得下一个节点对象
		pre=th.nextElementSibling;
		if (Number(pre.value)>0) {
			//获得节点的value的值
			pre.value=Number(pre.value)-1;
		  }
		}else{
			//获得上个节点的对象
			pre=th.previousElementSibling;
			//获得下一个节点对象
			pre.value=Number(pre.value)+1;
		}
		
		
		//计算每个商品的价格
		//获取当前节点的父节点的上一个节点的内容,即每个商品的单价nnerText\innerHTML都可以
		var val=pre.parentNode.previousElementSibling.innerText;
		//计算总价格
		var zong=Number(val)*Number(pre.value);
		//把总价赋值给指定对象
		pre.parentNode.nextElementSibling.innerText="¥"+zong;
}


//删除指定节点
function checkTest4(th){
	//获得父节点div(<a>的父节点(li)的父节点(ul)的父节点div)
	var div=th.parentNode.parentNode.parentNode;
	div.remove();
	
}

相关css文件

jd.css

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/*导航栏开始*/
.nav{
	width:1920px ;
	height:30px;
	background-color: #f1f1f1;
}
.warp{
	width: 1000px;
	margin: 0px auto;
}
.nav_ul1,.nav_ul2 li{
	float: left;
}
.nav_ul1 li{
	float: left;
	line-height: 30px;
	margin-right: 20px;
}

.nav_ul1 a,.nav_ul2 a,.nav_ul2 span{	
	font-size: 12px;
	color: gray;
	
}

.nav_ul2{
	float: right;
}

.nav_ul2 li,.nav_ul2 span{
	line-height: 30px;
	margin-left: 15px;
	
}
.nav a:hover{	
	color: red;
}
/*导航栏结束*/


/*搜索框开始*/
.search{
	margin: 20px;
}

.search img{
	/*清除之前冲突样式  重点*/
	clear: both;
	float: left;
}

.search_div{
	float: right;
	margin-top: 20px;
}

.search_text{
	width: 265px;
	height: 21px;
	border: 3px solid #C91623;
	
	position: relative;
	left: 4px;
	top: -1px;
}	

.search_but{
	width: 51px;
	height: 29px;
	background-color: #C91623;
	border: 0px;
	color: #FFFFFF;
}

/*搜索框结束*/

/*标题开始*/
.title{
	margin-top: 130px;
}

.title h3{
	float: left;
	font-size: 23px;
	color: #C91623;
}

.title div{
	float: right;
	font-size: 14px;
	color: gray;
}
/*标题结束*/

/*显示菜单的开始*/
.tips{
	width: 1000px;
	height: 50px;
	background-color: #F1F1F1;
	margin-top: 165px;
	
	border: 1px solid #E9E9E9;
}

.tips li{
	float: left;
	
	line-height: 50px;
	font-size: 12px;
	color: gray;
}
/*border-top:加上边框加*/
.tips li:nth-child(1){width:90px; border-top: 3px solid #c91623; }

.tips li:nth-child(2){margin-left: 80px; }

.tips li:nth-child(3){margin-left: 430px; }

.tips li:nth-child(4){margin-left: 70px; }

.tips li:nth-child(5){margin-left: 110px; }

.tips li:nth-child(6){margin-left: 50px; }
/*显示菜单的结束*/


/*商品详情展示开始*/
.info{
	 width: 1000px; 
	 height: 125px;
	 background-color: #fff4e8;

	 border: 1px  solid gray; 
	 margin-top: 30px;
	 /*上边框,对原来边框的约定进行覆盖*/
 	 border-top: 3px solid  gray;
}

.info li{
	  float:  left;	
	  margin-top: 20px;
}

.info a{
	font-size: 12px;
	color: #333333;
}

.info_2{
	margin-left: 15px;
	border: 1px  solid gray;
}

.info_3{ 
	  width: 270px; 
	  height: 20px;
}

.info_4{
	 margin-left: 45px;
	
}

.info_5{
	margin-left: 70px;
	
}

.info_6{
	 margin-left: 40px;
}

.info_6 input{	
	width: 30px;
	height: 12px;
	text-align: center;
	
	position: relative;
	top: -2px;
	left: -5px;
	
}

.info_6 button{	
	 width: 30px; 
	 height: 18px;
}

.bot{
	 position: relative;
	left: -10px;
}

.info_7{
	
	 margin-left: 40px;
}
/*商品详情展示结束*/

/*结算窗口开始*/
.balance{
	width: 1000px;
	height: 50px;
	
	border: 1px solid gray;
	margin-top: 30px;
}

.balance_ul1 li,.balance_ul2 li{
	float: left;
	line-height: 50px;
	margin-left: 14px;
}

.balance_ul2{
	float: right;

}

.butt{

	width: 110px;
	height: 50px;
	background-color: #C91623;
	
	border: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

.balance_ul2 span{
	font-size:20px ;
	font-weight: bold;
	color: #C91623;
}
/*结算窗口结束*/

reset.css 统一控制页面格式的css

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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;}

源代码已分享至本人云盘~~~ 链接:https://pan.baidu.com/s/1ul_DbL2KVdETTc6himvfUA 提取码:7wbw

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/04/09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
有基础(Pytorch/TensorFlow基础)mxnet+gluon快速入门mxnet基本数据结构mxnet的数据载入网络搭建模型训练准确率计算模型保存与载入
import numpy as np import mxnet as mx import logging logging.getLogger().setLevel(logging.DEBUG) # logging to stdout mxnet基本数据结构 ndarray ndarray是mxnet中最基本的数据结构,ndarray和mxnet的关系与tensor和pytorch的关系类似。该数据结构可以看成numpy的一种变体,基本上numpy的操作ndarray都可以实现。与ndarray相关的部分是
月见樽
2018/04/27
2.4K0
有基础(Pytorch/TensorFlow基础)mxnet+gluon快速入门mxnet基本数据结构mxnet的数据载入网络搭建模型训练准确率计算模型保存与载入
【前沿】见人识面,TensorFlow实现人脸性别/年龄识别
【导读】近期,浙江大学学生Boyuan Jiang使用TensorFlow实现了一个人脸年龄和性别识别的工具,首先使用dlib来检测和对齐图片中的人脸,然后使用CNN深度网络来估计年龄和性别。代码已经
WZEARW
2018/04/11
6.1K0
【前沿】见人识面,TensorFlow实现人脸性别/年龄识别
轻松学Pytorch – 年龄与性别预测
大家好,上周太忙,没有更新Pytorch轻松学系列文章,但是我还是会坚定的继续走下去的,所谓有始有终,这个系列我会一直坚持写下去,希望大家继续支持我,积极给我反馈,当然也感谢大家的信任与点赞支持。
OpenCV学堂
2020/06/19
2.7K1
基于mxnet的LSTM实现RNN理论基础代码实现参考文献
RNN理论基础 基本RNN结构 rnn_base.png RNN的基本结构如上左图所示,输出除了与当前输入有关,还与上一时刻状态有关。RNN结构展开可视为上右图,传播过程如下所示: $I_{n}$为当
月见樽
2018/04/27
1.4K0
基于mxnet的LSTM实现RNN理论基础代码实现参考文献
人脸实践篇 | 基于Caffe的年龄&性别识别
人脸检测及对应属性的识别是现在比较流行的一个技术之一。今天我们“计算机视觉战队”就和大家说说该技术的一些详细细节。
计算机视觉研究院
2019/05/13
2.6K0
【源码】常用的人脸识别数据库以及上篇性别识别源码
上一篇《使用ML.NET模型生成器来完成图片性别识别》发布后,很多朋友希望得到源码,这里附上地址:
心莱科技雪雁
2020/11/09
2.3K0
【源码】常用的人脸识别数据库以及上篇性别识别源码
解读未知:文本识别算法的突破与实际应用
文本识别是OCR(Optical Character Recognition)的一个子任务,其任务为识别一个固定区域的的文本内容。在OCR的两阶段方法里,它接在文本检测后面,将图像信息转换为文字信息。
汀丶人工智能
2023/10/11
7860
解读未知:文本识别算法的突破与实际应用
利用面部识别算法和卷积神经网络的转移学习,分析朝鲜海报上的人物性别分布
众所周知,朝鲜是一个具有神秘色彩的国家。除了在电视或者网络上看到一些政治方面的新闻外,我们很难从网络上了解到朝鲜人民的日常生活状态。但是,科技是万能的。本文将利用面部识别算法和应用于卷积神经网络的转移
AiTechYun
2018/03/05
1.4K0
利用面部识别算法和卷积神经网络的转移学习,分析朝鲜海报上的人物性别分布
教你从零开始检测皮卡丘-CNN目标检测入门教程(下)
本文为大家介绍实验过程中训练、测试过程及结果。算法和数据集参见《从零开始码一个皮卡丘检测器-CNN目标检测入门教程(上)》 训练 Train 损失函数 Losses 通过定义损失函数,我们可以让网络收敛到我们希望得到的目标检测功能,也就是说,我们希望网络能正确预测物体的类别,同时能预测出准确的预设框偏移量,以正确地显示物体的真正大小和位置。 这个预测的类别和偏移量都是可以通过真实标签和网络的当前预测值得到,在这里我们用MultiBoxTarget层来计算,其中包含了预测框和真实标签的匹配,正类和负类的选
AI研习社
2018/03/19
8090
教你从零开始检测皮卡丘-CNN目标检测入门教程(下)
深度学习实战 | 使用Kera预测人物年龄
01 问题描述 我们的任务是从一个人的面部特征来预测他的年龄(用“Young”“Middle ”“Old”表示),我们训练的数据集大约有19906多张照片及其每张图片对应的年龄(全是阿三的头像。。。),测试集有6636张图片,首先我们加载数据集,然后我们通过深度学习框架Keras建立、编译、训练模型,预测出6636张人物头像对应的年龄。 02 引入所需要的模块 import os import random import pandas as pd import numpy as np from PIL im
用户1332428
2018/03/09
1.7K0
深度学习实战 | 使用Kera预测人物年龄
机器学习(二)深度学习实战-使用Kera预测人物年龄问题描述引入所需要模块加载数据集创建模型编译模型优化optimize1 使用卷积神经网络optimize2 增加神经网络的层数输出结果结果
问题描述 我们的任务是从一个人的面部特征来预测他的年龄(用“Young”“Middle ”“Old”表示),我们训练的数据集大约有19906多张照片及其每张图片对应的年龄(全是阿三的头像。。。),测试集有6636张图片,首先我们加载数据集,然后我们通过深度学习框架Keras建立、编译、训练模型,预测出6636张人物头像对应的年龄 引入所需要模块 import os import random import pandas as pd import numpy as np from PIL import Ima
致Great
2018/04/11
1.1K0
机器学习(二)深度学习实战-使用Kera预测人物年龄问题描述引入所需要模块加载数据集创建模型编译模型优化optimize1 使用卷积神经网络optimize2 增加神经网络的层数输出结果结果
基于深度学习的人脸性别识别系统(含UI界面,Python代码)「建议收藏」
摘要:人脸性别识别是人脸识别领域的一个热门方向,本文详细介绍基于深度学习的人脸性别识别系统,在介绍算法原理的同时,给出Python的实现代码以及PyQt的UI界面。在界面中可以选择人脸图片、视频进行检测识别,也可通过电脑连接的摄像头设备进行实时识别人脸性别;可对图像中存在的多张人脸进行性别识别,可选择任意一张人脸框选显示结果,检测速度快、识别精度高。博文提供了完整的Python代码和使用教程,适合新入门的朋友参考,完整代码资源文件请转至文末的下载链接。本博文目录如下:
全栈程序员站长
2022/08/31
1.9K0
基于深度学习的人脸性别识别系统(含UI界面,Python代码)「建议收藏」
JDAI-Face | 新型人脸属性识别系统技术解析
人可以轻易理解所看到的视觉信息,但将同样的能力赋予计算机,并让其代替人类来进行类脑思考,是人工智能学术界、产业界争相研究的科学课题。人脸作为最重要的生物特征,蕴含了大量的属性信息,如性别、种族、年龄、表情、颜值等,而如何对这些属性信息进行预测,则是人脸分析领域的研究热点之一。
京东技术
2018/07/30
2.8K0
JDAI-Face | 新型人脸属性识别系统技术解析
基于PaddleOCR的多视角集装箱箱号检测识别
集装箱号是指装运出口货物集装箱的箱号,填写托运单时必填此项。标准箱号构成基本概念:采用ISO6346(1995)标准
汀丶人工智能
2023/03/21
5850
教程详解 | 用 PaddleOCR 进行集装箱箱号检测识别
内容一览:基于 PaddleOCR 进行集装箱箱号检测,缩短记录集装箱箱号的时间,提高港口装卸效率。
HyperAI超神经
2022/11/29
1.3K1
教程详解 | 用 PaddleOCR 进行集装箱箱号检测识别
常见公开人脸数据集的获取和制作自定义人脸数据集
开发人脸识别系统,人脸数据集是必须的。所以在我们开发这套人脸识别系统的准备工作就是获取人脸数据集。本章将从公开的数据集到自制人脸数据集介绍,为我们之后开发人脸识别系统做好准备。
夜雨飘零
2022/05/10
5.5K0
【深度学习项目二】卷积神经网络LeNet实现minst数字识别
项目链接:https://aistudio.baidu.com/aistudio/projectdetail/1928935
汀丶人工智能
2022/12/21
4060
【深度学习项目二】卷积神经网络LeNet实现minst数字识别
算力加速人脸识别技术发展:一文了解人脸识别开源库和数据集
人脸识别在我们的生活中随处可见,例如在大楼门禁系统中,它取代了传统的门禁卡或密码,提高了进出的便捷性和安全性。在商场安保方面,人脸识别被广泛应用于监控系统,有助于识别和跟踪潜在的犯罪嫌疑人或失踪人员,提升了安全防范的能力。另外,手机解锁也是人脸识别技术的重要应用之一,它为用户提供了一种快捷、便利的身份验证方式,替代了传统的密码或指纹识别。
CV君
2024/03/13
9300
算力加速人脸识别技术发展:一文了解人脸识别开源库和数据集
基于insightface实现的人脸识别和人脸注册
本教程的人脸识别是使用的是insightface库进行开发的,该库使用的框架为mxnet。
夜雨飘零
2021/12/07
5.5K2
使用Keras和OpenCV实时预测年龄、性别和情绪 (详细步骤+源码)
来源 | https://towardsdatascience.com/real-time-age-gender-and-emotion-prediction-from-webcam-with-keras-and-opencv-bde6220d60a
Color Space
2022/05/26
1.9K0
使用Keras和OpenCV实时预测年龄、性别和情绪 (详细步骤+源码)
推荐阅读
有基础(Pytorch/TensorFlow基础)mxnet+gluon快速入门mxnet基本数据结构mxnet的数据载入网络搭建模型训练准确率计算模型保存与载入
2.4K0
【前沿】见人识面,TensorFlow实现人脸性别/年龄识别
6.1K0
轻松学Pytorch – 年龄与性别预测
2.7K1
基于mxnet的LSTM实现RNN理论基础代码实现参考文献
1.4K0
人脸实践篇 | 基于Caffe的年龄&性别识别
2.6K0
【源码】常用的人脸识别数据库以及上篇性别识别源码
2.3K0
解读未知:文本识别算法的突破与实际应用
7860
利用面部识别算法和卷积神经网络的转移学习,分析朝鲜海报上的人物性别分布
1.4K0
教你从零开始检测皮卡丘-CNN目标检测入门教程(下)
8090
深度学习实战 | 使用Kera预测人物年龄
1.7K0
机器学习(二)深度学习实战-使用Kera预测人物年龄问题描述引入所需要模块加载数据集创建模型编译模型优化optimize1 使用卷积神经网络optimize2 增加神经网络的层数输出结果结果
1.1K0
基于深度学习的人脸性别识别系统(含UI界面,Python代码)「建议收藏」
1.9K0
JDAI-Face | 新型人脸属性识别系统技术解析
2.8K0
基于PaddleOCR的多视角集装箱箱号检测识别
5850
教程详解 | 用 PaddleOCR 进行集装箱箱号检测识别
1.3K1
常见公开人脸数据集的获取和制作自定义人脸数据集
5.5K0
【深度学习项目二】卷积神经网络LeNet实现minst数字识别
4060
算力加速人脸识别技术发展:一文了解人脸识别开源库和数据集
9300
基于insightface实现的人脸识别和人脸注册
5.5K2
使用Keras和OpenCV实时预测年龄、性别和情绪 (详细步骤+源码)
1.9K0
相关推荐
有基础(Pytorch/TensorFlow基础)mxnet+gluon快速入门mxnet基本数据结构mxnet的数据载入网络搭建模型训练准确率计算模型保存与载入
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验