onmousewheel&DOMMouseScroll自定义滚动条

简单的自定义滚动条效果
js源码 适合有一定基础的菜鸟 因为我也是个菜鸟 哈哈 不多说 直接奉上代码

  1 <!DOCTYPE html>

  2 <html>

  3 <head lang="en">

  4     <meta charset="UTF-8">

  5     <title>鼠标滚轮滑动的——滚动条</title>

  6     <style>

  7         *{padding: 0; margin: 0;}

  8         #case{ width: 332px;  margin:30px auto;}

  9         #parnte{ width: 30px; height: 402px;  background-color: #333333; position: relative; float: right;}

 10         #div2{width: 30px; height: 30px; background: #00ffff; position: absolute;}

 11         #box{ background-color:#cccccc;  width:300px; height:400px; border: 1px #000000 solid; overflow: hidden; position: relative; float: left;}

 12         #txt{position: absolute; left: 0; top: 0; padding: 10px 5px;}

 13     </style>

 14     <script>

 15         window.onload=function()

 16         {

 17 //          获取domElement;

 18             var oParnt = document.getElementById('parnte');

 19             var oDiv2 = document.getElementById('div2');

 20             var oBox = document.getElementById('box');

 21             var oTxt = document.getElementById('txt');

 22 

 23 //          初始化 y

 24             var disY =0;

 25 

 26 //          绑定事件 兼容主流浏览器

 27             fnAddEvent(oDiv2 ,'mousewheel' , fnMouseWheel);

 28             fnAddEvent(oDiv2 ,'DOMMouseScroll' , fnMouseWheel);

 29 

 30             fnAddEvent(oParnt ,'mousewheel' , fnMouseWheel);

 31             fnAddEvent(oParnt ,'DOMMouseScroll' , fnMouseWheel);

 32 

 33             fnAddEvent(oBox ,'mousewheel' , fnMouseWheel);

 34             fnAddEvent(oBox ,'DOMMouseScroll' , fnMouseWheel);

 35 

 36 

 37             function fnMouseWheel(ev)

 38             {

 39                 var oEvent = ev||event;

 40                 var bDown = true;

 41 //              判断滚轮 方向

 42                 bDown=oEvent.wheelDelta?oEvent.wheelDelta<0:oEvent.detail>0;

 43                 if(bDown)//IE

 44                 {

 45                     fnScope(oDiv2.offsetTop+10);

 46 

 47                 }

 48                 else//FF

 49                 {

 50                     fnScope(oDiv2.offsetTop-10);

 51                 }

 52 //                FF 下解决 自带滚动条 滚动事件

 53                 if(oEvent.preventDefault)

 54                 {

 55                     oEvent.preventDefault();

 56                 }

 57 

 58 //               IE 下解决 自带滚动条 滚动事件

 59                  return false;

 60             }

 61 

 62             oDiv2.onmousedown=function(ev)

 63             {

 64                 var oEvent =ev || event;

 65                 disY=oEvent.clientY-oDiv2.offsetTop;

 66 

 67                 if(oDiv2.setCapture)//IE

 68                 {

 69 

 70                     oDiv2.onmousemove=fnMove;

 71                     oDiv2.onmouseup=fnUp;

 72                     oDiv2.setCapture();//获取捕获pc端所有事件 解决IE下 bug

 73                 }

 74                 else//FF

 75                 {

 76                     alert('a');

 77                     document.onmousemove=fnMove;

 78                     document.onmouseup=fnUp;

 79                 }

 80                 return false;

 81             };

 82 

 83 

 84 

 85             function fnMove(ev)

 86             {

 87 

 88                 var oEvent =ev || event;

 89                 var t=oEvent.clientY-disY;

 90 

 91                 fnScope(t);

 92 

 93 

 94             }

 95 

 96             function fnUp()

 97             {

 98                 this.onmousemove=null;

 99                 this.onmouseup=null;

100 

101                 if(oDiv2.releaseCapture)

102                 {

103                     oDiv2.releaseCapture();

104                 }

105 

106             }

107 

108 //            将限制 返回和 控制文本 滑动的 函数封装 以便 拖拽 和 滚轮 事件的 时候 计算

109             function fnScope(t)

110             {

111                 if(t<0)

112                 {

113                     t=0;

114                 }

115                 else if(t>oParnt.offsetHeight-oDiv2.offsetHeight)

116                 {

117                     t=oParnt.offsetHeight-oDiv2.offsetHeight;

118                 }

119                 oDiv2.style.top=t+'px';

120 //                获得百分比

121                 var scale= t/(oParnt.offsetHeight-oDiv2.offsetHeight);

122 

123                 oTxt.style.top=-(oTxt.offsetHeight-oBox.offsetHeight)*scale+'px';

124             }

125 

126         };

