bingleiyuren
bingleiyuren

移动触摸屏的div拖动Demo

话说我刚刚从PC的Web开发转到移动的Web开发……

当前移动Web开发不得不面对强大的流行的Android,IOS这两大触摸屏系统啊，毕竟这是热门啊，用户都在这里。

这次因为开发需要，我得试着做一个背景可以拖动的div页面。当一切都在PC上做完之后，转到手机进行测试，竟然无效啊，拖动无效。经过调试发现mousemove事件（还有mousedown,mouseup）的clientX的属性在PC端几款浏览器都没问题，在平板的Android浏览器和QQ浏览器下都是未定义undefined。

当时想是不是因为event.clientX在移动端不支持，然后就试了一下offsetX和screenX，结果都一样，这个时候都快崩溃了我。

按说mousedown,mouseup,mousemove和touchstart，touchend，touchmove之间是可以互通的，也就是说一般面向pc开发的mouse时间对touch事件有效，据说是效率有差异。但是pc上测试没有任何问题，在手机上就是无效。
然后百度了很久很久……

终于在一个讨论touch相关事件的例子中看到别人已经经过测试的e.touches[0].pageX，光这个属性还是不够的，发现使用jquery为div绑定touch事件后这个属性也是未定义，必须使用原生的addEventListener。

