lujj_1997
lujj_1997

用js模拟拖拽滚动条

如图，这是要实现的效果。
在这里插入图片描述
我的布局是先定义一个长方形，也就是滑动条。)
然后在再定义一个其子元素div定位在他的头部，也就是滑动按钮

这里是js代码：

<script>
    // 获取元素
    var scrollBar = document.getElementById("scrollBar"); //滑动条的长度
    var bar = scrollBar.children[0]; //拖动的按钮
    var mask = scrollBar.children[1];   //按钮左边的遮罩层
    var demo = document.getElementById("demo");
    var scrollW=scrollBar.offsetWidth;
    var barW=bar.offsetWidth;
    // 拖动原理
    bar.onmousedown=function (e) {
        var e1=e||window.event;  //这里是按下的事件对象
        that=this;
        document.onmousemove=function (e) {
            var e2=e||window.event;     //这里是移动的事件对象
            that.style.left=e2.clientX -scrollBar.offsetLeft-e1.offsetX+"px";
            // 按钮到其父元素的left就是移动时的鼠标对象到可视页面的X
            // 减去滑动条到页面的left
            // 再减去按下按钮时的事件对象相对于其事件源的x值
            var val = parseInt(that.style.left);
            demo.innerHTML=(val/(parseInt(scrollW))*10).toFixed(1);
            if(val < 0){
                that.style.left = 0;
                demo.innerHTML="0"; //当滑动条的宽度小于0的时候,将bar的left设置成滑动条的宽度减去滑动按钮的宽度。
            }else if(val > (scrollW-barW)){
                that.style.left =scrollW-barW+"px"; //当超出滑动条宽度的时候,将bar的left设置成滑动条的宽度减去滑动按钮的宽度。
                demo.innerHTML="10";
            }
            mask.style.width=that.style.left; //因为之前if控制过that.style.left的值，所以直接将bar的left的值赋给左边mask的宽。
        }
        document.onmouseup = function () {
            //清除滑动
            document.onmousemove = null;
            //清除抬起，为了节省性能
            document.onmouseup = null;
        }
    }
script>

解释都在代码里里面了。
我再来提一下本题的难点:
1.按下按钮和移动按钮的两个事件对象是不一样的。
2.因为按钮是滑动条的子元素，所以滑动条遮罩的宽度就等于按钮的left属性值。
3.抬起按钮事件触发时，清除滑动，清除抬起（为了节省性能，因为下次按下的时候还会有抬起事件。）
4.按钮的left属性（就是按钮相对于其父元素滑动条的left距离）=
移动时的鼠标对象到可视页面的X，
减去滑动条到页面的left值，
再减去按下按钮时的事件对象相对于其事件源的x值。

下面是html代码：

<body>
<div class="scroll" id="scrollBar">
    <div class="bar">div>
    <div class="mask">div>
div>
<div class="demo" id="demo">div>
body>

下面是css代码：

 <style>
        *{
            margin: 0;
            padding: 0;
            user-select: none;
        }
        .scroll{
            width: 400px;
            height: 8px;
            background-color: #ccc;
            margin: 100px;
            position: relative;
            border-radius: 10px;
        }
        .bar{
            width: 10px;
            height: 22px;
            background-color: #369;
            position: absolute;
            top: -7px;
            left: 0;
            cursor: pointer;
            border-radius: 10px;
        }
        .mask{
            width: 0;
            height: 100%;
            background-color: #336699;
            /*position: absolute;
            top: 0;
            left: 0;*/
        }
        .demo{
            width: 30px;
            height: 22px;
            border:5px solid #ffff00;
            position: fixed;
           top: 90px;
           left: 20px;
            text-align: center;
        }
    style>