127 

128         //绑定事件

129 

130         function fnAddEvent(obj ,sEvent , fn)

131         {

132             var fnEvent=fn;

133             if(obj.attachEvent)

134             {

135                 fnEvent=function(arguments)

136                 {

137                   fn.call(obj, arguments)

138                 };

139                 obj.attachEvent('on'+sEvent ,fnEvent );

140             }

141             else

142             {

143                 obj.addEventListener(sEvent ,fnEvent);

144             }

145 

146             return fnEvent;

147         }

148     </script>

149 </head>

150 <body style="height: 800px;">

151 <div id="case">

152     <div id="parnte">

153         <div id="div2"></div>

154     </div>

155 

156     <div id="box">

157         <div id="txt">

158             新华网天津12月27日电  27日上午，长江水抵达南水北调中线天津市内配套工程的第一站——曹庄泵站，流向天津滨海新区的津滨水厂，并从这里进入天津的千家万户。

159 

160             记者站在泵站水闸处看到，尽管天津室外温度很低，但经过千里跋涉的长江水水面并无结冰，平缓流动。

161 

162             天津市自来水集团总工程师何文杰说，为保障各水厂切换平稳过渡、安全运行，引江水进入天津后，将在各家水厂分阶段、分步骤实施水源切换，其中，位于滨海新区的津滨水厂目前已经率先切换，该水厂覆盖的天津市东丽区、津南区及滨海新区部分区域的市民从当前开始最先喝上长江水。至2015年春节前后，天津中心城区广大市民都将喝上长江水。

163 

164             “南水北调中线工程建成通水后，天津将有引滦入津和南水北调两条水源，水资源短缺的局面得到缓解。”天津市南水北调办公室主任朱芳清说，“新的供水格局，为经济社会可持续发展、生态文明建设和群众生活水平的提高，提供更可靠的水资源保障。”

165 

166             天津是资源型严重缺水地区，水资源短缺、单一、脆弱问题突出，始终是经济社会发展的制约性因素。天津也是南水北调中线工程的主要受水区之一。

167 

168             记者了解到，2006年6月，天津市在中线工程沿线各省市中率先启动了南水北调配套工程建设，截至目前，直接承接引江水的天津中心城区供水工程、尔王庄水库至津滨水厂供水工程、滨海新区供水工程、西河原水枢纽泵站、西河原水枢纽泵站至宜兴埠站原水管线联通工程等5个骨干输配水工程已全部建成，累计完成投资79亿元，并如期迎来了清澈的长江水。

169 

170             朱芳清介绍，引江之水来之不易，天津市将加强水资源管理，落实最严格的新华网天津12月27日电  27日上午，长江水抵达南水北调中线天津市内配套工程的第一站——曹庄泵站，流向天津滨海新区的津滨水厂，并从这里进入天津的千家万户。

171 

172             记者站在泵站水闸处看到，尽管天津室外温度很低，但经过千里跋涉的长江水水面并无结冰，平缓流动。

173 

