移动端 触屏滑动条菜单(完善版)

最新推荐文章于 2025-07-14 13:25:38 发布
转载 最新推荐文章于 2025-07-14 13:25:38 发布 · 109 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/surfaces/p/4560435.html 

 
 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=320,user-scalable=no" />

<title>菜单条</title>
</head>

<body>

<style style='display:none' contentEditable>
*{ margin:0; padding:0;}
ul,li{ margin:0; padding:0; list-style:none;}

#outer{ border:1px  solid red; width:300px; height:46px; margin:20px auto; text-align:center; vertical-align:middle; line-height:46px; position:relative; overflow:hidden; background:#eee;}
#outer:hover{ border-color:#333; cursor:pointer;}
#inner{ position:absolute; left:0; top:1px; height:44px; line-height:44px; width:300px; background:#666;  text-align:left; clear:both; overflow:hidden;}
#inner li{ width:auto; height:44px; float:left; display:inline; padding:0 15px; text-align:center;  }
#inner li:hover{ background:#333;}
#inner li a{font-size:14px; color:#fff; display:inline;width:auto; height:44px; line-height:44px; text-decoration:none;}
.translateZ{ -webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.classtest{ background:#333;}
</style>

<div id="outer">
    <ul id="inner" >
        <li><a href="">首页start</a></li>
        <li><a href="">美剧1</a></li>
        <li><a href="">电影1</a></li>
        <li><a href="">购物1</a></li>
        <li><a href="">时尚1</a></li>
        <li><a href="">新闻1</a></li>
        <li><a href="">其他1</a></li>
        <li><a href="">热点1</a></li>
        <li><a href="">电视1</a></li>
        <li><a href="">历史1</a></li>
         <li><a href="">首页2</a></li>
        <li><a href="">美剧2</a></li>
        <li><a href="">电影2</a></li>
        <li><a href="">购物2</a></li>
        <li><a href="">时尚2</a></li>
        <li><a href="">新闻2</a></li>
        <li><a href="">其他2</a></li>
        <li><a href="">热点2</a></li>
        <li><a href="">电视2</a></li>
        <li><a href="">结尾end</a></li>
    </ul>
</div>


touches：当前屏幕上所有手指的列表
targetTouches：当前dom元素上手指的列表，尽量使用这个代替touches
changedTouches：涉及当前事件的手指的列表，尽量使用这个代替touches
<script src="../js/jquery-1.9.1.min.js"></script>
<script>
window.onload=function(){
	
	   function getStyle(obj,attr){
       return obj.currentStyle? obj.currentStyle[attr]:getComputedStyle(obj,false)[attr];
       }
	   
	  var support = document.body.classList==undefined ? false : true ;
	  
	  var outer=document.getElementById("outer");
      var inner=document.getElementById("inner");
	  var li=inner.getElementsByTagName("li");
	  var innerWd=0,i=0;
	  for(;i<li.length;i++){
		   innerWd+=li[i].offsetWidth;
	  }
	  inner.style.width=innerWd+'px';
     
    
	  var startX=0;
	  var alls=0;
	  var moveLeft=0;
	  var iSpeedX = 0;
	  var prevX = 0;
	  var timer = null;
	  var resetStartX=true;
	  var maxDistance=parseInt(outer.offsetWidth-innerWd); //最大滑动距离
	  
	  inner.addEventListener("touchstart",start,false); 
	  function start(e){
		   if(inner.offsetWidth<outer.offsetWidth)return;//如果内部元素小于外框 不需要滑动

		   var e=e||window.event;
                   e.preventDefault();
		    var   touchs=e.touches[0],
               resetStartX=true;;
            //startX=prevX=touchs.pageX;
			   startX=touchs.pageX;
	           prevX=touchs.pageX;
			
		       alls=this.offsetLeft;
		 
	       inner.addEventListener("touchmove",move,false);
	       inner.addEventListener("touchend",end,false);
		  
	   }
	  
	   function move(e){
		 var e=e||window.event;
		 if (e.touches.length > 1 || e.scale && e.scale !== 1) return; // 当屏幕有多个touch或者页面被缩放过，就不执行move操作
		 var touchs=e.changedTouches[0];
		 
	       iSpeedX = touchs.pageX - prevX;//获取出手一瞬间的速度
		   prevX = touchs.pageX;//当前的始终覆盖上一个
		   moveLeft=touchs.pageX-startX;
		
		   var that=this;
		    
		   if(that.offsetLeft>=0){
			     if(resetStartX){
					 startX=touchs.pageX;
					 resetStartX=false;
					 }
			   that.style.left=moveLeft/3+alls+'px'; 
			   
			}else if(that.offsetLeft<=maxDistance){
				if(resetStartX){
					 startX=touchs.pageX;
					 resetStartX=false;
				  }
			   that.style.left=moveLeft/3+alls+'px';
			  
			}else{
			    that.style.left=moveLeft+alls+'px';	   
		    }
		   
		   //this.style.webkitTransform='translateZ(0)'; //移动时候  缓存到GPU层
		   that.classList.add('translateZ'); //classList 对已经增加的样式 不在判断是否添加  GPU缓存hack 
		   e.preventDefault();
	   }
	  
	   function end(){
		
		 var self=this;
		 clearInterval(timer);
		 
		 timer=setInterval(function(){
			    
				  if(Math.abs(iSpeedX)<=1||self.offsetLeft>50||self.offsetLeft<maxDistance-50){
					     clearInterval(timer);
							 //if(self.classList.contains('translateZ')){  //滚动停止 结束时候回收GPU 垃圾
//		                         // self.classList.remove('translateZ'); //不知道怎么删除这样样式  
//								 // self.setAttribute("class",'');
//		                       } 

                           if(self.offsetLeft>=0){
							  $(inner).animate({left:0},300,function(){
								  self.classList.remove('translateZ');   //移除PGU hack
								  }); 
						    } 
						   if(self.offsetLeft<maxDistance){   
						   $(inner).animate({left:maxDistance+'px'},300,function(){
							    self.classList.remove('translateZ');   //移除PGU hack
							    }); 
						   }
								    
				  }else{
			        iSpeedX *= 0.95;
					self.style.left = parseInt(self.offsetLeft + iSpeedX) + 'px';
				 }
			 },20);
		 
		
	    self.removeEventListener("touchmove",move,false);
	    self.removeEventListener("touchend",end,false); 
	    //self.style.webkitTransform=''; 	  
	  } 
	  
	 
}
	
</script>
</body>
</html>
 
 
 
 
优化滑动 setTimeout 相对减少时间计数
 
 
 
  
 function end(){
		
		 var self=this;
		 clearTimeout(timer);
		 
		 timer=setTimeout(function(){
			    
				  if(Math.abs(iSpeedX)<=1||self.offsetLeft>50||self.offsetLeft<maxDistance-50){
					     clearTimeout(timer);
							 //if(self.classList.contains('translateZ')){  //滚动停止 结束时候回收GPU 垃圾
//		                         // self.classList.remove('translateZ'); //不知道怎么删除这样样式  
//								 // self.setAttribute("class",'');
//		                       } 
                         

                           if(self.offsetLeft>=0){
							  $(inner).animate({left:0},300,function(){
								  self.classList.remove('translateZ');   //移除PGU hack
								  }); 
						    } 
						   if(self.offsetLeft<maxDistance){   
						   $(inner).animate({left:maxDistance+'px'},300,function(){
							    self.classList.remove('translateZ');   //移除PGU hack
							    }); 
						   }
								    
				  }else{
			        iSpeedX *= 0.95;
					self.style.left = parseInt(self.offsetLeft + iSpeedX) + 'px';
						console.log('setTimeoutsss');
					setTimeout(arguments.callee,16)
				 }
			 },16);
		 
		
	    self.removeEventListener("touchmove",move,false);
	    self.removeEventListener("touchend",end,false); 
	    //self.style.webkitTransform=''; 	  
	  } 
	  

 
 
 
 
　　
 
 
优化滑动  requestAnimationFrame 大幅减少时间计数
 
 
 
 
 
 
  
       function end(){
        
         var self=this,
         stopFlag=null;
          
               function  sliderMove(){ 
                  if(Math.abs(iSpeedX)<=1||self.offsetLeft>50||self.offsetLeft<maxDistance-50){
                          
                           if(self.offsetLeft>=0){
                              $(inner).animate({left:0},300,function(){
                                  self.classList.remove('translateZ');   //移除PGU hack
                                  }); 
                            } 
                           if(self.offsetLeft<maxDistance){   
                           $(inner).animate({left:maxDistance+'px'},300,function(){
                                self.classList.remove('translateZ');   //移除PGU hack
                                }); 
                           }
                            window.cancelAnimationFrame(stopFlag);//可以取消该次动画
                            stopFlag=null;
                            sliderMove=null;  //清空对象
                          console.log('requestAnimationFramessss'+sliderMove);
                                    
                  }else{
                    iSpeedX *= 0.95;
                     self.style.left = parseInt(self.offsetLeft + iSpeedX) + 'px';
                    console.log('滑动时候requestAnimationFrame次数');
                    stopFlag=requestAnimationFrame(arguments.callee);
                 }
               }
         sliderMove();
        
        self.removeEventListener("touchmove",move,false);
        self.removeEventListener("touchend",end,false); 
        //self.style.webkitTransform='';       
      } 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
requestAnimationFrame兼容处理：
 
 
 
  
;(function() {
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit', 'o'];
    for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
        window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
        window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] || window[vendors[x] + 'CancelRequestAnimationFrame'];
    }
    if (!window.requestAnimationFrame) window.requestAnimationFrame = function(callback, element) {
        var currTime = new Date().getTime();
        var timeToCall = Math.max(0, 16 - (currTime - lastTime));
        var id = window.setTimeout(function() {
            callback(currTime + timeToCall);
        }, timeToCall);
        lastTime = currTime + timeToCall;
        return id;
    };
    if (!window.cancelAnimationFrame) window.cancelAnimationFrame = function(id) {
        clearTimeout(id);
    };
}());



