移动端 触屏轮播图（完善版）

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=320,user-scalable=no" />



<title>ios 轮播图简版</title>

<style>

*{ margin:0; padding:0;}

ul,li{margin:0; padding:0;list-style:none;}



#outer{ width:800px; height:440px; margin:10px auto 0; position:relative; overflow:hidden; border:1px solid #666; background:#999;}

#inner{  position:absolute; left:0; top:1px; }

#inner li{ width:800px; height:448px; float:left;  overflow:hidden;}

#inner li img{width:800px; height:438px; }

#selects{ position:absolute; bottom:20px; right:50px;  z-index:666;}

#selects span{ float:left; padding:5px; background:#fff; margin-right:5px; border-radius:50%;}

#selects  .on{background:red;}

.translateZ{ -webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}

</style>

</head>



<body>

<div id="outer">

	<ul id="inner">

    	<li><a href="https://www.qq.com"   target="_blank">  <img src="../../images/love5.jpg"></a></li>

        <li><a href="https://www.baidu.com" target="_blank"><img src="../../images/love4.jpg"/></a></li>

        <li><a href="https://www.sina.com" target="_blank"><img src="../../images/love3.jpg"/></a></li>

        <li><a href="https://www.163.com"  target="_blank">  <img src="../../images/106442464.jpg"/></a></li>

        <li><a data-href="http://www.baidu.com" ontouchmove="this.s=1;" ontouchend="this.s||window.open(this.dataset.href);this.s=0"> <img src="../../images/love1.jpg"/></a></li>

    </ul>

    <div id="selects"><span class="on"></span><span></span><span></span><span></span><span></span></div>

</div>

<!--<script src="mov3.js"></script>-->

<script src="../../js/jquery-1.9.1.min.js"></script>

<script>



  function getStyle(obj,attr){

        return  obj.currentStyle? obj.currentStyle[attr]: getComputedStyle(obj,false)[attr];    

   }





window.onload = function(){

	var outer = document.getElementById('outer');

	var inner = document.getElementById('inner');

	var aLi = inner.getElementsByTagName('li');

	var w = parseInt(aLi[0].offsetWidth);

	var innerWid=inner.style.width = aLi.length * w + 'px';

	var iNow=0;

	var startX = 0;

	var downLeft = 0;

	var bBtn=true;

	var startTime=0

	var maxDiatance=parseInt(w)-parseInt(innerWid);

	var nowLeft=0;

	

	//document.ontouchmove = function(e){

		//e.preventDefault();

	//};

	

	inner.addEventListener("touchstart",function(e){

		var self=this;

		var e=e||window.event;

		var touchs = e.changedTouches[0]; //手指头的一个

		startX = touchs.pageX||touchs.clientX;

	    downLeft= parseInt(getStyle(self,'left')); //获取的是21px 带单位的  		//downLeft = this.offsetLeft;     this.offsetLeft获取不到border 以及padding

		var isMoveScale=false;

		

		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];

				   startTime=+new Date; // startTime=Date.now();//html5

			       nowLeft=parseInt((touchs.pageX-startX)),

			       self=this;

				self.classList.add('translateZ');   

			   if(downLeft>=0){//如果从左侧向右到尽头  增加阻力

			           if(isMoveScale){//修复跳跃问题 重置被缩小的 startX

							startX = touchs.pageX||touchs.clientX;

							isMoveScale=false;

						}

				        self.style.left=nowLeft/5+'px';

						

				  }else if(downLeft<= maxDiatance){   //增加阻力

				        if(isMoveScale){//修复跳跃问题 重置被缩小的 startX

							startX = touchs.pageX||touchs.clientX;

							isMoveScale=false;

						}

				        self.style.left=parseInt(nowLeft/5)+maxDiatance+'px';

						

				  }else { 

				        self.style.left=nowLeft+downLeft+'px';	   

			   }

			e.preventDefault();  

		 }

		

		

		function end(e){

		    var e=e||window.event,

			 touchs = e.changedTouches[0],

			 self=this,

		     aboveY=parseInt(self.style.left);

			 

			  if(aboveY>0){

                       $(inner).animate({left:0},200,function(){

							    self.classList.remove('translateZ'); //移除 GPU hack

							    });  

                    }

			  if(aboveY<0&&aboveY<maxDiatance){

                        $(inner).animate({left:maxDiatance+'px'},200,function(){

							    self.classList.remove('translateZ');  //移除 GPU hack

							    }); 

                    }   

			var toLeft=touchs.pageX||touchs.clientX;

			if(toLeft<startX){//右侧往左边滑动  滑动距离大于一定 或者 滑动时间小于250毫秒

			    if(iNow!=aLi.length-1){

					

					if(Math.abs(nowLeft)>parseInt(w/3)||+new Date-startTime<200&&Math.abs(nowLeft)>30){

			        iNow++;

					//document.title='滑动了'+nowLeft+'/'+w/3+(nowLeft>w/3);

					}

					$(inner).stop(true,false).animate({left:-iNow*w+'px'},400);

				}

				}else{ //左边往右侧滑动

				 if(iNow!=0){

					if(Math.abs(nowLeft)>parseInt(w/3)||+new Date-startTime<200&&Math.abs(nowLeft)>30){

			        iNow--;

					}



				   $(inner).stop(true,false).animate({left:-iNow*w+'px'},400);

				}

			}	

			

			//小圆点样式

			var selects=document.getElementById("selects"),

			    spans=selects.getElementsByTagName("span"),

			     i=0;

			for(;i<spans.length;i++){

			  	spans[i].className='';

			}

			spans[iNow].className='on';

			

			

			self.removeEventListener("touchmove",move,false);

			self.removeEventListener("touchend",end,false);	

		   

		  };		

		

	 });// touchstart end

		

		

		

	

	

};