174             天津市自来水集团总工程师何文杰说，为保障各水厂切换平稳过渡、安全运行，引江水进入天津后，将在各家水厂分阶段、分步骤实施水源切换，其中，位于滨海新区的津滨水厂目前已经率先切换，该水厂覆盖的天津市东丽区、津南区及滨海新区部分区域的市民从当前开始最先喝上长江水。至2015年春节前后，天津中心城区广大市民都将喝上长江水。

175 

176             “南水北调中线工程建成通水后，天津将有引滦入津和南水北调两条水源，水资源短缺的局面得到缓解。”天津市南水北调办公室主任朱芳清说，“新的供水格局，为经济社会可持续发展、生态文明建设和群众生活水平的提高，提供更可靠的水资源保障。”

177 

178             天津是资源型严重缺水地区，水资源短缺、单一、脆弱问题突出，始终是经济社会发展的制约性因素。天津也是南水北调中线工程的主要受水区之一。

179 

180             记者了解到，2006年6月，天津市在中线工程沿线各省市中率先启动了南水北调配套工程建设，截至目前，直接承接引江水的天津中心城区供水工程、尔王庄水库至津滨水厂供水工程、滨海新区供水工程、西河原水枢纽泵站、西河原水枢纽泵站至宜兴埠站原水管线联通工程等5个骨干输配水工程已全部建成，累计完成投资79亿元，并如期迎来了清澈的长江水。

181 

182             朱芳清介绍，引江之水来之不易，天津市将加强水资源管理，落实最严格的水资源管理制度，合理配置水资源，同时强化水生态保护，高效、节约用水，把水用好、用活、用足，让宝贵的引江水促进发展、提升环境、改善民生。水资源管理制度，合理配置水资源，同时强化水生态保护，高效、节约用水，把水用好、用活、用足，让宝贵的引江水促进发展、提升环境、改善民生。

183         </div>

184     </div>

185 </div>

186 

187 </body>

188 </html>

 

