页面元素的定位：getBoundingClientRect()和document.documentElement.scrollTop

1.document.documentElement.getBoundingClientRect

MSDN对此的解释是：

Syntax

oRect = object.getBoundingClientRect()

Return Value

Returns a TextRectangle object. Each rectangle has four integer properties (top, left, right, and bottom) that represent a coordinate of the rectangle, in pixels.

Remarks

This method retrieves an object that exposes the left, top, right, and bottom coordinates of the union of rectangles relative to the client's upper-left corner. In Microsoft Internet Explorer 5, the window's upper-left is at 2,2 (pixels) with respect to the true client.

翻译成中文是：该方法获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。下面用图说明下。

该方法已经不再只是适用IE了，FF3.0+和Opera9.5+已经支持了该方法，可以说在获得页面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。 

页面元素的定位：getBoundingClientRect()和document.documentElement.scrollTop 

 

页面元素的定位：getBoundingClientRect()和document.documentElement.scrollTop 

下面的代码举了个简单的例子，可以滚动滚动条之后点红色区域看各个值的变化。

 

复制代码
<!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=utf-8" />
<title>Demo</title>
</head>

<body style="width:2000px; height:1000px;">
    <div id="demo" style="position:absolute; left:518px; right:100px; width:500px; height:500px; background:#CC0000; top: 114px;">Demo为了方便就直接用绝对定位的元素</div>
</body>
</html>
<script>
        document.getElementById('demo').onclick=function (){
        if (document.documentElement.getBoundingClientRect) { 
            alert("left:"+this.getBoundingClientRect().left)
            alert("top:"+this.getBoundingClientRect().top)
            alert("right:"+this.getBoundingClientRect().right)
            alert("bottom:"+this.getBoundingClientRect().bottom)
            var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
            var Y = this.getBoundingClientRect().top+document.documentElement.scrollTop;
            alert("Demo的位置是X:"+X+";Y:"+Y)
         } 
       }
</script>
复制代码

 

 

有了这个方法，获取页面元素的位置就简单多了，

 var X= this.getBoundingClientRect().left+document.documentElement.scrollLeft;
 var Y =this.getBoundingClientRect().top+document.documentElement.scrollTop;


2.要获取当前页面的滚动条纵坐标位置，用：
 document.documentElement.scrollTop
而不是
 document.body.scrollTop
documentElement 对应的是 html 标签，而 body 对应的是 body 标签。
在标准w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替.
如果你想定位鼠标相对于页面的绝对位置时，你会发现google里面1000篇文章里面有999.99篇会让你使用event.clientX+document.body.scrollLeft，event.clientY+document.body.scrollTop
,如果你发现你的鼠标定位偏离了你的想象，请不要奇怪，这是再正常不过的事情。
ie5.5之后已经不支持document.body.scrollX对象了。
所以在编程的时候，请加上这样的判断  
if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
 top = document.body.scrollTop;
 left = document.body.scrollleft; 
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
 top = document.documentElement.scrollTop;
 left = document.documentElement.scrollLeft; 
}