你可能感兴趣的:(前端h5,JS,用JS模拟拖拽滚动条)

  • vite-plugin-html 插件 无花无酒_3cd3
    vite-plugin-html功能HTML压缩能力EJS模版能力多页应用支持支持自定义entry支持自定义template安装(yarnornpm)nodeversion:>=12.0.0viteversion:>=2.0.0yarnaddvite-plugin-html-D或npmivite-plugin-html-D使用在index.html中增加EJS标签，例如在vite.config.t
  • day---python变量的概念 小白进阶中 python
    变量的概念python是面向对象的，解释型和弱类型。变量：里面盛放的值随时可以发生变化，声明变量实际上是给内存要空间。给你赋什么值就是什么类型*字母数字下划线不能用下划线开头。多个变量需要打印时候用–逗号value表示一个值，sep=“”表示之间用空格分隔，可以自己改成别的。end=“\n”就是转义字符，默认是\n在字符串里面有\n就可以换行。默认的追加。name='小白'age=18gender
  • Python自动化神器：Faker库生成逼真测试数据的10种高级技巧
    Python自动化神器：Faker库生成逼真测试数据的10种高级技巧fromfakerimportFakerimportpandasaspdimportjsonfromdatetimeimportdatetime#创建一个Faker实例fake=Faker('zh_CN')#使用中文本地化#生成基本个人信息defgenerate_user():return{"name":fake.name(),"
  • 十二岁少年弑母，把孩子变成恶魔很简单 云海白
    01湖南沅江十二岁少年弑母案，引发轰动。群情激愤。12月2日，十二岁的吴某，因不满母亲严格管教，趁母亲熟睡，在卧室刀砍母亲二十多刀致死。事后，锁上房门，藏起钥匙，扔掉凶器。用母亲手机给老师请假。对找上门的外公撒谎，说母亲外出。表现超出年龄的镇定。案发后，面对警察说出“我杀的是我妈，又不是别人，学校不可能不让我上学吧”无知，残暴，冷漠，凉薄，没有看见一丝一毫人性的部分。12月6日，因未到法定年龄，被
  • 我眼里的IE40PRO 树先生1988
    我不是耳机烧友，但一直对声音有所偏爱。几年前，一个副奥特蓝星的UHP606让我大为感动，还专门写过一年文章纪念它。10年了，那副耳机被我缝缝补补、再缝再补，终于略显疲态。于是，我打算换一副耳机。我需要什么样的耳机呢？32岁了，我到底在乎什么？沿着这个问题想下去，其实很有意思。选择一是Apple的无线耳机，很方便用，也很拉风。但音质确实一般般。飞利浦的9500，是曾经的旗舰，赞誉一片，但作为一个不适
  • 未来最挣钱的十大行业排行榜 2024暴利行业 一起高省
    随着科技的不断发展和社会的不断进步，新兴产业不断涌现，给经济带来了新的增长点。那么，在未来，哪些行业将成为最有利可图的领域呢？以下是未来最挣钱的十大行业排行榜。先给大家分享一个小编在做的网络项目，不用投资一分钱，只要淘宝、京东、拼多多等电商不倒，这个项目永久可做，而且收入稳定！网购你是直接下单吗？还是说用别人的口令和链接下单？千万不要这么做了，网购是可以领取隐藏优惠券和高额返佣的。如果你直接下单的
  • 移动开发中移动UI设计的布局策略全解析 移动开发前沿 移动端开发宝典uiai
    移动开发中移动UI设计的布局策略全解析关键词：移动UI布局、流式布局、弹性布局、响应式布局、约束布局、适配策略、跨设备兼容摘要：在移动开发中，手机屏幕尺寸从4英寸到10英寸不等，分辨率从720P到4K，还有横竖屏切换、折叠屏等新形态。如何让UI在不同设备上“不变形、不错位、不丢失信息”？本文将从“为什么需要布局策略”出发，用“小明设计奶茶店APP”的故事串起固定布局、流式布局、弹性布局、响应式布局
  • 《最初的梦想》观影 心理实践者周周
    被帕塔克寄予厚望的儿子拉加夫高考失利，因无法忍受当一个“失败者”选择跳楼自杀。送医院经抢救虽勉强保住性命，却被医生告知孩子病情一直恶化，原因是孩子没有求生的欲望，面对病床前丧失信心的儿子，心痛不已的父亲帕塔克给儿子讲述了他在大学时代自己与朋友们以及前妻玛雅，为了完成“失败者”的逆袭，在冠军联赛中如何摆脱失败者标签拼尽权力的故事。电影用鼓励孩子增强活下去的勇气和冠军联赛逆袭两条故事线将整部剧联系在一
  • Linux进程间通信--命名管道
    目录1、什么是命名管道1.1命名管道的创建和使用1.2、命名管道的工作原理1.3、命名管道与匿名管道的区别2.命名管道的特点及特殊场景2.1特点2.2四种特殊场景3.日志类的模拟3.1可变参数的利用3.2time()函数和structtm类的介绍3.3日期类的实现1、什么是命名管道命名管道是一种在文件系统中存在的特殊文件类型，它允许不同进程通过文件名（即“命名”）来访问和进行通信。与匿名管道相比，
  • 2022-07-17 未日央
    前段时间参加的几个活动，这周都结束了，同时参加好几个训练，是想要监督督促自己每天有很多的任务做，虽然很多时候都是为了应付作业，不过做的事情越多，越来越发现自己身上暴露出来的缺点和不足中午睡了一觉，昨天晚上感觉右面肩膀不舒服，可能是右手鼠标用多了，每天除了看电脑还拿手机，然后空调风扇也一起吹着，感觉右面非常的僵硬，不过这两天刚开始解封，又不敢去按摩，肩膀带的脖子，后背，甚至头都有点痛，晕晕忽忽的，一
  • Python day18 赵英英俊 Python训练python
    @浙大疏锦行pythonday18.内容：昨天学习了聚类算法的一些基本内容，今天继续学习相关知识分析簇的特征和相关含义（使用可视化来进行分析，也可以使用ai）代码：shap.initjs()#初始化SHAP解释器explainer=shap.TreeExplainer(model)shap_values=explainer.shap_values(x1)#这个计算耗时shap_values.sha
  • 你只管努力，上天自由安排 石川河女神
    我们总是习惯于羡慕别人的成就，却往往忽略了成就背后的付出。其实在这个世界上，没有任何人可以随随便便取得成功。而凡是有大成就者，他们往往都有着共同的特征——自律。所谓自律，指的是对自己的严格要求，并且坚持下去的能力。这种能力门槛很高，也很低。低到日常生活习惯的培养，高到数十年如一日不间断的坚持，需要你用一生的时间去书写。一，早起，是成功者的标配不管你早上几点上班，我发现很多次你连早餐都顾不上吃，一路
  • 频繁记录着，因为生活值得。 SmileJoker笔迹
    1、始终不明白没有结果的人为什么要相遇2、挣钱就好其他都俗3、是个凡人偶尔烦人4、有在好好生活5、外界的声音都是参考6、用野草纪念我吧玫瑰太贵了野草遍地都是7、我深知这是我一个人的困局8、不忙你说我在听9、雨都停了这片天灰什么呢10、长相跟不上审美经济跟不上品味11、开导朋友一套又一套轮到自己拿绳子套一套12、发呆是唯一不用付费的宇宙漫游13、频繁记录着因为生活值得
  • 【华为OD机试真题 2025C卷】161、 机器人可活动的最大网格点数目 | 机试真题+思路参考+代码解析（C++、Java、Py、C语言、JS） KFickle 最新华为OD机试(C++JavaPyCJS)+OJ华为od机器人c++华为OD机试真题java机器人可活动的最大网格点数目c语言
    文章目录一、题目题目描述输入输出样例1二、代码与思路参考C++代码Java代码Python代码C语言代码JS代码订阅本专栏后即可解锁在线OJ刷题权限个人博客首页：KFickle专栏介绍：最新的华为OD机试真题，使用C++，Java，Python，C语言，JS五种语言进行解答，每个题目都包含解题思路，五种语言的解法，每日持续更新中，订阅后支持开通在线OJ测试刷题！！！一次订阅永久享受更新，有代码问题
  • 亚马逊优惠券如何叠加？ 氧惠好项目
    亚马逊的优惠券可以叠加使用，但需要注意以下几点：领购物大额优惠券、赚返利佣金用氧惠~氧惠APP（带货领导者）——是与以往完全不同的抖客+淘客app！2023全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（每天出单带货几十万单）氧惠是公认的返利最好用的软件。注册即可享受高补贴+0撸+捡漏等带货新体验。氧惠邀请码888999，送万元推广大礼包，教你如何1年做到百万团队。优惠
  • JS 柯里化 (Currying)：函数参数的偏应用与函数复用
    各位程序猿，大家好！我是你们今天下午的JS柯里化专题讲座讲师，叫我老王就行。今天咱们不搞虚的，直接上干货，聊聊JS里一个听起来高大上，用起来贼好使的技术——柯里化（Currying）。开场白：柯里化，你别怕，它真不难！很多人一听到“柯里化”三个字，就感觉像进了什么魔法学院，满眼都是咒语和符文，恨不得直接逃课。淡定！柯里化其实没那么可怕，它只是把一个接受多个参数的函数，变成一系列接受单个参数的函数。
  • 全链路压测：影子库与影子表之争 阿里巴巴中间件 数据库分布式java人工智能大数据
    01业界盛传的全链路压测是什么Aliware全链路压测诞生于阿里巴巴双11备战过程，如果说双11大促是阿里业务的“期末考试”，全链路压测就是大考前的“模拟考试”，诞生后被誉为双11稳定性保障的“核武器”。全链路压测通过在生产环境对业务大流量场景进行高仿真模拟，获取最真实的线上实际承载能力、执行精准的容量规划，确保系统可用性。分布式架构和业务快速发展给业务系统带来了不确定性。分布式环境的任意节点都可
  • vue实现超出字数中间用省略号显示
    显示效果：传统节日里的氛围......传统节日里的氛围原理：利用vue中的过滤器filterhtml代码：{{hashName|ellipsis}}js代码：filters:{ellipsis(value){letlen=value.length;if(!value)return''if(value.length>20){returnvalue.substring(0,8)+'......'+va
  • 接口压测：性能极限测试全解析
    文章摘要接口压测是通过模拟高并发请求对API接口进行性能测试，评估其承载能力、响应速度和稳定性。核心内容包括并发访问、高频调用、参数多样性测试及异常场景验证，常用工具如JMeter、Locust等。关键指标包括QPS、响应时间、错误率等，需在接近生产环境测试并逐步加压，以发现性能瓶颈，确保系统在业务高峰期的可靠性。通过压测可优化接口性能，为系统扩容提供数据支撑。1.为什么要做接口压测？验证接口的最
  • 极限高并发压测：P7架构师与应届生的JVM调优对决 搞Java的小码农 Java面试场景题Java面试高并发性能优化JVM调优极限场景
    文章标题：极限高并发压测：P7架构师与应届生的JVM调优对决场景描述在一个互联网大厂的终面环节，面试官决定通过模拟真实业务场景来考察候选人的技术深度和解决问题的能力。面试官是一位有着丰富经验的P7架构师，而候选人是刚刚毕业的应届生小兰，她擅长手写Tomcat并自认为对JVM有一定了解。面试的背景是一个极端的高并发场景，QPS从2000飙升至10万，同时伴随着内存泄漏问题和GC暂停时间的急剧增加。第
  • UE5 官方案例Lyra 全特性详解 14.背包系统Inventory System3 CloudHu1989 ue5游戏程序c++
    目录0.前言1.合成物品1.1物品数据1.2绘制装备合成1.3蓝图配置2.商店生成位置3.提示信息4.拖拽的图标0.前言接上一篇没有讲完的部分,首先把源码cloudhu/Lyra_Inventory公开给大家去克隆,源码中有很多不完善的地方大家可以放手去修改,后续讲的内容也会往这个仓库去推送.把这个仓库克隆到本地,然后生成VS代码,打开VS,然后编译代码,编译通过后,打开编辑器,如果地图不是Wor
  • 3D打印遥控投喂船：用ESP32C3打造低成本水上机器人 iotzgq 机器人
    项目缘起：从脚踏船到智能投喂的创新转身在创客圈，灵感往往源于意外的"灵光一闪"。这个3D打印遥控投喂船的项目最初只是想做一艘普通的遥控脚踏船，直到开发者突发奇想：为什么不增加一个自动投喂装置？这个改动让项目瞬间具备了实用价值——不仅能在湖面操控小船畅玩，还能精准投放鱼食或鱼药到人工难以到达的水域。最令人称道的是其无线通信方案：放弃了传统遥控模块，采用ESP-NOW协议实现船与遥控器的通信。这种方案
  • 用ESP8266和MicroPython打造WiFi智能遥控小车：从入门到实战
    项目概述：WiFi控制的创新体验在物联网技术飞速发展的今天，传统遥控小车早已无法满足创客们的探索欲望。本文将介绍一个基于ESP8266和MicroPython的WiFi遥控小车项目，通过两个ESP8266模块实现无线通信，让你摆脱传统遥控器的束缚，体验物联网控制的乐趣。核心功能亮点WiFi无线控制：无需传统射频模块，通过WiFi网络实现远程操控双ESP8266架构：一个作为车载接收端，一个作为手持
  • 生活需要仪式感 侯丽颖
    几天前去早市，看到有卖鲜花的人，于是起兴，买了3支百合，店家很热情，为我选了3支粉色百合，含苞待放。回到家剪枝摘叶，没有花瓶，用矿泉水瓶代替，不影响心情，插好后，心情大好，静待花开。今天百合花已全然绽放，进入家门，闻到花香心情都是香香的，庞先生也赞不绝口。是啊，平时生活比较平淡，需要一些颜色、一些香气来点缀，让生活更充实，增加一些小仪式，让生活更有品质。图片发自App
  • 我们为什么要活着 无心123
    福贵的一生经历了太多的苦楚，但是他依然坚强地活着。不论你是平民百姓，还是亿万富翁，亦或是身处庙堂，都要经历生死，亦都要体悟活着。活着是为了什么？我觉得：活着就是让你用一生的时间去思考，去践行你活着的意义。在你离开这个世界的时候，你会想：这个人间我来过，我已经体悟到了活着的意义。
  • 淘宝联盟新手怎么赚钱?怎么用淘客联盟赚钱? 高省APP珊珊
    淘宝联盟是能赚钱的，如果我们渠道多，然后分享出去的商品，购买的人也多的话，赚的钱还是挺多的。如果是刚开始做的小伙伴，淘宝联盟新手怎么赚钱?网上购物用高省APP更优惠！高省APP，是2021年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入。珊珊导师，高省邀请码666123，注册送2皇冠会
  • 五大编程竞赛平台终极对比 2401_86601498 c++
    LeetCodeLeetCode是一个流行的在线编程平台，提供大量算法和数据结构题目。题目分为简单、中等和困难三个难度级别。LeetCode的题目涵盖各种主题，包括数组、字符串、树、动态规划等。LeetCode支持多种编程语言，包括C++，并提供在线代码编辑器和即时反馈。LeetCode还提供竞赛和面试模拟功能，适合准备技术面试的用户。CodeforcesCodeforces是一个以竞赛为主的在线
  • 场景压测：真实业务下的性能挑战
    文章摘要场景压测通过模拟真实用户的操作路径（如电商的登录-浏览-下单流程），评估系统在多接口协同、复杂业务场景下的性能与稳定性。与单接口压测不同，它更关注全链路瓶颈、资源协作及异常处理。实施需梳理业务流程、设计用户模型、编排压测脚本，并分析系统整体表现。其核心价值在于提前暴露生产环境中可能出现的流程级问题，为业务高峰期的系统承压能力提供保障。1.场景压测和接口压测的区别接口压测：通常只针对单一接口
  • Fetch.js pilakuma
    import*ashelperfrom'./helper.js'importCookiesfrom'js-cookie'exportdefaultasync(url='',data={},type='GET',method='fetch',body=null)=>{type=type.toUpperCase();url=url;if(data){if(type=='GET'||type=='POS
  • nodejs中process讲解
    虽然node对操作系统做了很多抽象的工作，但是你还是可以直接和他交互，比如和系统中已经存在的进程进行交互，创建工作子进程。node是一个用于事件循环的线程，但是你可以在这个事件循环之外创建其他的进程（线程）参与工作。进程模块process模块允许你获得或者修改当前node进程的设置，不想其他的模块，process是一个全局进程(node主进程)，你可以直接通过process变量直接访问它。proc
  • 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其他