最后，贴上demo的代码，希望给遇到同样问题的你提供帮助。

 

  
  
  
  
    
   
   
   
   
  1. <html>   
    2. 
   
   
   
   
  2. <head>   
    3. 
   
   
   
   
  3.     <meta charset="UTF-8"> 
    4. 
   
   
   
   
  4.     <style type="text/Css"> 
    5. 
   
   
   
   
  5.         body{background-color:#000000;}  
    6. 
   
   
   
   
  6.         .window{position:absolute;z-index:1;overflow:hidden;width:600px;height:400px;background-color:red;left: 0px;}  
    7. 
   
   
   
   
  7.         .dragme{position:relative;background-image:url('img/testbg.png');width:800px;height:400px;}   
    8. 
   
   
   
   
  8.     </style>   
    9. 
   
   
   
   
  9.  
    10. 
   
   
   
   
  10. <script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script> 
    11. 
   
   
   
   
  11. <script type="text/javascript">   
    12. 
   
   
   
   
  12. var isdrag=false;   
    13. 
   
   
   
   
  13. var tx,x;    
    14. 
   
   
   
   
  14. $(function(){  
    15. 
   
   
   
   
  15.     document.getElementById("moveid").addEventListener('touchend',function(){  
    16. 
   
   
   
   
  16.         sdrag = false;  
    17. 
   
   
   
   
  17.     });  
    18. 
   
   
   
   
  18.     document.getElementById("moveid").addEventListener('touchstart',selectmouse);  
    19. 
   
   
   
   
  19.     document.getElementById("moveid").addEventListener('touchmove',movemouse);  
    20. 
   
   
   
   
  20. });  
    21. 
   
   
   
   
  21. function movemouse(e){   
    22. 
   
   
   
   
  22.   if (isdrag){   
    23. 
   
   
   
   
  23.    var n = tx + e.touches[0].pageX - x;  
    24. 
   
   
   
   
  24.    $("#moveid").css("left",n);  
    25. 
   
   
   
   
  25.    return false;   
    26. 
   
   
   
   
  26.    }   
    27. 
   
   
   
   
  27. }   
    28. 
   
   
   
   
  28.  
    29. 
   
   
   
   
  29. function selectmouse(e){   
    30. 
   
   
   
   
  30.    isdrag = true;   
    31. 
   
   
   
   
  31.    tx = parseInt(document.getElementById("moveid").style.left+0);   
    32. 
   
   
   
   
  32.    x = e.touches[0].pageX;    
    33. 
   
   
   
   
  33.    return false;   
    34. 
   
   
   
   
  34. }   
    35. 
   
   
   
   
  35. </script>   
    36. 
   
   
   
   
  36.  
    37. 
   
   
   
   
  37. </head>   
    38. 
   
   
   
   
  38. <body>   
    39. 
   
   
   
   
  39. <div align="left" class="window"> 
    40. 
   
   
   
   
  40.      <div id="moveid"  class="dragme"> 
    41. 
   
   
   
   
  41.         这是一个可以通过触摸屏拖动的demo<br> 
    42. 
   
   
   
   
  42.             这个demo花费了我半天时间，原因是以前从来没有做过面向触摸屏的Web，按说mousedown,mouseup,mousemove和touchstart，touchend，touchmove  
    43. 
   
   
   
   
  43.             之间是可以互通的，也就是说一般面向pc开发的mouse时间对touch事件有效，据说是效率有差异。但是pc上测试没有任何问题，在手机上就是无效。  
    44. 
   
   
   
   
  44.             然后……  
    45. 
   
   
   
   
  45.             然后百度了很久很久……  
    46. 
   
   
   
   
  46.           
    47. 
   
   
   
   
  47.      </div> 
    48. 
   
   
   
   
  48.  </div> 
    49. 
   
   
   
   
  49. </html> 
    50.

 

你可能感兴趣的:(拖动,触摸,移动web)

  • Goolge earth studio 进阶4——路径修改与平滑 陟彼高冈yu Googleearthstudio进阶教程旅游
    如果我们希望在大约中途时获得更多的城市鸟瞰视角。可以将相机拖动到这里并创建一个新的关键帧。camera_target_clip_7EarthStudio会自动平滑我们的路径，所以当我们通过这个关键帧时，不是一个生硬的角度，而是一个平滑的曲线。camera_target_clip_8路径上有贝塞尔控制手柄，允许我们调整路径的形状。右键单击，我们可以选择“平滑路径”，这是默认的自动平滑算法，或者我们可
  • android 更改窗口的层次,浮窗开发之窗口层级 Ms.Bu android更改窗口的层次
    最近在项目中遇到了这样的需求：需要在特定的其他应用之上悬浮自己的UI交互(拖动、输入等复杂的UI交互)，和九游的浮窗类似，不过我们的比九游的体验更好，我们越过了很多授权的限制。浮窗效果很多人都知道如何去实现一个简单的浮窗，但是却很少有人去深入的研究背后的流程机制，由于项目中浮窗交互比较复杂，遇到了些坑查看了很多资料，故总结浮窗涉及到的知识点：窗口层级关系(浮窗是如何“浮”的)？浮窗有哪些限制，如何
  • 使用Python和Playwright破解滑动验证码 asfdsgdf python开发语言
    滑动验证码是一种常见的验证码形式，通过拖动滑块将缺失的拼图块对准原图中的空缺位置来验证用户操作。本文将介绍如何使用Python中的OpenCV进行模板匹配，并结合Playwright实现自动化破解滑动验证码的过程。所需技术OpenCV模板匹配：用于识别滑块在背景图中的正确位置。Python：主要编程语言。Playwright：用于浏览器自动化，模拟用户操作。破解过程概述获取验证码图像：下载背景图和
  • 操作系统基础 怡晗★ Linuxlinux
    目录操作系统基础冯诺依曼体系结构介绍操作系统基本认知本篇文章是后面学习操作系统知识的基础操作系统基础冯诺依曼体系结构介绍冯诺依曼体系结构如下：在上图中「输入设备」和「输出设备」一般被称为计算机的外设，而「存储器」在冯诺依曼体系结构中表示「内存」输入设备一般包括：网卡、磁盘、键盘、触摸屏等输出设备一般包括：网卡、磁盘、鼠标、触摸屏、显示器（非触摸屏）等内存的作用「内存」是中央处理器与计算机其他设备的
  • 越长大越孤单一 辛雨晴_099a
    越长大越孤单越长大越不安，也不得不看梦想的翅膀被折断……也不得不打开保护你的降落伞……也不得不收回曾经的话问自己你纯真的眼睛哪去了……也明白未来的道路不平坦，难道这样的改变是必然……你曾对我说，每颗心都寂寞，都脆弱，都渴望被触摸，看着我，也告诉我，你的心是否还依旧火热。这首歌是我最喜欢的歌曲，每次听这首歌都会有种快乐的忧伤，我想这也是大多数人内心的感受吧！成长的滋味有种淡淡的感伤，如同一抹苦涩的紫
  • 【Axure高保真原型】冻结固定中继器表格首列模板 梓贤Vigo Axure原型交互产品经理中继器
    今天和大家分享冻结固定中继器表格首列的原型模板，当中继器表格列数较多时，通过拖动滚动条左右查看内容时，可以把首列冻结固定，方便我们查看。这个原型模板是用中继器制作的，所以使用也非常方便，在中继器表格里维护数据信息，预览时既可以生成高保真的交互效果。这套模板里面也提供固定左侧二列，或者你也可以用同样的方法，固定左侧多列。具体效果可以观看下方视频或者点击预览地址体验：【原型效果】【Axure高保真原型
  • js进阶第二天 LIT乐言
    一、水平滚动条和垂直滚动条Snip20161124_1.png1.1核心技术点1）求滚动条的长度？2）拖动滚动条，求内容要走多少？滚动条的长度取决于滚动内容（滚动内容越长，滚动条越短）；内容滚动的距离和滚动条走的距离是成倍数关系。1.2换算公式获取滚动条的长度：**滚动条的长度/盒子的长度=盒子的长度/内容的长度**滚动条长度=(盒子的宽度/内容的宽度)*盒子的宽度拖动滚动条，求内容走的长度：**
  • 白烟 陈家仁
    图片发自App稍纵即逝的，是那最珍贵的，足以四书五经媲美的，宝藏。流逝指间的，是那最不舍的，晨光与夕阳相依相偎，黯然。轻轻触摸的，是那最渴望的，月儿对视阳光的距离，柔情。心底盼望的，是那最纠结的，云朵连着棉花糖欢笑，淡然。目光所及的，是心底执着的，无论你往哪个方向去，流年。
  • 刀郎复出：他的歌，却没人听了 视觉志V
    作者丨柚子2004年，刀郎唱了一首《2002年的第一场雪》。“2002年的第一场雪，比以往时候来的更晚一些。”简单的歌词，朗朗上口的旋律，这首歌迅速火遍大江南北。（可拖动歌词）歌火了，唱歌的刀郎却慢慢淡出人们的视野。印象中，上一次看到他的消息，还是前年一组刷爆朋友圈的照片。照片中的刀郎，发福明显，和大家印象中那个瘦小伙大相径庭，不少人感慨，“岁月是把杀猪刀。”（图片来源：网络）最近，偶然又看到他复
  • 简化安卓操作：利用ADB命令返回主页、首页等操作 开心呆哥 androidadb
    介绍：在日常使用安卓设备时，经常需要返回到主页或者首页。虽然通过手动点击设备上的按钮可以轻松实现，但对于一些需要频繁进行此操作的场景，这种方式可能显得有些繁琐。幸运的是，利用ADB（AndroidDebugBridge）命令，我们可以在不触摸设备的情况下轻松地返回到主页、首页等操作，从而提高操作效率。本文将介绍如何利用ADB命令来实现这些操作，让您的安卓设备操作更加便捷。正文：1.返回主页：要通过
  • 1月30 日 李艺莹
    今天学习的是用触摸屏做的显示文字，很神奇。就是需要配置的东西很多，管脚很多，其他的东西还好。我接下来需要提高的就是自己来编写所有的配置。明天就要考试了，我真的是很紧张，晚上还是要复习的，虽然就要放假了，但是我还是要多学一点的，不要荒废了时间。不说了，我要去复习啦。FIGHTING，FIGHTING，FIGHTING。
  • Qt QTableWidget 触摸屏上滑动效果 hss2799 Qt
    要实现QTableWidget在触摸屏上，滑动记录，记录会跟着滑动，只需要加QScroller*pScroller=QScroller::scroller(tablewidget);pScroller->grabGesture(tablewidget,QScroller::LeftMouseButtonGesture);tablewidget->setVerticalScrollMode(QLis
  • vue 表格左右拖拽调整列宽_vue中实现拖动调整左右两侧div的宽度的示例代码 weixin_40008969 vue表格左右拖拽调整列宽
    写在最前最近在使用vue的时候，遇到一个需求，实现左右div可通过中间部分拖拽调整宽度，类似于这样这是我最终的实现效果还是老话，因为我不是专业的前端工程师，只是兼职写一些简单的前端，所以这个功能的实现得益于以下博客，《vue拖动调整左右两侧div的宽度》、《vuejs中拖动改变元素宽度实现宽度自适应大小》，而我只是针对于他们提供的代码，加了亿点点自己所需要的细节。实现原理如上图所示，我们需要将要实
  • 前端页面实现table可拖动改变列宽 牧 码 人 jsjQueryjs表格拖动csscolResizable
    此处实现页面的table表格可以自由拖动列宽，拖动时表格内文字不换行，超出部分以...代替，实现步骤如下：1.首先引入jQuery和colResizable的js文件，colResizable支持表格拖动改变列宽，但基于jQuery，（1）colResizable可以去：http://www.bacubacu.com/colresizable/#rangeSlider下载（2）引入文件：2.编写j
  • vue3 - element-plus表格组件el-table实现鼠标拖曳排序功能，vue3 Table表格拖拽排序，表格每行使用鼠标拖动进行排序功能，表格拖拽排序实现（详细示例代码，一键复制开箱即用 街尾杂货店& 前端组件与功能(开箱即用)elementPlusvue3el-tableTable表格拖动时动态排序表格组件鼠标拖拽排序示例代码树型tree复杂表格拖曳排序element表格行可拖动排序
    效果图在vue3+elementPlus网站开发中，详细完成el-table表格的鼠标拖拽/拖曳/拖动排序，vue3使用elementplus表格组件进行表格每行的拖动换位置排序功能（支持一键开启和关闭鼠标是否可拖动排序，代码易改造灵活），稍加改造可支持【树形复杂表格的排序】！详细示例源代码，复制运行稍微改下就能用了。准备开始首先，
  • 3ds Max 2018 进阶快捷键操作笔记 阿松2333 笔记3dsmax
    1.视图与界面控制Alt+W：切换当前视口最大化。工作时常需要在多个视口之间切换，该快捷键帮助快速专注于某一视口细节。F3：切换线框模式与实体模式。方便随时观察模型的结构和表面，特别是在检查复杂几何形状时非常有用。F4：显示网格边缘。在实体模式下显示线框，常用于优化模型的边缘流畅度。Ctrl+X：进入专家模式，隐藏所有UI元素，保留视口。适合全屏工作，最大化利用屏幕空间。视图导航Alt+中键拖动：
  • css滚动条隐藏但是可以滚动 每一天，每一步 HTML/CSScss前端javascript
    要实现滚动条隐藏但仍然可以滚动的效果，可以使用CSS来隐藏滚动条，同时允许鼠标的滚轮或触摸板滚动。/*隐藏滚动条，但仍可滚动*/.scrollable{overflow:auto;/*保持内容可滚动*/scrollbar-width:none;/*对于现代浏览器，隐藏滚动条*/}/*针对IE和Edge的隐藏滚动条样式*/.scrollable::-webkit-scrollbar{display:
  • 20190410 李蔚娜
    雨过天晴，温度回升。上午两节课讲完了《寓言二则》，处理了喝错奶事件。家长没有给孩子续订牛奶，却又没有告知孩子。没喝到奶的同学也不跟老师汇报……下午听了一节一年级的《荷叶圆圆》。老师带着学生感知叠词，尝试积累叠词。殊不知一年级的学生在没有触摸到词语格式的前提下，能说出来才怪。何况这么大的孩子并没有多少阅读积累。学生读了一遍课文标了段，却没有订正读通读准，也没有订正自然段的划分。原本是画面感很美的一篇
  • 关于勇敢 佑佑大王
    关于勇敢勇敢是勇敢者的利剑，借以披巾斩棘，所向披靡。勇敢是胆小者的明灯，它声响巨大，喝退胆怯。勇敢是雷雨世界的大伞，无畏即为保护！世界上任何事情想要成功都需要有一往无前的勇气，不够勇敢的人，可以一时成功，却也可能瞬息失败。成功的路上总是勇敢，方可以有机会触摸最高的荣誉。很多优秀的运动员，很多优秀的高中学生，包括很多荣誉加身的大佬都有在临门一脚的时候丧失勇气从而失败的例子。要想找出这些人名来特别简单
  • 写一个图片裁剪的js，JavaScript图片裁剪插件PlusCropper 微特尔普拉斯 javascriptnodevuejavascript开发语言ecmascript
    在前端开发中，图片裁剪是一个常见的需求。本文将深入解析一个功能完善的JavaScript图片裁剪插件——PlusCropper，带你一步步了解其实现原理和使用方法。一、插件概述PlusCropper是一个轻量级的JavaScript插件，它允许用户在网页上交互式地裁剪图片。它提供了以下功能：可拖拽和缩放的裁剪框:用户可以通过鼠标或触摸操作来调整裁剪区域的大小和位置。图片旋转:支持图片的顺时针和逆时
  • 远程访问电脑共享文件 节点小宝 网络远程工作服务器php科技
    远程访问电脑共享文件，可以通过多种方法实现，每种方法都有其特点和适用场景。以下是一些常见的方法及其步骤：一、使用Microsoft远程桌面启用远程桌面：在目标电脑上，打开“开始”菜单，选择“设置”>“系统”>“远程桌面”。将“启用远程桌面”开关向右拖动以激活该功能。记住计算机的账号和密码。安装并配置远程桌面应用：在远程访问设备上（如手机、平板电脑或另一台电脑），从GooglePlay商店（对于An
  • DevExpress WPF中文教程：如何解决排序、过滤遇到的常见问题？（一） 界面开发小八哥 wpfdevexpress界面控件UI开发
    DevExpressWPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。无论是Office办公软件的衍伸产品，还是以数据为中心的商业智能产品，都能通过DevExpressWPF控件来实现。接下来将介绍如何解决DevExpre
  • DevExpress WPF中文教程：如何解决排序、过滤遇到的常见问题？（二） 界面开发小八哥 wpfdevexpress界面控件UI开发.net
    DevExpressWPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。无论是Office办公软件的衍伸产品，还是以数据为中心的商业智能产品，都能通过DevExpressWPF控件来实现。接下来将介绍如何解决DevExpre
  • HP电脑如何启动硬件检测 哲伦贼稳妥 电脑硬件电脑经验分享windows其他
    许多人都在使用HP电脑，但是当出现问题时候，不知道该如何测试，本文来分享一下，如何在电脑能开机但是有问题时进行检测。使用F2键进行组件测试步骤：开机后不停敲击键盘上【F2】的按键，进入BIOS设置界面，点击【组件测试】，然后选择想要检测的硬件组件（如鼠标/触摸板、键盘、网络、风扇等）。注意事项：不同型号的HP电脑进入BIOS的按键可能不同，通常为F2、F10、F12或Delete键。使用UEFI诊
  • 每天学会一小点 百草丰茂
    上面的三幅图，是我跟着老师学习用PPT简单快速地绘制的星星图。你能看出它们有什么区别？觉得他们有什么不同吗？你又最喜欢哪幅呢？很明显的，后面两幅的星星要好看一些。应该如何绘制呢？我现在就来告诉你。第一幅图的小星星是用Ctrl键拖动复制出来的，虽然速度很快，但没有变化，看起来不自然、不灵动。后面两幅图的星星直接在“形状”选择区里选中星星图，点击鼠标右键，选择“锁定绘图模式”，按住鼠标拖动，就能绘制出
  • 怪梦杂谈 木子李呀林夕梦
    2018-5-5我是一个学生，20多岁，眼镜男。我能触摸到自己的皮肤肌肉，我能感受到我的思维。可是我不清楚我是谁，我是怎样诞生的。模糊中我出现在了这个世界。我有两个死党，从小光屁股玩到大，可是我想不起任何和他们玩耍的记忆。好像有一个声音在我脑海里重复着：“记住他们，他们是你的朋友”。于是，他们是我最好的朋友。暂且称呼他们是A君和B君。我为什么会无所事事？这个也不清楚，只记得，我们三个本来就是这样的
  • 2019-11-05 人间自在客
    窗外的阳光很亮，那金色的光芒，透过窗帘，照进屋里空乏的角落。我听见风在耳边怒号，也闻见了人间烟火里喧哗的味道。小区里有切割机器的声音在散发嘈杂的声响，车水马龙惊起一路尘埃的噪音，也会时不时，冲进我的耳膜。图片发自App气温在一天天的下降，我可以感知到敲动键盘的手有薄薄的寒凉。有时候我会走进时光，用我已经无法看清世界的双眼去观察这个光怪陆离的世界，我会从视线的一点点延长中，触摸这个深秋的韵味。远处的
  • 相当流畅的js拖拽排序实现 晨曦_子画 javascript开发语言ecmascript
    01拖拽排序是一种在网页设计和应用程序中常见的交互方式，允许用户通过鼠标或触摸操作来重新排列页面或界面上的元素。这种交互方式对于提升用户体验和操作效率具有重要意义。在拖拽排序中，用户可以用鼠标或手指按住某个元素，然后将其拖动到新的位置，从而实现对元素的重新排列。这种操作直观且灵活，使得用户可以根据自己的需求随时调整页面或界面的布局，提升了个性化体验。同时，拖拽排序也增加了用户的参与度和粘性，用户可
  • 来自『Li奇怪的奇』的破壳之旅——打字是如何炼成的 Li奇怪的奇
    39我第一次认识电脑，触摸到键盘，应该是在我上小学五年级的时候，那年是2000年，刚从农村出来，走进重庆这座大城市，见到了好多新鲜事物，好多高科技产品之前都是在书本上看到过，没想到上五年级的时候就可以亲眼看见并使用电脑。在六店子小学，我们学校开设了一个计算机室，每周有一堂课——计算机课，那是一堂多么向往的课程，当时学了些什么我已经忘记了，主要是见识了一下电脑长什么样子，认识了一下键盘和英文字母，当
  • 我去哪儿了 竺子
    晚上在厨房里搞卫生的时候，突然觉得自己在这里了！那么原来我去哪儿了！睡觉时做着梦醒着时做着梦在家里面时想着工作上的事工作时想着家里面的事吃饭时想着之前发生的事情吃饭时思考未来还没有发生的事情走路时想着过去的事情走路时思考未来还没有发生的事情我不是在过去，就是在未来我去到了那个不存在的头脑的世界我在头脑的世界里迷路了！花了很多时间走了很多的弯路我终于触摸到了当下的自己自来水流经我的指缝碗筷发出脆耳的
  • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
    对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
  • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
    接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
  • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
           随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
  • 数组队列总结 沐刃青蛟 数组队列
          数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
  • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
    今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
  • 重装系统之后oracle恢复 文强chu oracle
    前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
  • python学习二（ 一些基础语法） 小桔子 pthon基础语法
    紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
  • svn 常用命令 aichenglong SVN版本回退
    1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
  • 某小公司面试归来 alafqq 面试
    先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
  • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
    集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
  • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
    <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
  • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
            在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
  • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
    当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
  • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
    0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
  • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
    1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
  • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
    public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
  • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
    今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
  • java设计模式之单例模式 chicony java设计模式
    在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
  • javascript取当月最后一天 ctrain JavaScript
    <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
  • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
    一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
  • 做有中国特色的程序员 dcj3sjt126com 程序员
      从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
  • Android：TextView属性大全 dcj3sjt126com textview
    android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
  • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
    转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
  • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
    首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
  • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
    HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
  • SVG 教程 （一） 天梯梦 svg
    SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
  • 一个简单的java栈 luyulong java数据结构栈
    public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
  • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
    Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
  • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
    12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
  • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
    ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他