u010412719
u010412719

《JavaScript学习笔记九》：延时框的实现

《JavaScript学习笔记九》：延时框的实现

延时框在我们的生活中也随处可见，例如，在QQ中，当我们将鼠标放在我们的头像上时，则会出现左边这个页面，当我们鼠标离开时，左边这个界面过一段时间才会隐藏，这就是延时框。下面我们就来模拟这样一个功能。

《JavaScript学习笔记九》：延时框的实现_第1张图片

这个功能由如下的小功能组成，假设有如下两个块（A、B）
《JavaScript学习笔记九》：延时框的实现_第2张图片

1、当鼠标移入到块A上时，则块B显示

2、当鼠标移出块A上且没有移入块B上时，则块B延时一会就隐藏

3、当鼠标移出块A上且移入到了块B上时，则块B不隐藏，显示

4、当鼠标移出块B且没有移入到块A上时，则块B延时一会就隐藏

5、当鼠标移出块B且移入到块A上时，则块B显示。

下面就是根据上面的思路实现的具体代码：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style> div { float:left;margin:10px;} #div1 {width:50px;height:50px;background:red;} #div2 {width:200px;height:100px;background:black;display:none} </style>
    <script> window.onload=function() { var oDiv1=document.getElementById('div1'); var oDiv2=document.getElementById('div2'); var timer; oDiv1.onmouseover=function () { clearTimeout(timer); oDiv2.style.display='block';//当鼠标移入到oDiv1中时 }; oDiv1.onmouseout=function () { //当鼠标从Div1中离开时，Div2延时1000毫秒才隐藏 timer=setTimeout(function() { oDiv2.style.display='none'; },1000); }; //当鼠标移入div2上时，显示，不隐藏，并关掉oDiv1上的定时器 oDiv2.onmouseover=function() { clearTimeout(timer); this.style.display='block'; }; //当离开Div2时，则隐藏，如果是离开Div2到div1,则就不隐藏 oDiv2.onmouseout=function() { timer=setTimeout(function() { oDiv2.style.display='none'; },1000); }; } </script>
    </head>

    <body>
    <div id="div1" >

    </div>

    <div id="div2">

    </div>
    </body>
    </html>

从上面的代码可以看出，有很多代码是一样的，隐藏可以将函数进行合并，合并后的代码如下

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style> div { float:left;margin:10px;} #div1 {width:50px;height:50px;background:red;} #div2 {width:200px;height:100px;background:black;display:none} </style>
    <script> window.onload=function() { var oDiv1=document.getElementById('div1'); var oDiv2=document.getElementById('div2'); var timer; oDiv1.onmouseover=oDiv2.onmouseover=function () { clearTimeout(timer); oDiv2.style.display='block';//当鼠标移入到oDiv1中时 }; oDiv1.onmouseout=oDiv2.onmouseout=function () { //当鼠标从Div1中离开时，Div2延时1000毫秒才隐藏 timer=setTimeout(function() { oDiv2.style.display='none'; },1000); }; } </script>
    </head>

    <body>
    <div id="div1" >

    </div>

    <div id="div2">

    </div>
    </body>
    </html>

以上就是延时框的实现。

参考资料

1、blue老师的《js视频教程》

你可能感兴趣的:(JavaScript,延时框)

  • Cursor黑科技：AI编程实战
    引言AI编程工具的崛起与Cursor的定位Cursor的核心功能概述（代码生成、补全、对话式调试等）目标读者：开发者、技术团队、AI工具探索者核心功能解析智能代码生成基于自然语言描述生成代码（如“实现一个Python快速排序”）多语言支持（Python、JavaScript、Go等）示例对比代码补全与优化实时上下文感知补全（比传统IDE更精准）代码重构建议（如性能优化、冗余删除）对话式交互调试通过
  • 【1】确认安装 Node.js 和 npm版本号
    搭建前端项目时需要安装Node.js和npm，主要是因为它们提供了一些重要的功能和工具，帮助开发者高效地开发、构建和管理项目。一、具体原因如下：Node.js：JavaScript运行环境Node.js是一个基于ChromeV8引擎的JavaScript运行时，可以在服务器端运行JavaScript代码。它使得JavaScript不仅限于浏览器中运行，还能在本地环境中运行。npm：包管理工具npm
  • OneCode图表组件深度解析：注解驱动的Java可视化方案 低代码老李 领域设计低代码软件行业java开发语言
    在数据驱动决策的时代，企业级应用对可视化的需求日益复杂。OneCode作为专注于企业级开发的Java框架，其可视化引擎通过创新的设计理念和技术实现，为开发者带来了截然不同的图表开发体验。本文将深入剖析OneCode在可视化领域的五大独特优势。一、注解驱动的零前端代码开发模式OneCode彻底颠覆了传统图表开发需要编写JavaScript的模式，创新性地将所有图表配置通过Java注解完成：@FCha
  • 手写 Vue 中虚拟 DOM 到真实 DOM 的完整过程
    目录一、虚拟DOM的核心概念二、虚拟DOM到真实DOM的流程三、手写虚拟DOM到真实DOM的实现1.定义虚拟DOM的结构（VNode）2.创建虚拟DOM转真实DOM的函数3.挂载虚拟DOM到页面4.更新虚拟DOM的过程（Diff算法简化版）四、完整示例：虚拟DOM到真实DOM的生命周期五、总结一、虚拟DOM的核心概念虚拟DOM是用JavaScript对象（VNode）模拟真实DOM结构的轻量级抽象
  • Python训练营-Day3
    DAY3列表、循环和判断语句题目1：列表的基础操作题目:1.创建一个包含三个字符串元素的列表tech_list，元素分别为“Python”,“Java”,“Go”。2.获取列表中的第一个元素，并将其存储在变量first_tech中。3.向tech_list的末尾添加一个新的字符串元素“JavaScript”。4.修改tech_list中的第二个元素（索引为1），将其从“Java”更改为“Ruby”
  • 尚硅谷-javaweb笔记记录 java成长之旅 javaweb
    Javaweb笔记网页三组成：内容html，表现css，行为js。html，css，javascriptstyle标签定义css样式代码(只能在一个页面公用css样式)css文件id选择器：#id001{}#id002{}使用：标签1class选择器：.class001{}使用：类选择器组合选择器：选择器1，选择器2…{属性：值；}js里编写或者写完了再引入进去。且运算&&：当表达式为全真，返回最
  • HTML表格导出为Excel文件的实现方案 ~风清扬~ 前端技术htmlexcel前端
    1、前端javascript可通过mime类型、blob对象或专业库（如sheetjs）实现html表格导出excel，适用于中小型数据量；2、服务器端方案利用后端语言（如python的openpyxl、java的apachepoi）处理复杂报表和大数据，确保安全性与格式控制；3、常见问题包括数据类型识别错误、样式丢失、大文件卡顿、浏览器兼容性及乱码，需通过设置单元格类型、使用后端样式api、分页
  • Dash 安装使用教程 小奇JAVA面试 安装使用教程dash
    一、Dash简介Dash是一个基于Python的Web应用框架，专为构建数据可视化界面而设计。它由Plotly团队开发，适合构建交互式仪表盘、可视化分析工具和Web应用，无需使用JavaScript。二、安装Dash2.1使用pip安装pipinstalldash推荐同时安装Plotly：pipinstallplotly2.2验证安装python-c"importdash;print(dash._
  • 5G URLLC网络中的时间敏感通信：破解工业控制场景的确定性传输困局 LCG元 物联网5G网络
    目录一、工业控制场景三大技术痛点痛点1：运动控制时延波动导致精度崩塌痛点2：极端场景可靠性雪崩痛点3：多租户资源争抢引发确定性失效二、核心方案：双时钟域同步+动态帧抢占✅技术原理1：亚微秒级双时钟域同步✅技术原理2：物理层动态帧抢占三、端到端实施路径步骤1：环境配置（Linux实时内核优化）步骤2：O-RANCU/DU拆分配置（TS代码片段）步骤3：验证指标与压力测试四、边界场景容灾方案场景1：毫
  • 【前端工程化】你知道前端编码规范包含哪些内容吗 前端
    编码规范是保障代码质量、提升团队协作效率与维护性的基础。良好的编码习惯不仅有助于减少Bug，还能提升项目的长期稳定性与可扩展性。以下是从以往项目中总结整理出来的一些编码规范，适用于Vue/React技术栈下的B端应用开发场景。一、JavaScript/TypeScript规范1.命名规范变量命名使用有意义的英文单词，采用camelCase，如userName,isLoading；常量命名全大写加下
  • C# 中的 .Select() 方法与 JavaScript 中的 .map() 方法功能类似，都是用于对集合中的每个元素进行转换并返回新的集合。 NPCZ c#javascript
    一、核心功能对比1.JavaScript的.map()遍历数组，对每个元素执行回调函数，并返回包含结果的新数组：constnumbers=[1,2,3];constsquared=numbers.map(x=>x*x);//结果：[1,4,9]2.C#的.Select()遍历集合（如List、IEnumerable），对每个元素应用转换函数，并返回新的序列：varnumbers=newList{1
  • 快速创建Chrome浏览器二维码生成插件的完全指南 不爱说话的我
    本文还有配套的精品资源，点击获取简介：Chrome简易二维码插件是一个JavaScript开发的浏览器扩展，用于快速生成链接或文本内容的二维码，方便用户扫描分享。该插件简化了二维码生成过程，提升用户体验。开发此插件需要掌握浏览器扩展开发、事件监听、二维码库使用、DOM操作、错误处理等关键技术点。开发者还应考虑性能优化、设备适配及无障碍设计原则。本插件的实际案例能够帮助开发者提高Web开发技能，并为
  • JavaWeb开发3 偷萧逸苦茶 前端javascript开发语言
    JavaScript一门跨平台、面向对象的脚本语言，用来控制网页行为，能使网页可交互js引入方式内部脚本：将JS代码定义在HTML页面中JavaScript代码必须位于在HTML文档中，可以在任意地方，放置任意数量的一般会把脚本置于元素的底部，可以改善显示速度外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中外部JS文件中，只包含JS代码，不包含标签标签不能自闭和    焦点访谈-
  • JavaScript 中 HTML 转纯文本的最高效方法
    JavaScript中HTML转纯文本的最高效方法在JavaScript中，将HTML转换为纯文本有多种实现方式，你提供的div.textContent方法是最常见的，但在处理大量HTML或复杂场景时，可能需要更高效的方案。以下是几种方法的对比和推荐：一、原生方法对比1.使用textContent（最简洁，兼容性好）javascriptfunctionhtmlToText(html){constd
  • javascript的类，ES6模块写法在VSCODE中智能提示 专注VB编程开发20年 javascriptvscode开发语言
    onststringlib=newStringLib();,必须NEW对象吗？有没有像VB.ENT一样的静态类或模块？用模块名.函数方式智能提示？在JavaScript中，你可以通过以下几种方式实现类似VB.NET的静态类或模块功能，直接使用模块名。函数的方式调用，并获得VSCode的智能提示：方法一：使用普通对象（最简洁）直接定义一个对象字面量，将所有方法作为其属性。通过JSDoc注释提供类型信
  • 编程新手小白入门最佳攻略 闲暇部落 编程java新手入门开发语言
    编程小白想要成为大神，并为大学新生的学习制定一份最佳入门攻略，可以遵循以下步骤：一、选择编程语言Python：被誉为最适合初学者的编程语言，语法简洁清晰，学习曲线平缓，广泛应用于数据分析、机器学习、Web开发、自动化脚本编写等领域。JavaScript：前端开发的核心语言，实现网页的动态效果，还能通过Node.js实现服务器端的编程，用于开发桌面应用和移动应用。Java：企业级开发中使用最广泛的语
  • 理解WebGL中的顶点着色器和片元着色器 程序猿全栈の董（董翔） webgl着色器
    WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在网页上直接渲染3D图形而无需任何插件。WebGL的核心是着色器编程，它主要包含两种着色器：顶点着色器(VertexShader)和片元着色器(FragmentShader)。顶点着色器负责处理每个顶点的位置，它决定了顶点在屏幕上的最终位置。而片元着色器则负责计算每个像素的颜色值。这两个着色器共同工作，构成了WebGL渲染
  • 现代 JavaScript (ES6+) 入门到实战（八）：总结与展望 - 成为一名现代前端开发者
    恭喜你坚持到了最后！在过去的七篇文章中，我们一起踏上了一段从“传统”到“现代”的JavaScript进化之旅。我们告别了那些曾经让我们头疼的“怪异行为”，拥抱了一套更强大、更优雅、更符合工程化思想的工具集。现在，是时候回顾我们的旅程，并展望前方的道路了。一、我们的进化之路：知识图谱回顾让我们将学到的核心知识点串联起来，形成一张清晰的“进化图谱”。如果你错过了之前的任何一篇，可以点击链接回顾：第一篇
  • 【React】入门概述 - 虚拟DOM与原生DOM - JSX语法 - React基本使用 YK菌 前端框架Reactreact
    文章目录1.React入门概述1.1介绍1.2原生JavaScript的缺点【补充】浏览器重绘重排【补充】模块化与组件化1.3React的特点1.4.React高效的原因2.HelloReact2.1相关库介绍【补充】babel.js的作用2.2使用JSX创建虚拟DOM2.3渲染虚拟DOM(元素)2.4页面显示3.创建虚拟DOM的两种方式3.1纯JS方式(一般不用)3.2JSX方式4.虚拟DOM与
  • React JSX属性传递规则（事件处理函数名必须用驼峰式；内联样式必须是JavaScript对象，键名用驼峰命名；className、htmlFor；自定义属性要以data-开头、动态属性绑定） Dontla reactjavascriptreact.js前端
    文章目录**1.驼峰式命名法（CamelCase）****2.属性值的类型**-**字符串属性**：直接使用双引号包裹的字符串。-**表达式属性**：使用`{}`包裹JavaScript表达式，动态计算属性值。-**布尔属性**：如果属性值为`true`，可以直接省略值；如果为`false`，则不传递该属性。**3.事件处理**-**规则**：事件处理函数的命名必须使用驼峰式（如`onClick`
  • Google Maps 安装使用教程 小奇JAVA面试 安装使用教程地图
    一、GoogleMaps简介GoogleMaps是谷歌提供的地图服务，通过其JavaScriptAPI，开发者可以在网页中嵌入地图，添加标记、路径、地理编码、路线导航等功能，适用于位置展示、物流追踪、LBS应用等场景。二、获取GoogleMapsAPIKey登录GoogleCloud平台：https://console.cloud.google.com/创建项目启用MapsJavaScriptAP
  • Electron 快速上手 AAA小土豆 electronarcgisjavascript
    技术栈Web技术包括HTML、CSS、JavaScript和WebAssembly。它们是现代互联网的基石。这些技术已成为构建用户界面的最佳选择——无论是对于消费者应用程序还是关键业务型应用程序。这不仅适用于需要在浏览器中运行的应用程序，也适用于那些无法通过浏览器访问的桌面应用程序。我们在此大胆断言，这不仅适用于需要在多个操作系统上运行的跨平台应用程序，而且适用于所有类型的应用程序。Electro
  • JSON.parse()——07
    JSON.parse()JSON通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用JSON.parse()方法将数据转换为JavaScript对象。语法JSON.parse(text[,reviver])参数说明：text:必需，一个有效的JSON字符串。reviver:可选，一个转换结果的函数，将为对象的每个成员调用此函数。JSON解析实例例如我们从服务器接收了以下数据{"n
  • JSON.stringify()的深入学习和理解 渔老师 前端jsonjavascript前端
    一、JSONJSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值二、JSON.stringify()JSON.stringify(value[,replacer[,space]])基本用法：JSON.st
  • 面试版-前端开发核心知识
    一、DOM操作与事件处理：用户交互的基石1.1原生点击事件的三种绑定方式前端与用户的交互始于事件，而点击事件是最基础的交互方式。原生JavaScript绑定点击事件主要有以下三种方式：（1）HTML内联绑定（不推荐）直接在HTML标签中通过onclick属性定义事件逻辑：点击我functionhandleClick(){console.log('内联事件触发');}缺点：HTML与JS逻辑耦合，无
  • 深入理解浏览器重排（Reflow）与重绘（Repaint）及性能优化策略 じ☆ve 清风° 前端面试性能优化
    引言在现代Web开发中，性能优化是一个永恒的话题。理解浏览器的渲染机制，特别是重排（Reflow）和重绘（Repaint）过程，对于构建高性能的Web应用至关重要。本文将深入探讨这两个概念，分析它们对性能的影响，并提供一系列实用的优化策略。一、浏览器渲染流程概述在深入重排和重绘之前，我们需要了解浏览器如何将HTML、CSS和JavaScript转换为用户可见的像素：解析HTML：构建DOM树解析C
  • 【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端htmlcss
    文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
  • Python—快速入门 H.ZWei Pythonpython开发语言
    文章目录简介变量声明控制语句条件控制语句循环语句集合ListDictSetTuple函数定义全局变量和局部变量类模块异常处理生成器简介Python作为一门解释型语言，在运行时逐行解释执行代码，无需编译成二进制文件，这一点和JavaScript类似。它属于弱类型语言，变量类型无需提前声明，赋予了代码极高的灵活性。正因这些特性，Python门槛较低，新手很容易上手。变量声明没有关键字修饰变量名，如下：
  • 你确定懂冒泡排序？用动画的方式讲懂冒泡排序及其优化方式 linwu-hi 动画解析数据结构和算法前端算法排序算法
    点击在线阅读，体验更好链接现代JavaScript高级小册链接深入浅出Dart链接现代TypeScript高级小册链接基本概念冒泡排序是一种基础的排序算法。其基本思想是通过不断地比较相邻元素并在必要时进行交换，将最大（或最小）的元素"冒"到序列的一端。排序步骤先来感受到冒泡排序的步骤吧以数组[5,3,8,4,6]为例，冒泡排序的步骤如下：第一轮排序：比较相邻的元素。第一次比较5和3，5大于3，交换
  • 冒泡排序及其优化方式详解（JavaScript实现） 碧海蓝天· javascript开发语言ecmascriptJavaScript
    冒泡排序是一种简单但效率较低的排序算法，它通过多次迭代比较相邻元素，并交换它们的位置，使得每一轮迭代都将最大（或最小）的元素移动到末尾。本文将以JavaScript代码和动画的方式详细解释冒泡排序的工作原理，并介绍一些优化方式。冒泡排序的基本实现下面是使用JavaScript实现冒泡排序的基本代码：functionbubbleSort(arr){constlen=arr.length;for(<
  • JAVA基础 灵静志远 位运算加载Date字符串池覆盖
    一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器 同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。 二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根
  • keepalived实现redis主从高可用 bylijinnan redis
    方案说明 两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始
  • java文件操作大全 0624chenhong java
    最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息    &nbs
  • android学习任务 不懂事的小屁孩 工作
    任务 完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果，写一个实例 已完成 复习fragem
  • zoom.js 换个号韩国红果果 oom
    它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js  transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q
  • 详解Oracle云操作系统Solaris 11.2 蓝儿唯美 Solaris
    当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 
  • spring学习——springmvc（一） a-john springMVC
    Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。   1，跟踪Spring MVC的请求 请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前
  • hdu4342 History repeat itself-------多校联合五 aijuans 数论
    水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
  • EJB和javabean的区别 asia007 beanejb
    EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了   1.EJB用于服务端应用开发, 而JavaBeans
  • Struts的action和Result总结 百合不是茶 strutsAction配置Result配置
        一:Action的配置详解:      下面是一个Struts中一个空的Struts.xml的配置文件     <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo
  • 如何带好自已的团队 bijian1013 项目管理团队管理团队
    在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。 原文如下： 我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信         对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提
  • Java代码混淆工具 sunjing ProGuard
    Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
  • 【Redis三】基于Redis sentinel的自动failover主从复制 bit1129 redis
    在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。   什么是Sentine
  • 使用代理实现Hibernate Dao层自动事务 白糖_ DAOspringAOP框架Hibernate
    都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try
  • maven3实战读书笔记 braveCS maven3
    Maven简介 是什么？ Is a software project management and comprehension tool.项目管理工具 是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区]     功能：
  • 编程之美-子数组的最大乘积 bylijinnan 编程之美
    public class MaxProduct { /** * 编程之美 子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不
  • 读书笔记-2 chengxuyuancsdn 读书笔记
    1、反射 2、oracle年-月-日 时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构 在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s
  • [求学与房地产]慎重选择IT培训学校 comsci it
          关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题       培训学校的教学楼和宿舍的环境和稳定性问题       我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb
  • RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 daizj oraclermanfilespersetPARALLELISM
    RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。
  • 简单排序:冒泡排序 dieslrae 冒泡排序
    public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){
  • 初二上学期难记单词三 dcj3sjt126com sciet
    concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen  偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；
  • I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码 dcj3sjt126com redis
    wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make   前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。 异常一： make[2]: cc: Command not found 异常原因：没有安装g
  • 并发容器 shuizhaosi888 并发容器
       通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。    并发容器ConcurrentHashMap       替代同步基于散列的Map，通过Lock控制。   &nb
  • Spring Security（12）——Remember-Me功能 234390216 Spring SecurityRemember Me记住我
    Remember-Me功能   目录   1.1     概述 1.2     基于简单加密token的方法 1.3     基于持久化token的方法 1.4     Remember-Me相关接口和实现
  • 位运算 焦志广 位运算
    一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。 例如：9&am
  • nodejs 数据库连接 mongodb mysql liguangsong mongodbmysqlnode数据库连接
    1.mysql 连接    package.json中dependencies加入     "mysql":"~2.7.0"    执行 npm install      在config 下创建文件 database.js    
  • java动态编译 olive6615 javaHotSpotjvm动态编译
        在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。     HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视
  • Storm0.9.5的集群部署配置优化 roadrunners 优化storm.yaml
    nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf
  • 101个MySQL 的调节和优化的提示 tomcat_oracle mysql
    　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。 　　3. 使用电池供电的RAM（注：RAM即随机存储器）。 　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列
  • zoj 3829 Known Notation(贪心) 阿尔萨斯 ZOJ
    题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。 解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他