你可能感兴趣的:(mousewheel)

  • 滑动一整屏 初晨未凉 前端javascript
    需求：用户通过鼠标滚轮滑动的时候一整屏进行翻页。参考网站效果微派网络实现思路：1.首先我们需获取可视区域的高度document.documentElement.clientHeight;2.根据动态设置top属性即可进行翻页。3.需判断上滑还是下滑根据onmousewheel滚轮事件即可判断,开始时间为当前时间，结束时间为事件结束以后当时间，若是差值为负数到一定区间，即可判断为向上滑动，否则为向下
  • 原生mobile-select选择器，选择时报错 Unable to preventDefault inside passive event listener invocation.原因，处理办法 七个隆咚锵
    import'default-passive-events'//这是为了解决警告[Violation]Addednon-passiveeventlistenertoascroll-blocking‘mousewheel’event.Considermarkingeventhandleras‘passive’tomakethepagemoreresponsive。default-passive-ev
  • 【VS Code+Verilog+Vivado使用】（2）基本设置 xduryan VSCodevscode
    文章目录2基本设置2.1字体大小2.2Tab大小2.3选中高亮2.4文件编码2基本设置2.1字体大小方法1：VSCode左下角>管理>设置，搜索"fontsize"，点击左侧"字体"，根据需要设置"editor.fontSize"选项的值，改变字体大小，如下图蓝框部分所示：方法2：VSCode左下角>管理>设置，搜索"mousewheelzoom"，勾选"editor.mouseWheelZoom
  • java activemq 实例_使用Java ActiveMQ的实例讲解 瞎了了 javaactivemq实例
    所需引入Jar包：jms-1.1.jaractivemq-all-5.15.0.jar生产者packagecom.mousewheel.demo;importjavax.jms.Connection;importjavax.jms.ConnectionFactory;importjavax.jms.Destination;importjavax.jms.JMSException;importjav
  • hz-滚轮事件 zhanghongzhen
    滚轮事件处理两个方面一是事件绑定一是获取滚轮属性值一事件绑定火狐是window.document.addEvenetListenr("DOMMouseScroll",funtion(){},false);其他window.onmousewheel=document.wheel=function(){}二是获取滚轮属性值火狐是delta正值是下负值是上大小为3其他wheeldelta正值是上负值是下
  • vue移动端绑定@click事件失效问题 丶End
    vue移动端绑定click事件失效问题原因可能是你使用了better-scroll，默认它会阻止touch事件。所以在配置中需要加上click:true例：mounted(){this.scroll=newBscroll(this.$refs.wrapper,{mouseWheel:true,click:true,tap:true})}
  • Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能 奶糖 肥晨 vuejsvue.js计算机外设javascript
    前言其实想要实现功能很简单，就是在一张图片上监听鼠标滑轮滚动的事件，然后根据上滚还是下滚实现图片的缩放。效果：注：该配图使用《漫画|有趣的了解一下赋值、深浅拷贝》文章图片，不存在侵权问题。实现思路在js中，onmousewheel是鼠标滑轮滚动事件，可以通过这个事件触发来改变图片的大小，实现图片放大缩小功能。但是我们这里是vue所以使用的是：mousewheel。@mousewheel来监听鼠标滑
  • Android Studio（AS）各种设置问题 接骨木go
    Ctrl+鼠标滚轮放大缩小编辑器字体之前以为在keymap里面，找了半天没找着，后来发现在Settings->Editor->General->Changefontsize（Zoom）withCtrl+MouseWheel!image.png
  • vue实现全屏滚动，非fullpage.js 程序员半夏
    是什么网页的一个页面占据一屏的宽高，多个页面上下或者左右拼接在一起。当滑动鼠标滚轮，或点击导航按钮时，可以平滑到对应的页面。此次只实现鼠标滚动实现原理使用mousewheel,DOMMouseScroll(火狐用)监听鼠标滚动事件，当鼠标上下的滚动的时候，当前的页面transformY(屏高)或者transformX(屏宽)代码实现HTML1234JSexportdefault{name:"Hom
  • VUE屏幕整体滚动——滑动或滚轮（原生方法） YIGE_MO Webvue.js前端javascript
    文章目录前言一、基础函数1、页面部分2、页面切换使用的函数二、鼠标的滚轮控制实现切换三、移动端触摸实现切换总结前言一年嗖的一下儿就过去了，最近几年很流行搞年终总结，因此也研究了一下相关的内容，主要记录一下手机端与电脑端分辨通过滑动与滚轮使得整个屏幕滚动的效果一、基础函数不论是使用滑动还是滚轮的方式基础的转换逻辑是相通的1、页面部分首先完成页面部分的搭建，@mousewheel、@DOMMouseS
  • 2016.01.02JS滚轮事件详解 芊芊简历 博客浏览器javascriptiefirefox
    本人第一次写博客，有写的不好的地方请大家指正哈，也是刚刚学到的写一下印象稍微的深刻一下，好了废话不多说进入正题；JS滚轮事件还是一个比较复杂的东西，主要分为两个版本：1.ie/chrome下使用的是onmousewheel事件；2.火狐浏览器下是不支持这个事件的，其实现这个事件的方法主要是通过事件监听来实现的，DOMMouseScroll这个事件，使用方法：obj.addEventListener
  • js--滚轮事件 米卡小米 jsjavascript前端servlet
    Document#box1{width:100px;height:100px;background-color:blueviolet;}window.onload=function(){varbox1=document.getElementById('box1');box1.onmousewheel=function(event){event=event||window.event;if(even
  • 常用js代码 zhanggongzi
    /***鼠标滚动*/$(document).on("mousewheelDOMMouseScroll",function(event){//mousewheel/wheelDelta-IE/Opera/Chrome//DOMMouseScroll/detail-FirefoxvarwheelVal=(event.originalEvent.wheelDelta&&(event.originalEv
  • 滚轮事件 虎三呀
    #box1{width:100px;height:100px;background-color:red;}window.onload=function(){//获取id为box1的divvarbox1=document.getElementById("box1");//为box1绑定一个鼠标滚轮滚动的事件/**onmousewheel鼠标滚轮滚动的事件，会在滚轮滚动时触发，*但是火狐不支持该属性*
  • IDEA中通过鼠标滚轮控制字体大小 红豆810 intellij-idea
    在idea中，选择File---Settings---Editor---General,把MouseControl下方的ChangefontsizewithCtrl+Mousewheelin:前打上对勾，点击ok就设置完成。通过ChangefontsizewithCtrl+Mousewheelin的翻译可知，Ctrl+鼠标滚轮就可以控制代码的字体大小显示，字体可放大可缩小。（操作步骤如下图）第一步
  • 工业性能CCD图像处理+ 韶光不负 CCD图像处理人工智能自动化
    目录硬件部分编辑软件部分CCD新相机的调试处理（更换相机处理，都要点执行检测来查看图像变化）问题:新相机拍摄出现黑屏，图像拍摄不清晰，（可以点击图像，向下转动鼠标的滚轮（MouseWheel）放大图像）解决办法：进入CCD的设定，选择对应的相机，调试好参数（如下图）选择好相机型号，选择拍摄图片的大小，拍照速度当太快或者太慢都影响照片的清晰。CCD的敏感度也会对拍摄的照片清晰度有影响。触发模式的选择
  • 【idea】设置鼠标滚轮控制缩放大小 程序员食堂 ldea工具计算机外设
    1、点击file选择Setting2、点击Editor下面的General3、勾选MouseControl下面的ChangefontsizewithCtrl+MouseWheelin4、点级apply5、按ctrl键+鼠标滚轮缩放字体的大小
  • 横向iscroll阻止纵向浏览器滚动条 天天睡觉qwq jqueryiscroll
    在初始化iscroll时设置：varmyScroll=newIScroll('.container',{//mouseWheel:true,//鼠标滚轮支持//scrollbars:false,//滚动条支持scrollY:false,//滚动方向（垂直）scrollX:true,//滚动方向（水平）bounce:true,//边界时的反弹动画，默认trueclick:true,//IScroll
  • 如何控制滚轮横向滑动(原生JS实现方法) 满脑子技术的前端工程师 JavaScriptEvent事件JavaScriptjavascript前端html鼠标滚轮
    控制滚轮横向滑动提示：这个是以前讨论的时候遇到的情况;回头想了一下应用场景确实挺多的,.所以今天趁周末大致的记录一下如何通过js去实现【横向滚动】文章目录控制滚轮横向滑动解决思路如下`1.如何在页面中展示横向滚动条``2.如何获取鼠标的【滚动轮】``3.通过什么Api去实现滚动效果`一、如何创建横向滚动条1.代码如下(HTML和CSS)2.效果如下图所示:二、鼠标滚动轮事件(mousewheel和
  • Element UI 禁用数字输入框组件添加鼠标滚动事件 IT凝冬 前端
    ElementUI禁用数字输入框组件添加鼠标滚动事件@mousewheel.native.prevent//谷歌浏览器禁止滚轮滚动修改数据@DOMMouseScroll.native.prevent//火狐浏览器禁止滚轮滚动修改数据
  • echarts 中如何添加左右滚动条 数据如何进行堆叠如何配置那些数据使用那个数据轴 沉迷... 可视化echarts前端javascript
    左右滚动条的效果此项的具体配置可参考https://echarts.apache.org/zh/option.html#dataZoom-inside.moveOnMouseWheeldataZoom:[{id:'dataZoomX',type:'inside',//start:0,//end:this.xAxis.length>5?10:100,startValue:this.xAxis.len
  • MFC鼠标事件-OnMouseMove移动OnMouseWheel缩放 爱上杨小厨
    （1）目的说明：重新实现MFC中的鼠标事件函数，实现鼠标左键拖动效果和滚轮拖动效果。（2）鼠标事件说明：OnMouseMove响应鼠标移动事件OnMouseWheel响应鼠标中键的滚动（3）鼠标事件参数说明afx_msgvoidOnMouseMove(UINTnFlags,CPointpoint);nFlags说明：指示虚拟按键是否按下，此参数可以是任何下列值的组合MK_CONTROL当CTRL键
  • JS取消事件默认行为和移动端触屏事件 heartToSky JSCSSjavascript前端css
    在写一些特殊的页面时候可能会需要取消事件的默认行为，例如取消鼠标滚轮的默认滚动window.addEventListener('mousewheel',function(e){console.log('滚动了');e.preventDefault()},{passive:false})//火狐用DOMMouseScroll绑定滚轮事件window.addEventListener('DOMMous
  • 利用css实现图片放大缩小 m0_63701303 javascript
    data(){return{zoomD:1,imgSrc:"https://img2.baidu.com/it/u=1395980100,2999837177&fm=253&fmt=auto&app=120&f=JPEG?w=1200&h=675",//横图};},利用@mousewheel.prevent滚轮事件获取滚轮向上滚动还是向下滚动rollImg(e){letdirection=e.de
  • 【VSCode】VSCode自定义代码编辑区背景色 allanGold 工具vscode代码编辑区背景色
    //Acodeblock{"editor.fontSize":16,"editor.mouseWheelZoom":true,"editor.tabSize":2,"workbench.colorCustomizations":{//写在AtomOneLight里面则只对该主题有效"[AtomOneLight]":{"editor.background":"#c5f3cb","sideBar.ba
  • vue中滚动条冒泡踩过的一些坑 document.getElementById 为null C.ja 前端vuedomjs前端
    Vue中阻止滚动条冒泡,在父元素中加上一句话就可以了!不需要写一大堆方法@mousewheel.stop一句话阻止滚动条冒泡:解决如题问题:首先这是一个原生一些的滚动条冒泡问题,其次,标题里面写了document.getElementById,实际上vue中更推荐使用refletxxx=this.$refs.xxx滚动条冒泡方法是这样的:letcon=this.$refs.xxx//是否是fire
  • winform dataGridView 滚动条跟随鼠标操作移动 夜空中的星H
    privatevoidForm1_Load(objectsender,EventArgse){dataGridView1.MouseWheel+=newSystem.Windows.Forms.MouseEventHandler(dataGridView1_MouseWheel);dataGridView1.Scroll+=DataGridView1_Scroll;dataGridView1.Mo
  • vue2组件——翻页器 弦生_a3a3
    翻页器效果图chrome-capture-2022-8-23.gif话不多说先上代码exportdefault{data(){return{activeIndex:0,endTime:newDate(),}},mounted(){letlist=this.$refs['conRef'].childNodes;console.log(list)window.onmousewheel=e=>{leti
  • 整屏滚动 鬼会画符
    整屏滚动：jquery.mousewheel插件使用：jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮事件不兼容，可以使用jquery的滚轮事件插件jquery.mousewheel.js函数节流：javascript中有些事件的触发频率非常高，比如onresize事件(jq中是resize)，onmousemove事件(jq中是mousemove)以及上面说的鼠标滚轮事件，在短事件内多处触发
  • java全局字体_WPF全局字体大小 港科大理工男博士 java全局字体
    回答(9)2yearsago要使用ctrl-mousewheel全局动态更改字体大小：XAML：代码背后：privatevoidMainWindow_PreviewMouseWheel(objectsender,MouseWheelEventArgse){if((Keyboard.Modifiers&ModifierKeys.Control)!=0){if(e.Delta>0)++mainCtrl
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他