// requestAnimationFrame polyfill by Erik Möller.
// Fixes from Paul Irish, Tino Zijdel, Andrew Mao, Klemen Slavič, Darius Bacon
// MIT license
if (!Date.now)
  Date.now = function() { return new Date().getTime(); };
(function() {
  'use strict';
  var vendors = ['webkit', 'moz'];
  for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
    var vp = vendors[i];
    window.requestAnimationFrame = window[vp+'RequestAnimationFrame'];
    window.cancelAnimationFrame = (window[vp+'CancelAnimationFrame']
                   || window[vp+'CancelRequestAnimationFrame']);
  }
  if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) // iOS6 is buggy
    || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
    var lastTime = 0;
    window.requestAnimationFrame = function(callback) {
      var now = Date.now();
      var nextTime = Math.max(lastTime + 16, now);
      return setTimeout(function() { callback(lastTime = nextTime); },
                nextTime - now);
    };
    window.cancelAnimationFrame = clearTimeout;
  }
}());

 
 
 
 
　　
 
 
其他问题 用户误触, css3持续时间  translate位移性能， touchmove 以及快速滑动 gpu的 合理调度
 
 
 
  
  
	 $(document).ready(function(e) {
        
   
	   function getStyle(obj,attr){
       return obj.currentStyle? obj.currentStyle[attr]:getComputedStyle(obj,false)[attr];
       }
	   
	  var support = document.body.classList==undefined ? false : true ;
	  
	  var outer=document.getElementById("outer");
      var inner=document.getElementById("inner");
	  var li=inner.getElementsByTagName("li");
	  var innerWd=0,i=0;
	  for(;i<li.length;i++){
		   innerWd+=li[i].offsetWidth;
	  }
	  inner.style.width=innerWd+'px';
     
    
	  var startX=0;
	  var alls=0;
	  var moveLeft=0;
	  var iSpeedX = 0;
	  var prevX = 0;
	  var timer = null;
	  var resetStartX=true;
	  var maxDistance=parseInt(outer.offsetWidth-innerWd); //最大滑动距离
	  var stopFlag=null;
	  
	  inner.addEventListener("touchstart",start,false); 
	  function start(e){
		   if(inner.offsetWidth<outer.offsetWidth)return;//如果内部元素小于外框 不需要滑动

		   var e=e||window.event;
		    e.preventDefault();
		      var touchs=e.touches[0];
               resetStartX=true;;
            //startX=prevX=touchs.pageX;
			   startX=touchs.pageX;
	           prevX=touchs.pageX;
			
		       alls=this.offsetLeft;
		  
		   inner.classList.add('translateZ'); //classList 对已经增加的样式 不在判断是否添加  GPU缓存hack 
		    
	       inner.addEventListener("touchmove",move,false);
	       inner.addEventListener("touchend",end,false);
		  
	   }
	  
	   function move(e){
		 var e=e||window.event;
		 e.preventDefault();
		 if (e.touches.length > 1 || e.scale && e.scale !== 1) return; // 当屏幕有多个touch或者页面被缩放过，就不执行move操作
		 var touchs=e.changedTouches[0];
		 
	       iSpeedX = touchs.pageX - prevX;//获取出手一瞬间的速度
		   prevX = touchs.pageX;//当前的始终覆盖上一个
		   moveLeft=touchs.pageX-startX;
		
		   var that=this;
		    
		   if(that.offsetLeft>=0){
			     if(resetStartX){
					 startX=touchs.pageX;
					 resetStartX=false;
					 }
					 
					 var  topNum=(touchs.pageX - startX)/3;
			         that.style.left =topNum  + 'px';
			 
			   
			}else if(that.offsetLeft<=maxDistance){
				if(resetStartX){
					 startX=touchs.pageX;
					 resetStartX=false;
				  }
			       
				    var midNum= (touchs.pageX - startX)/3 + (maxDistance);
			      that.style.left = midNum+ 'px';
			  
			}else{
				
				  var botNum=touchs.pageX - startX + alls;
				 that.style.left =botNum  + 'px';    
		    }
		   
		   //this.style.webkitTransform='translateZ(0)'; //移动时候  缓存到GPU层
		  
		  
	   }
	  
	  
	
	   function end(e){
		 var e=e||window.event;
		 e.preventDefault();
		 var self=this;
		   var touchs=e.changedTouches[0];
	     var minDis= touchs.pageX-startX;
		  
			   function  sliderMove(){ 
				  if(Math.abs(iSpeedX)<=1||self.offsetLeft>50||self.offsetLeft<maxDistance-50){
						  
                           if(self.offsetLeft>=0){
							   console.log('llllllllllllllll');
							  $(inner).animate({left:0},300,function(){
								  self.classList.remove('translateZ');   //移除PGU hack
								  }); 
						    } 
						   if(self.offsetLeft<maxDistance){   
						   $(inner).animate({left:maxDistance+'px'},300,function(){
							    self.classList.remove('translateZ');   //移除PGU hack
							    }); 
						   }
						    window.cancelAnimationFrame(stopFlag);//可以取消该次动画
							stopFlag=null;
							sliderMove=null;  //清空对象
						  console.log('requestAnimationFramessss'+sliderMove);
								    
				  }else{
			        iSpeedX *= 0.95;
					 self.style.left = parseInt(self.offsetLeft + iSpeedX) + 'px';
					console.log('滑动时候requestAnimationFrame次数');
					stopFlag=requestAnimationFrame(arguments.callee);
				 }
			   }
			   
			   if(Math.abs(minDis)>5) { //减少tap时候 bug  有时候轻轻一碰带来的问题 用户事项tap 时候
		    sliderMove();
			}
		
	
	    self.removeEventListener("touchmove",move,false);
	    self.removeEventListener("touchend",end,false); 
	    //self.style.webkitTransform=''; 	  
		
	  } 
	  
	 
//}
 });

 
 
 
 
　　
 
 


 
 