你可能感兴趣的:(scrollTop)

  • 解决vue移动端哈希模式页面返回滚动条置顶问题 【03】 vue笔记vue.jsjavascript
    问题：如a页面为列表，点击列表进入b页面，再返回a页面，a页面的滚动条置顶了解决思路：使用keep-alive缓存页面，在路由跳转时存储滚动条高度，在页面显示是设置滚动条高度全局js文件GFN.jsexportdefault{/***储存列表滚动条高度*@paramt*/saveScroller:(t)=>{t.scrollY=t.$refs.v_list.scroller.scrollTop},
  • uniapp scroll-view横向滚动不起效、纵向滚动自适应高度 赫卡夹 前端uni-app前端
    1.scroll-view纵向滚动自适应高度使用竖向滚动时，需要给一个固定高度，通过css设置height；如果不想写死、不想通过js计算，希望灵活获取高度应该怎么做呢，用css即可示例：//外层内容1内容2滚动区域即可；后面在真机测试下纵向滚动还遇到问题，切换到不同tab时，滚动条不复位，依然保持在上一次的滚动位置；增加:scroll-top=“scrollTop”，在切换tab时把scroll
  • 在UniApp中实现滚动时导航栏渐显固定效果 时无诳语Imp uni-app
    由于有时候UI出图很丰富,根本没有固定的导航栏,但是又要实现滚动页面有固定导航栏,还是渐渐显示的效果我的导航栏exportdefault{data(){return{navbarOpacity:0,//透明度navbarFixed:false,//是否固定navbarHeight:44,//导航栏高度，根据实际调整scrollTop:0//滚动位置}},methods:{handleScroll(
  • uniapp下拉渐显自定义导航栏 是小张呀！ uni-app前端javascript
    通过自定义导航栏实现：导航栏往下滑动exportdefault{data(){return{h:uni.getSystemInfoSync().statusBarHeight+45,opacity:0}},onPageScroll:function(Object){console.log(Object)this.opacity=(Object.scrollTop/this.h)console.lo
  • el-table封装自动滚动表格（适用大屏） 小猫猫改bug vue.jselementuijavascript
    表格功能：自动滚动，鼠标移入停止滚动，移出继续滚动。如果想加触底加载新数据可以判断scrollWrap.scrollTop和maxScrollTop大小来加载数据，另写逻辑。import{ref,onUnmounted,reactive,onMounted,nextTick}from'vue';consttableData=ref([{date:'2016-05-03',name:'Tom1',a
  • uni-app学习笔记三十四--刷新和回到顶部的实现 moxiaoran5753 uni-app学习笔记
    在移动端开发中，刷新和回到顶部也是很常见的使用场景。下面说下实现方式：刷新：HTML部分代码：刷新顶部JS部分代码：functiononRefresh(){console.log("刷新...")uni.startPullDownRefresh()}functiontoTop(){console.log("返回顶部...")uni.pageScrollTo({scrollTop:0,duratio
  • el-select 实现分页加载，切换也数滚回到顶部，自定义高度 WKK_ javascriptvue.js前端elementui
    el-select实现分页加载，切换也数滚回到顶部，自定义高度1.html2.功能js1.切换回到顶部//添加重置滚动位置的逻辑nextTick(()=>{constdropdown=document.querySelector('.el-select-dropdown.el-scrollbar__wrap');if(dropdown){dropdown.scrollTop=0;}});2.搜索方
  • Javascript获取鼠标点击坐标 Andy猪猪侠 java技术
    functiongetMousePos(){vare=arguments[0]||window.event;varscrollX=document.documentElement.scrollLeft||document.body.scrollLeft;varscrollY=document.documentElement.scrollTop||document.body.scrollTop;va
  • UIjavaScritIU 活跃家族 ui
    1、直接执行js脚本：document.documentElement.scrollTop=1000document.getElementById(“su”).click()弊端：js自己带的元素定位方法不如selenium的丰富不支持xpathcss等定位元素操作不是很灵活。需要借助js脚本传入-selenium定位js负责执行动作。--js传参方式执行2、使用方式2-传参：driver.exe
  • jQuery实现电梯导航 zhanzhan0109 jqueryjavascript前端
    知识点【大佬可略过这部分】scrollTop()这个函数得到的是文档被卷去的头部的长度offset()返回元素距离文档的偏移坐标。直接用这个函数得到一个对象，若想获得top和left值可用$(element).offset().top;$(element).offset().left;jQuery的遍历操作$(element).each(function(index,ele){})其中，index
  • html页面刷新瞬间有滚动条,js实现刷新页面后回到记录时滚动条的位置【两种方案可选】... 孙佳纯 html页面刷新瞬间有滚动条
    当div中绑定数据，给它一个属性overflow-y:scroll，添加长度大小，使其能够出现滚动条；每次刷新的时候滚动条总是会出现在最上方，这使我很头疼，经过查阅网上资料，返现两种方法可行。如下：第一种方案将上一个页面的div的scrolltop距离长度记录在cookie中，然后通过js调整刷新页面时的长度记录，代码如下：js代码：var_h=0;functionSetH(o){_h=o.scr
  • vue实现侧边定位栏 什么什么什么？ 前端vue.jsjavascript前端
    实现思路：通过点击侧边栏，定位到响应的内容滑动滑动栏，侧边栏同步高亮对应的item效果图如下：1.通过点击侧边栏，定位到响应的内容如果是用html的话我们可以用锚点的办法进行定位；在vue中，我们可以通过获取组件的高度，将滑动栏定位到对应的位置在进入主题之前我们需要先了解3个关于获取高度的属性scrollTop滑动栏中的滑块离视区最顶部的距离document.documentElement.scr
  • uniapp 自定义页面下拉刷新实现 带刺的茄子 uni-appvueuni-app
    uniapp自定义页面刷新实现//页面：......//js：data{scrollView:'611',isrefresh:false,_isrefresh:false,scrollTop:0,old:{scrollTop:0}}onRefresh(){if(this._isrefresh)return;this._isrefresh=true;if(!this.isrefresh)//界面下拉
  • selenium 控制内嵌table滚动条的方法 qq_492448446 Web自动化selenium测试工具
    selenium控制内嵌table滚动条的方法我们经常会遇到selenium无法捕获到对应元素的问题，其中有一个原因是由于页面中存在滚动条，而需要操作的元素需要滑动滚动条后才能捕获到。之前有使用过如下方式：document.getElementById('id').scrollTop=10000但是当出现需要操作内嵌table的滚动条时，这种方式就不可用了。正确的操作方式如下，遇到这种情况时，需要
  • uniapp如何监听页面滚动？ 恰小面包 前端开发语言uni-app
    在uni-app中，监听页面滚动通常使用onPageScroll生命周期函数或者@scroll事件监听器，具体使用哪个取决于你的场景和需要。以下将分别介绍这两种方式。1.使用onPageScroll生命周期函数onPageScroll是uni-app页面特有的生命周期函数，当页面滚动时触发。该函数接收一个对象作为参数，该对象包含滚动相关的信息，如scrollTop（垂直滚动距离）、scrollLe
  • python实现界面拖动_python selenium 滚动条处理、页面拖动 weixin_39846553 python实现界面拖动
    selenium中没有直接控制滚动条的方法，可以使用方法:execute_script()，可以直接执行js的脚本。一、竖向滚动条控制，三种方法总有一款适合你。1.滚动条拉到最底：js="varq=document.documentElement.scrollTop=10000"driver.execute_script(js)2.滚动条拉到最底：js="varq=document.getElem
  • 【selenium】下拉滚动条 egegerhn 前端htmlseleniumpython爬虫
    文章目录selenium下拉滚动条的三种方法一、设置滚动条位置二、js的window.scrollTo()方法三、定位元素进行滚动selenium下拉滚动条的三种方法一、设置滚动条位置execute_script(“document.documentElement.scrollTop=位置”)fromseleniumimportwebdriverimporttimedriver=webdriver
  • selenium.模拟拖动滚动条下拉（实现页面滚动） 大城市的小人物 Seleniumselenium
    UI自动化实现，有时候需要滑动滚动条，定位到某个模块进行操作在python中有以下几种方法可以实现方法一：使用js脚本直接操作js=“varq=document.getElementById(‘id’).scrollTop=10000”driver.execute_script(js）或者：js=“varq=document.documentElement.scrollTop=10000”driv
  • 微信小程序scroll-view组件设置 scroll-top无效问题解决
    微信小程序官方提供了一个可以设置滚动条位置的方法scroll-top在实际运用过程中，发现设置了scroll-top无效，滚动条位置并没有发生变化，是因为微信小程序的官方框架处于性能考虑，初始化设置scroll-top不会重新渲染页面，需要将scroll-top的是放在一个事件内执行才可以生效。这里演示一个切换选项重置滚动条事件的案例：data:{//data内不需要设置scrollTop},//
  • element-ui table 点击分页table滚到顶部 烂笔头儿@ vue.js前端
    在开发项目过程中遇到这样一个问题使用table表格的时候，切换分页之后不会回到顶部，还是停留在之前滚动的位置话不多说以下是解决方法：设置table的ref=‘multipleTable’//切换分页的方法加上下面这句，table就能自动滚到顶部this.$refs.multipleTable.bodyWrapper.scrollTop=0;希望能够帮到你看到这如果帮到你了留个小心心吧关注不迷路~
  • 【elementUi-table表格】 滚动条 新增监听事件； 滚动条滑动到指定位置； 今天搬砖了么 前端elementui前端javascriptvuehtml
    1、给滚动条增加监听this.dom=this.$refs.tableRef.bodyWrapperthis.dom.scrollTop=0let_that=thisthis.dom.addEventListener('scroll',()=>{//获取元素的滚动距离letscrollTop=_that.dom.scrollTop//获取元素可视区域的高度letclientHeight=this.
  • 前端页面筛选框置顶显示 wsmmint
    /***筛选框置顶显示*@param{string}idname-需要置顶的元素id*/functionsearchFloat(idname){vartop=$(idname).position().top;$(window).scroll(function(){if($(document).scrollTop()>top){／／这里是判断页面宽度过小就不再置顶if($(window).width
  • oracle查询中间条记录,oracle SQL查询中间若干条记录 y921112y921112 oracle查询中间条记录
    方法一：利用rownum和差集函数minusselect*from(select*fromemporderbysal)whererownumfirst();Eloquent内部使用的是PDO参数绑定,所以你的请求是安...vue实现pc端无限加载功能主要思路通过自定义指令,在视图初始化完成后,绑定scroll事件.当scrollTop+clientHeight>=scrollHeight时(此时滚
  • scrollTop Jadon7
    window.onscroll=function(){varoDiv=document.getElementById("div1");scrollTop=document.documentElement.scrollTop;//div距离页面顶部的距离=运动函数(parseInt取整((当前网页高度-div的实际高度)除以2+滑动距离)oDiv.style.top=motion(parseInt(
  • 滚动条事件,当页面滚动到距顶部一定高度时某DIV自动隐藏和显示（案例）（返回顶部） 友人！ 代码案例
    $(function(){//绑定滚动条事件//绑定滚动条事件$(window).bind("scroll",function(){varsTop=$(window).scrollTop();varsTop=parseInt(sTop);if(sTop>=400){if(!$("#float-top").is(":visible")){try{$("#float-top").slideDown()
  • position: sticky 防坑指南 fuheideMayuyu
    今天在写小程序项目的时候碰到一个需求是要把轮播图下面的标签栏滑动到顶部后固定，类似网易考拉小程序这种效果：image.png，刚开始是准备使用，js计算距离顶部高度，然后使用position：fixed,来实现的。在使用scroll-view，计算scrollTop的值，当scrollTop大于190时，添加样式position：fixed，但是这个方法在真机测试的时候有会性能问题，造成页面卡顿，
  • 当给元素添加scrollTop设置偏移时候存在失效的问题 sun_weitao html5
    如果在元素上应用了zoom缩放属性，并且你希望使用scrollTop方法来滚动到指定位置，可能会导致scrollTop失效的问题。这是因为zoom属性会影响元素的尺寸和滚动行为。要解决这个问题，你可以尝试以下方法之一：使用transform缩放代替zoom：将zoom缩放属性替换为transform缩放属性。这样做可以避免scrollTop失效的问题。例如，使用transform:scale()来
  • 微信小程序scroll-view滚动scrollTop不准确 woshiabc111 微信小程序javascript小程序
    小程序里使用scroll-viewbindscroll="scroll"内的scroll方法可检测滚动距离scroll(e){console.log('滚动距离：'+e.dateil.scrollTop)}但是在快读滚动的过程中明明已经滚动到顶部了scrollTop竟然还在300。缓慢滑动虽然没有问题，但是在快速滚动的时候scrollTop会出现非常大的误差。以下是解决方法1.这是因为每次滚动监听
  • React+Antd实现表格自动向上滚动 小浣熊喜欢揍臭臭 ReactAntdreact.jsjavascript前端
    1、效果2、环境1、react182、antd4+3、代码实现原理：创建一个定时器，修改表格ant-table-body的scrollTop属性实现滚动，监听表层的元素div的鼠标移入和移出实现实现鼠标进入元素滚动暂停，移出元素的时候表格滚动继续。一、滚动组件实现如下，/***公共组件：表格滚动*/import{Table}from'antd';import{useEffect,useRef}fr
  • 整屏滑动思路 goToKnowMore 新手整屏滑动思路
    首先要有几个div或者section或者li,然后通过js得到他们的个数，然后每次滑动scrollTop（n*height）；这个height可以根据$(window)来进行得到，也可以自己设置一个固定值
  • 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其他