</script>

</body>

</html>

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

你可能感兴趣的:(移动端)

  • vue面试题 阡陌路人 前端面试题vue
    一、mvc与mvvm的区别俩者都为开发架构，，后端用的比较多的是mvc，前端则是mvvm，移动端俩者都有。MVC是包括view视图层、controller控制层、model数据层。各部分之间的通信都是单向的。适合大型项目。MVVM包括view视图层、model数据层、viewmodel层。各部分通信都是双向的。适合小型项目。二、vue的事件修饰符.stop阻止冒泡，由内到外.prevent阻止默认
  • 「基于大模型的智能客服系统」语义理解、上下文记忆与反馈机制设计 网罗开发 AI大模型人工智能人工智能职场和发展
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 微信小程序教程012：全局配置：tabBar 叁拾舞 微信小程序完整教程微信小程序notepad++小程序
    文章目录2、tabBar2.1什么是tabBar2.2tabBar的6个组成部分2.3tabBar的节点配置项2.4每个tab项的配置选项2、tabBar2.1什么是tabBartabBar是移动端应用常见的页面效果，用于实现多页面的快速切换。小程序中通常将其分为：底部tabBar顶部tabBar注意tabBar中只能配置最少2个、最多5个tab页签；当渲染顶部tabBar时，不显示icon，只显
  • 爬虫的精准识别：基于 User-Agent 的正则实现 伏羲栈 Java爬虫正则表达式javajavascript
    博主简介：CSDN博客专家，历代文学网（PC端可以访问：https://literature.sinhy.com/#/?__c=1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编程，高并发设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，热衷于探索科技的边界，并将理论知识转化为实际应用。保持对新技术的好奇心，乐于分
  • 《Ionic Checkbox：深入解析与使用指南》 lsx202406 开发语言
    《IonicCheckbox：深入解析与使用指南》引言在移动应用开发中，用户界面的友好性和易用性至关重要。IonicFramework作为一款流行的开源移动端UI框架，提供了丰富的组件库，其中ionic-checkbox组件是其中之一。本文将深入解析ionic-checkbox的使用方法、特点以及在实际项目中的应用，帮助开发者更好地掌握这一组件。1.ionic-checkbox简介ionic-ch
  • 第三章：组件开发实战 - 第五节 - Tailwind CSS 响应式导航栏实现
    导航栏是几乎所有网站都必备的组件，一个好的响应式导航栏需要在不同设备上都能提供出色的用户体验。本节将介绍如何使用TailwindCSS实现功能完善的响应式导航栏。基础导航栏结构桌面端导航首页产品关于联系我们登录注册移动端菜单按钮打开主菜单移动端菜单面板首页产品关于联系我们登录注册交互功能实现菜单切换功能functionsetupMobileMenu(){constbutton=document.q
  • 【无标题】DeepSeek是可对接那些端口 李鲶鱼 pythonc++人工智能
    DeepSeek是一个强大的AI模型，可以应用于多个端口，为各种场景提供智能解决方案。移动端应用智能手机助手：DeepSeek集成到手机助手中，提供智能对话、文本写作、语言翻译等功能。例如，华为的小艺助手和荣耀的YOYO智能体通过接入DeepSeek，提升了对话流畅度和知识库的时效性。虚拟主播：利用DeepSeek生成虚拟主播，进行24小时优质播报。桌面端应用智能客服：在医院的官方公众号中接入De
  • 测试江湖：为什么大多数人宁愿吃生活的苦，也不愿意吃学习的苦 爱吃 香菜 软件测试自动化测试职场经验学习软件测试自动化测试测试工具职场经验程序员功能测试
    面试求职：「面试试题小程序」，内容涵盖测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试，命中率杠杠的。（大家刷起来…）职场经验干货：软件测试工程师简历上如何编写个人信息（一周8个面试）软件测试工程师简历上如何编写专业技能（一周8个面试）软件测
  • 物联网设备接入系统后如何查看硬件实时数据? 动亦定 物联网java物联网
    要在软件中实时查看硬件设备的信息，通常需要结合前后端技术来实现。以下是设计思路和实现步骤：1.系统架构设计实时查看硬件设备信息的系统通常采用以下架构：数据采集层:硬件设备通过传感器采集数据，发送到InfluxDB。数据存储层:InfluxDB存储设备的历史和实时数据。后端服务层:提供API接口，从InfluxDB查询数据并返回给前端。前端展示层:通过Web界面或移动端实时展示设备信息。实时通信层:
  • 「MySQL 数据库优化」降低存储与查询成本的最佳实践 网罗开发 python集终端集数据库mysql
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • YOLOv7-Tiny：轻量化实时目标检测的革新实践 追寻向上 YOLO目标检测人工智能
    一、模型定位与核心优势YOLOv7-Tiny作为YOLOv7系列的轻量级版本，专为边缘计算设备和实时检测场景设计。相比标准YOLOv7，其参数量减少约60%（仅6.02M），计算量降至13.2GFLOPs，在保持较高检测精度的同时，推理速度提升至68FPS（NVIDIAV100）。该模型适用于无人机、嵌入式设备、移动端等资源受限场景，在实时性与精度之间实现了极佳平衡。二、模型架构创新主干网络优化深
  • 如何在移动端优化ALU，降低手机发热和功耗 高级TA必看指数★★★★☆ 熊猫悟道 unityshader材质着色器unity游戏引擎
    最近工作中，未了进一步提升美术渲染效果，不得已我们需要从数学的角度优化我们的图形渲染，减少不必要的ALU和MUL，从而提升运行效率。提供更多的渲染效果支持。当然，虽然我们游戏现在发热已经控制的比较完美了，但是我们还能从硬件级优化。接下来就是我这段时间用了半斤头发研究出来的方案。绝对干货，优化图形这块照搬即可。总结一下，可能的优化步骤包括：减少复杂数学运算，使用近似或预计算。优化向量化运算，利用SI
  • 鸿蒙跨平台框架ArkUI-X 搜狐技术产品小编2023 harmonyos华为
    01引言目前，移动端主流跨平台方案有Flutter、ReactNative、uni-app等等，还有刚推出不久的Compose-Multiplatform，真所谓是百花齐放。这些框架各有特点，技术实现各有差异，比如Flutter通过Dart编写的UI描述对接Flutter渲染引擎，ReactNative则是借助大前端成熟的发展背景，利用JS引擎生成UI描述，渲染时转化为原生控件，复用了原生渲染能力
  • 从零用java实现 小红书 springboot vue uniapp （2）主页优化 顽疲 java仿写小红书javaspringbootvue.js
    前言移动端演示http://8.146.211.120:8081/#/前面的文章我们基本完成了主页的布局今天我们具体的去进行实现并且分享我开发时遇到的问题首先先看效果java仿小红书主页实现效果为1.顶端全屏切换2.上划加载更多3.下拉当前页整体刷新顶端全屏切换我们选择gui-switch-navigation结合swiperswiper-item进行实现关键代码.................
  • 如何禁用移动端页面的多点触控和手势缩放 几度泥的菜花 javascript前端
    在移动端开发中，有时我们需要禁用页面的多点触控和手势缩放功能，以确保页面的交互体验更加可控。本文将介绍如何通过JavaScript和CSS实现这一功能。1.禁用多点触控在移动设备上，多点触控通常用于缩放页面或执行其他手势操作。如果我们希望禁用多点触控，可以通过监听touchstart事件来实现。document.addEventListener('touchstart',function(even
  • 怎么在Vue3项目中引入Vant组件库并使用？ 小陆不会敲代码 Vuejavascript前端学习前端框架vue.js
    文章目录前言一、项目中使用步骤1.安装：2.样式的导入（2种方法）2.1main.ts全局导入（平常自己的项目用的这个全局）2.2按需引入组件样式(简单介绍一下)1.安装插件2.配置插件3.组件按需使用：App.vue总结前言在Vue3项目中，Vant是一个轻量、可靠的移动端Vue组件库，它基于Vue3开发，提供了一套丰富的UI组件，非常适合用于构建移动端的应用。以下是如何在Vue3项目中引入和使
  • Vue-Vant YY小怪兽 Vue常用框架vue.js前端javascript
    详情可见1.什么是Vant?在使用MintUI的过程中发现有很多的坑,所以个人不推荐在移动端中选择MintUIVant是有赞前端开发团队又推出的一款基于Vue的移动端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装,进行了美化,让我们能够专注于业务逻辑而不是UI界面2.Vant使用https://youzan.github.io/vant/#/zh-CN/intro（1）通过
  • Vue-vant的使用 MissXu666 工作沉淀vue.js
    Vant是赞前端团队维护的移动端组件库，提供了一整套UI基础组件和业务组件。可以快速搭建电商网站,一下是使用方法:第一步:通过npm安装npmivant-S第二步:安装babel插件npmibabel-plugin-import-D第三步:在babel.config.js文件中添加如下设置plugins:[['import',{libraryName:'vant',libraryDirectory
  • 前端充电 - 移动端 - 小程序登录、跳转/嵌入H5页面 abigale03 前端小程序
    【APP/小程序嵌入H5页面】https://www.bilibili.com/video/BV1PE421A7Pt?spm_id_from=333.788.videopod.sections&vd_source=c919d6976fd77ac77f9860cf2e7e0e11背景产品APP：安卓端，ios端和小程序端。产品要做一个活动页，需要在3个端侧把活动页展示出来。但活动有效期只有3天。可供
  • 移动WEB开发流式布局 Lindsay_Jie 移动端学习笔记前端
    目录一.移动端基础二.视口三.二倍图四.移动端开发选择五.移动端技术解决方案六.移动端开发之流式布局（百分比布局）七.移动端开发之flex布局八.rem单位九.媒体查询（@media）一.移动端基础1.常见移动端屏幕尺寸：数据参照MaterialDesign2.调试方式：利用chrome浏览器模拟手机浏览器进行调试。二.视口视口（viewport）是浏览器显示页面内容的屏幕区域，视口可以分为布局视
  • iOS：如何使用OpenVC库计算照片相似度 zzialx ioscocoamacos
    图像格式转换使用UIImage到cv::Mat的转换时，注意通道顺序（iOS使用BGRA格式）。性能优化对于移动端，可降低HOG参数复杂度（如减少方向数）。使用@autoreleasepool管理内存。动态阈值建议根据实际数据集通过ROC曲线确定最佳阈值。错误处理增加对空图像、无轮廓等异常情况的检查。**关键步骤：**1.引入OpenCV库2.涉及C++，需要将.m文件更新为.mm文件#pragm
  • 基于AI大模型api实现的ChatGPT服务 大牛撸码 人工智能chatgpt
    项目简介该项目基于AI大模型api实现的自建后端Chat服务，支出同步响应及流式响应，完美呈现打印机效果。支持一键切换ChatGPT(3.5、4.0)模型、文心一言(支持Stable-Diffusion-XL作图)、通义千问、讯飞星火、智谱清言(ChatGLM)等主流模型，后续模型持续对接中。项目包含java服务端、网页端、移动端及管理后台配置。基于AI大模型api实现的ChatGPT服务，支持一
  • 安卓录屏神器-AZ Screen Recorder‌ zhslhm 工具分享屏幕录制录屏神器
    ‌AZScreenRecorder‌是一款专注于移动端屏幕录制的工具，支持安卓系统，适用于游戏直播、教学演示、操作教程等场景。其核心功能包括高清录屏、多音源同步、实时标注等，无需Root权限即可运行。（文末有下载链接）一、核心特点‌多场景适配‌支持全屏录制、自定义区域录制及分屏录制，适配游戏、应用操作、在线课程等需求‌。提供前置摄像头叠加功能，可同时录制屏幕画面和真人讲解，增强视频互动性‌。‌高兼
  • 影刀 RPA 实战开发阶段总结 微刻时光 RPA加油站rpa影刀实战低代码人工智能python自动化语言模型
    目录1.影刀RPA官方教程的重要性1.1系统全面的知识体系1.2权威准确的技术指导1.3贴合实际的案例教学1.4高效的学习方法引导2.官方视频教程与实战2.1官方视频教程：奠定坚实基础2.2实战：拓展应用视野3.往期实战博文导航3.1初级实战3.2中级实战3.3拼多多移动端实战实战4最后欢迎关注，收藏，谢谢大家！预告：淘宝移动端商品价格信息采集实战1.影刀RPA官方教程的重要性1.1系统全面的知识
  • uniapp开发踩坑兼容问题【第一弹！！】，血泪史o(╥﹏╥)o，一次学习终生避雷！！！ 庸俗今天不摸鱼 uni-app学习
    1.移动端适配与兼容性问题1）newDate（）在IOS上出现值为NAN的问题但在IOS下，这是使用获取到的值是NAN。原因：因为IOS下的newDate()不支持"-“这个字符解决方法：把”-“改成‘”/"就可以了newDate("2017-08-1112:00:00".replace(/-/g,"/"));2)Android部分机型使用height和line-height等值设置垂直居中，但会
  • Vue3移动端的路由动态缓存之keep-alive的使用 梦凡尘 vuejavascript前端vue.js
    我所碰到的问题是，从不同路由跳转至同一路由时动态更改该目标路由所绑定的组件的缓存状态在app.vue文件中添加下列代码letstore=useStore();letkeepAliveList=computed(()=>store.state.keepAliveList);这里默认大家已经掌握了全局路由守卫和vuex或者pinia全局状态管理的用法。其中store中的keepAliveList中保存
  • 【Swift 算法实战】判断数组中是否存在重复元素 网罗开发 Swiftvue.jsleetcode算法
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • 深度解析大模型蒸馏方法：原理、差异与案例 赵大仁 AI人工智能大语言模型人工智能
    深度解析大模型蒸馏方法：原理、差异与案例1.引言随着深度学习的飞速发展，大模型（LargeModels）如GPT、BERT、ViT逐渐成为AI领域的主流。然而，这些模型通常参数量庞大，计算开销极高，不适用于移动端或低算力环境。因此，模型蒸馏（KnowledgeDistillation,KD）作为一种模型压缩技术，成为高效部署大模型的重要手段。在本篇文章中，我们将深入探讨不同类型的模型蒸馏方法，并通
  • 鸿蒙5.0实战案例：基于Search组件实现搜索栏 敢嗣先锋 鸿蒙开发HarmonyOS移动开发harmonyos鸿蒙开发移动开发组件化ArkUISearch页面布局
    往期推文全新看点（文中附带全新鸿蒙5.0全栈学习笔录）✏️鸿蒙（HarmonyOS）北向开发知识点记录~✏️鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~✏️鸿蒙应用开发与鸿蒙系统开发哪个更有前景？✏️嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~✏️对于大前端开发来说，转鸿蒙开发究竟是福还是祸？✏️鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？✏️记录一场鸿蒙开发岗位面
  • 鸿蒙5.0实战案例：基于ArkUI的验证码实现 敢嗣先锋 移动开发鸿蒙开发HarmonyOSharmonyos鸿蒙开发openharmony移动开发ArkUI
    往期推文全新看点（文中附带全新鸿蒙5.0全栈学习笔录）✏️鸿蒙（HarmonyOS）北向开发知识点记录~✏️鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~✏️鸿蒙应用开发与鸿蒙系统开发哪个更有前景？✏️嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~✏️对于大前端开发来说，转鸿蒙开发究竟是福还是祸？✏️鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？✏️记录一场鸿蒙开发岗位面
  • log4j对象改变日志级别 3213213333332132 javalog4jlevellog4j对象名称日志级别
    log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l
  • elk+redis 搭建nginx日志分析平台 ronin47 elasticsearchkibanalogstash
                 elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队 列，redis的l
  • Yii2设置时区 dcj3sjt126com PHPtimezoneyii2
    时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较
  • js实现前台动态添加文本框，后台获取文本框内容 171815164 文本框
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
  • 持续集成工具 g21121 持续集成
            持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行
  • 数据结构哈希表(hash)总结 永夜-极光 数据结构
    1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。  
  • 乱七八糟 程序员是怎么炼成的
    eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2
  • 职场人伤害了“上司” 怎样弥补 aijuans 职场
    由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？ 　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议： 　　一、利用一些轻松的场合表示对他的尊重 　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，
  • 深入浅出url编码 antonyup_2006 应用服务器浏览器servletweblogicIE
    出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的
  • 建表后创建表的约束关系和增加表的字段 百合不是茶 标的约束关系增加表的字段
      下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加 姓名字段)   alter table 增加字段的表名 add 增加的字段名 增加字段的数据类型 alter table student add name varchar2(10);   &nb
  • Uploadify 3.2 参数属性、事件、方法函数详解 bijian1013 JavaScriptuploadify
    一.属性 属性名称 默认值 说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路
  • 精通Oracle10编程SQL(16)使用LOB对象 bijian1013 oracle数据库plsql
    /* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR
  • 【Resin一】Resin服务器部署web应用 bit1129 resin
    工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件 配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q
  • red5简介及基础知识 白糖_ 基础
      简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正
  • angular.fromJson boyitech AngularJSAngularJS 官方APIAngularJS API
    angular.fromJson 描述: 把Json字符串转为对象 使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串 返回值: 对象, 数组, 字符串 或者是一个数字 示例: <!DOCTYPE HTML> <h
  • java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I bylijinnan java
    public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ
  • web实时通讯 Chen.H Web浏览器socket脚本
    关于web实时通讯，做一些监控软件。 由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路
  • [基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗? comsci 生物
          大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   
  • oracle 外部表 daizj oracle外部表external tables
        oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho
  • aop相关的概念及配置 daysinsun AOP
    切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。 连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。 通知（Advice） 通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环
  • 初一上学期难记忆单词背诵第二课 dcj3sjt126com englishword
    middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da
  • Linux日志分析常用命令 dcj3sjt126com linuxlog
    1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行 空格 显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照
  • JSONP 原理分析 fantasy2005 JavaScriptjsonpjsonp 跨域
    转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的
  • 使用connect by进行级联查询 234390216 oracle查询父子Connect by级联
    使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：
  • 一个不错的能将HTML表格导出为excel,pdf等的jquery插件 jackyrong jquery插件
    发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an
  • UI设计中我们为什么需要设计动效 lampcy UIUI设计
    关于Unity3D中的Shader的知识 首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，
  • 如何禁止页面缓存 nannan408 htmljspcache
    禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach
  • 以代码的方式管理quartz定时任务的暂停、重启、删除、添加等 Everyday都不同 定时任务管理spring-quartz
          【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不
  • EXT实例 tntxia ext
      （1） 增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri
  • 数学学习在计算机研究领域的作用和重要性 xjnine Math
    最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他