本文地址：http://www.cnblogs.com/surfaces/
 
 

 

转载于:https://www.cnblogs.com/surfaces/p/4560435.html

                

        




    

    
  



    



                



	

		

			

				
					
table 手机 滑动_Jquery移动端触屏左右滑动

				
			

			

				

					weixin_39955355的博客
				

				

					12-21
					
					803
					
				

			

		

		

			
				
把相关代码粘出来了—欢迎来copy~~index.htmljquery移动端触屏左右滑动导航代码演示_大头网demo示例一全部科目会计从业会计职称注会税务师国际证书更多更多注会国际证书2更多4更多5demo示例二全部科目会计从业会计职称注会税务师国际证书更多更多注会国际证书2更多4更多5demo示例三全部科目会计从业会计职称注会税务师国际证书更多更多注会国际证书2大头网更多5demo示例四全部科目...

			
		

	



                

            
              



	

		

			

				
					
jq移动端评分左右滑动效果

				
			

			

				

					weixin_47826037的博客
				

				

					06-18
					
					677
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="layout" content="main">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content=.

			
		

	



              


  
              

                


	

		

			

				
					
ios 顶部tab滑动实现_手机网站顶部滑动菜单栏，原来实现很简单

				
			

			

				

					weixin_42363388的博客
				

				

					01-02
					
					664
					
				

			

		

		

			
				
现在是移动互联网时代，我们也得跟上时代的潮流，传统的pc网站慢慢转型，开始转成wap网站，并且pc的排版布局结构也不在适用于手机上例如最直观的一个感受就是菜单，我们平时在使用网页的时候，很明显的感觉到这个网页菜单变得不一样，那么这一期给大家带来的干货是顶部菜单滑动效果直接上代码演示顶部菜单滑动效果分享 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,for...

			
		

	





	

		

			

				
					
移动端双指缩放事件(原生)，e.originalEvent.touches

				
			

			

				

					beichen3997的博客
				

				

					05-08
					
					1446
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>双指缩放事件</title>
</head>
<body>
 <div class="full-bgimg">

 </div>...

			
		

	



		

			
		



	

		

			

				
					
移动端 触屏滑动条菜单(完善版 转)

				
			

			

				

					weixin_34000916的博客
				

				

					12-03
					
					342
					
				

			

		

		

			
				
移动端 触屏滑动条菜单(完善版)









1


















1

















1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24...

			
		

	





	

		

			

				
					
移动端滑动Tab菜单：响应式设计与内容级联滑动

				
			

			

				

					weixin_34581040的博客
				

				

					07-14
					
					303
					
				

			

		

		

			
				
htmltable {th, td {th {pre {简介：移动端滑动Tab菜单的设计优化了用户在小屏幕上的浏览体验，支持水平滑动切换tab，自适应高度，以及当tab超出屏幕宽度时的自动滑动功能。此设计涉及到响应式布局、自适应高度、水平滑动、级联内容滑动、无限滚动、性能优化、触摸友好性和无障碍性等关键技术点。详细讲解这些设计模式的实现，以提升移动应用的用户界面体验和交互效果。

			
		

	





	

		

			

				
					
移动端  微信 网易  触屏滑动回弹菜单(css版)

				
			

			

				

					weixin_30853329的博客
				

				

					03-01
					
					196
					
				

			

		

		

			
				
总结一下：
 有点：网易新闻，微信 热文 都是-webkit-overflow-scrolling: touch;实现，css实现，轻巧；
 bug： 部分安卓浏览器（uc，自带） 只支持持续滑动，不支持回弹，
      iphone垂直滑动 第一次不能完全持续滑动到底部；总体不影响使用；
      偶尔低端的手机会卡，适...

			
		

	





	

		

			

				
					
移动端左右滑动切换页面效果(纯-JavaScript)

				
			

			

				

					QTXLY的博客
				

				

					11-23
					
					2933
					
				

			

		

		

			
				
移动端：左右滑动切换页面效果

			
		

	





	

		

			

				
					
html5 手机导航栏左右滑动效果,js实现移动端导航点击自动滑动效果

				
			

			

				

					weixin_36237054的博客
				

				

					06-04
					
					2934
					
				

			

		

		

			
				
本文实例为大家分享了js实现移动端导航点击滑动效果的具体代码，供大家参考，具体内容如下移动端模拟导航可点击自动滑动 0.1.4。导航可左右滑动，可点击边缘的一个，自动滚动下一个到可视范围【依赖于iscroll.js】。废话不多说直接上代码：/** 移动端模拟导航可点击自动滑动 0.1.4* Date: 2017-01-11* by: xiewei* 导航可左右滑动，可点击边缘的一个，自动滚动下一个...

			
		

	





	

		

			

				
					
移动端滑动选择插件

				
			

			

				

					05-05
				

			

		

		

			
				
1. **单列选择**：这是最基础的模式，用户只需在一个滑动条上选择一个选项。例如，用于选择年份或者月份。  2. **双列选择**：在某些情况下，用户需要在两个维度上进行选择，如选择日期时，需要分别选择年和月。双列...

			
		

	





	

		

			

				
					
基于JavaScript实现移动端TAB触屏切换效果

				
			

			

				

					10-23
				

			

		

		

			
				
我们使用移动端时可以通过触屏手势左右滑动来切换TAB栏目，如网易新闻等APP栏目切换。我们说的TAB一般由导航条和TAB对应的内容组成，切换导航条上的标签同时标签对应的内容也会跟着切换。本文将结合实例给大家介绍一...

			
		

	





	

		

			

				
					
js左右两侧滑动展开菜单代码

				
			

			

				

					06-24
				

			

		

		

			
				
侧边栏菜单通常通过JavaScript来控制，它监听用户的触摸或鼠标事件，当用户触发指定的交互（如点击按钮或滑动屏幕）时，菜单会从屏幕左侧或右侧滑入或滑出。这种效果可以通过CSS3的transition和transform属性配合...

			
		

	





	

		

			

				
					
根据虹软实现的 人脸检测、追踪、识别、年龄检测、性别检测 的JAVA解决方案

				
			

			

				

					09-11
				

			

		

		

			
				
打开下面链接，直接免费下载资源：
https://renmaiwang.cn/s/vxfyv
(最新版、最全版本)根据虹软实现的 人脸检测、追踪、识别、年龄检测、性别检测 的JAVA解决方案

			
		

	





	

		

			

				
					
matlab YALMIP、GLPK安装资源

				
			

			

				

					09-11
				

			

		

		

			
				
matlab的YALMIP、GLPK安装包，内置YALMIP、GLPK，直接将分别其添加到matlab的toolbox、路径中即可（matlab主页-设置路径-添加并包含子文件夹-YALMIP；matlab主页-设置路径-添加文件夹-github_repo）

			
		

	





	

		

			

				
					
【scratch3.0少儿编程-游戏原型-动画-项目源码】打砖块.zip

				
			

			

				

					09-11
				

			

		

		

			
				
资源说明：
1：本资料仅用作交流学习参考，请切勿用于商业用途。
2：一套精品实用scratch3.0少儿编程游戏、动画源码资源，无论是入门练手还是项目复用都超实用，省去重复开发时间，让开发少走弯路！
更多精品资源请访问 https://blog.youkuaiyun.com/ashyyyy/article/details/146464041

			
		

	





	

		

			

				
					
使用 OpenCV 技术实现人脸检测的方法与过程

				
			

			

				

					09-11
				

			

		

		

			
				
打开下面链接，直接免费下载资源：
https://renmaiwang.cn/s/o7o7f
运用 OpenCV 这一计算机视觉库来开展人脸检测相关的操作

			
		

	





	

		

			

				
					
随你记微信小程序_专为学生群体设计的便捷收支管理工具_提供快速记录日常开销与收入的功能_支持多维度数据可视化分析_帮助用户清晰掌握个人财务状况_培养理性消费习惯_无需下载安装即用即.zip

					
最新发布

				
			

			

				

					09-11
				

			

		

		

			
				
随你记微信小程序_专为学生群体设计的便捷收支管理工具_提供快速记录日常开销与收入的功能_支持多维度数据可视化分析_帮助用户清晰掌握个人财务状况_培养理性消费习惯_无需下载安装即用即.zip

			
		

	





	

		

			

				
					
一个基于PyQt5的实时人脸识别系统，使用MTCNN进行人脸检测和FaceNet进行人脸特征提取，支持人脸注册、识别和管理功能

				
			

			

				

					09-11
				

			

		

		

			
				
打开下面链接，直接免费下载资源：
https://renmaiwang.cn/s/2u8a8
(最新版、最全版本)一个基于PyQt5的实时人脸识别系统，使用MTCNN进行人脸检测和FaceNet进行人脸特征提取，支持人脸注册、识别和管理功能。

			
		

	





	

		

			

				
					
运用 opencv 与 tensorflow 实现实时人脸检测的方法

				
			

			

				

					09-11
				

			

		

		

			
				
打开下面链接，直接免费下载资源：
https://renmaiwang.cn/s/sxvdc
运用 opencv 与 tensorflow 这两种工具来开展实时性的人脸检测工作

			
		

	





	

		

			

				
					
移动端jQuery垂直分类菜单导航实现

				
			

			

				

					
				

			

		

		

			
				
jQuery Mobile 是 jQuery 在移动端的扩展，它是基于 jQuery 的一个框架，专为触摸屏友好的移动设备而设计。jQuery Mobile 包含了一套完整的 UI 组件和交互式小部件，可以帮助开发者快速构建美观且功能丰富的移动应用...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值