liuguofeng
liuguofeng

JS OffsetParent属性

 offsetParent属性返回一个对象的引用，这个对象 是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 "none"时（译注：IE和Opera除外），offsetParent属性 返回 null。

 

句法：

parentObj = element.offsetParent

变量：

· parentObj 是一个元素的引用，当前元素的偏移量在其中计算。

 

 elemnt.offsetParent

 

Summary: 返回的是相对元素本身最近的是定位元素的祖先元素，也就是postion的值是 absolute，relative，fixed，（inherit 继承父元素也是前三者）其中之一，如果祖先元素都不是定位元素那么返回document.body

 

PS: IE6,IE7 对offsetParent解释有个小BUG，当祖先元素都不是定位元素且本身是定位元素的时候返回document.documentElement，其他情况终返回document.body!!

 

Demo:

<body>
    <div id="b" style="position:relative">
        <div id="a"></div>
    </div>

 

    <div id="d">
        <div id="c"></div>
    </div>

 

    <div id="f">
        <div id="e" style="position:relative"></div>
    </div>
</body>

 

a.offsetParent >> b

c.offsetParent >> document.body

e.offsetParent >> document.body  ( ie,6,7 >> document.documentElement )

 

按照这样理解可以推断elemnt.offsetParent本身在获取的时候要通过页面不断查找父元素，直到找到最近的定位元素或者document.body，在代码多层嵌套的时候，需要向上查找未知的层次。效率可见一斑~ 尤其是在某些浏览器下计算页面元素位置的时候引用elemnt.offsetParent element.offsetLeft element.offsetTop 三者进行循环计算的时候效率很低。

 

 

elemnt.offsetLeft \ elemnt.offsetTop

 

Summary: 返回相对elemnt.offsetParent的位置

 

PS：IE8,IE9 Preview,Opera 和个别状况下的IE6,IE7返回的值包括elemnt.offsetParent的borderLeftWidth和borderTopWidth

 

Demo:

 

<style type="text/css">
#b{position:relative; background:#E3EBF4; width:300px; height:300px; border:20px solid #628DC0 }
#a{position:absolute; background:#9E9E9E; width:100px; height:100px; left:100px; top:100px;}
</style>

 

<div id="b">
<div id="a"></div>
</div>

 

 offsetParent,offsetLeft,offsetTop <wbr>Update!!!

 


document.getElementByIdx('a').offsetLeft >> 100

document.getElementByIdx('a').offsetTop >> 100

上面是正确的值，而在IE8和Opera里面均返回 120，如果对b的CSS做一些修改，如下：

 

#b{position:relative; background:#E3EBF4; border:20px solid #628DC0 } 去掉width 和height，

 

那么在ie6,7里面返回也出现了问题

 

ie6:

document.getElementByIdx('a').offsetLeft >> 120

document.getElementByIdx('a').offsetTop  >> 100

 

ie7:

document.getElementByIdx('a').offsetLeft >> 120

document.getElementByIdx('a').offsetTop  >> 120

 

所以在IE8,Opera 以及特殊情况的IE6 IE7里面 如果通过elemnt.offsetParent element.offsetLeft element.offsetTop计算页面元素位置需要在每一次循环中减去borderLeftWidth和borderTopWidth 的值。当然目前来说除了Opera 9.2 以外均不需要考虑这种情况，因为其他Browser或者更高版本都支持 getBoundingClientRect()来计算获取页面元素位置。关于getBoundingClientRect() 来这里！

 

上面的Demo在正常情况下绝大多数时候offsetLeft,offsetTop和left,top的值是相等的，但当a同时具有marging属性的时候offsetLeft,offsetTop均是包含marging值的，所以在模拟获得left top值的时候需要稍加注意！ 

复制代码
代码
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=UTF-8"   />
< title >Untitled Document </ title >
< script  type ="text/javascript"  language ="JavaScript" >
     function  offset_init() {
         var  pElement  =  document.getElementById( " sonObj " );
        parentObj  =  pElement.offsetParent;
        alert(parentObj.tagName);
    }
 </ script >
</ head >
< body  onload ="offset_init()" >
< div  id ="parent" >
< p  id ="sonObj" >测试OffsetParent属性 </ p >
</ div >
</ body >
</ html >
复制代码

 

 

测试结果：
       Firefox3："BODY"
       Internet Explorer 7："BODY"
      Opera 9.51："BODY"
      Chrome 0.2："BODY"
      Safari 3："BODY

结论：
        当某个元素及其DOM结构层次中元素都未进行CSS定位时(absolute或者relative)[或者某个元素进行CSS定位时而DOM结构层次中元素都未进行CSS定位时],则这个元素的offsetParent属性的取值为根元素。更确切地说，这个元素的各种偏移量计算（offsetTop、offsetLeft等）的参照物为Body元素。(其实无论时标准兼容模式还是怪异模式，根元素都为Body元素)

 

测试代码2

 

 

复制代码
代码
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=UTF-8"   />
< title >Untitled Document </ title >
< style  type ="text/css" >
#parent  {
    position :  absolute ;  <!-- position：relative; -->
    left :  25px ;
    top :  188px ;
    border :  1px solid black ;
}
</ style >
< script  type ="text/javascript"  language ="JavaScript" >
     function  offset_init() {
         var  pElement  =  document.getElementById( " sonObj " );
        parentObj  =  pElement.offsetParent;
        alert(parentObj.tagName);
    }
 </ script >
</ head >
< body  onload ="offset_init()" >
< div  id ="parent" >div测试代码
< p  id ="sonObj" >测试OffsetParent属性 </ p >
</ div >
</ body >
</ html >
复制代码

 

 

测试结果：
         Firefox3："DIV"
         Internet Explorer 7："DIV"
        Opera 9.51："DIV"
        Chrome 0.2："DIV"
        Safari 3："DIV"

结论：
      当某个元素的父元素进行了CSS定位时（absolute或者relative），则这个元素的offsetParent属性的取值为其父元素。更确切地说，这个元素的各种偏移量计算（offsetTop、offsetLeft等）的参照物为其父元素

 

测试代码3

复制代码
代码
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=UTF-8"   />
< title >Untitled Document </ title >
< style  type ="text/css" >
#Grandfather  {
    position :  relative ;
    left :  25px ;
    top :  188px ;
    border :  1px solid black ;
}
</ style >
< script  type ="text/javascript"  language ="JavaScript" >
     function  offset_init() {
         var  pElement  =  document.getElementById( " sonObj " );
        parentObj  =  pElement.offsetParent;
        alert(parentObj.tagName);
    }
 </ script >
</ head >
< body  onload ="offset_init()" >
< h1  id ="Grandfather" >
< div  id ="parent" >
< p  id ="sonObj" >测试OffsetParent属性 </ p >
</ div >
</ h1 >
</ body >
</ html >
复制代码

 

 

测试结果：
        Firefox3："H1"
        Internet Explorer 7："H1"
       Opera 9.51："H1"
       Chrome 0.2："H1"
       Safari 3："H1"
结论：
         当某个元素及其父元素都未进行CSS定位时（absolute或者relative），则这个元素的offsetParent属性的取值为在DOM结构层次中距离其最近，并且已进行了CSS定位的元素。

你可能感兴趣的:(set)

  • 编译安装PaddleClas@openKylin（失败，安装好后报错缺scikit-learn） skywalk8163 操作系统人工智能kylinPaddleClas
    编译安装前置需求：手工安装swig和faiss-cpupipinstallswigpipinstallfaiss-cpu小技巧，pip编译安装的时候，可以加上--jobs=64来多核编译。注意先升级pip版本：pipinstallpip-Upip3installfaiss-cpu--config-settings="--jobs=64"--global-option="--jobs=4"还有一种方
  • 请简述vue2和vue3的区别 youhebuke225 vue面试题vue.js前端javascript
    Vue2和Vue3作为Vue.js框架的两个主要版本，在多个方面存在显著的差异。以下是它们之间主要区别的详细概述：生命周期函数钩子：Vue2：包含了一系列的生命周期钩子函数，如beforeCreate、created、beforeMount等，这些函数在组件的不同生命周期阶段被调用。Vue3：对生命周期函数进行了调整，setup成为了新的入口点，代替了beforeCreate和created。同时
  • appium自动化测试app在线升级软件时候使用dontStopAppOnReset参数让软件不关闭，卸载在安装新包 weixin_42811974 appium
    使用dontStopAppOnReset参数：这个参数的作用是在Appium会话结束时，不会关闭应用。这样，即使Appium会话被关闭，应用也会保持在运行状态，然后软件就可以自己来安装新的应用包。defrestart_app(self)->WebDriver:ifself._driverisNone:caps={}caps["platformName"]="android"caps["device
  • vscode 顶部 Command Center,minimap AI算法网奇 python基础python宝典vscodeide编辑器
    目录vscode顶部CommandCenter设置显示步骤：minimap设置方法一：使用设置界面方法二：使用命令面板方法三：编辑settings.json文件左侧目录树和编辑器字体不一致：OPENEDITORSvscode顶部CommandCenterVisualStudioCode(VSCode)中的CommandCenter是一个集中管理命令和功能的工具，如果顶部没有显示，你可以按照以下步骤
  • 【PLPR】Progressive Learning for Person Re-Identification with One Example 南风楠 PersonRe-IDOne-shotLearningFew-shotLearning深度学习机器学习神经网络
    【PLPR】ProgressiveLearningforPersonRe-IdentificationwithOneExampleBibtexPublicinformationFieldsCodelinkMainworkKeytechnologyFrameworkDatasetResultsAlgorithmOthers论文下载：关注下方公众号，回复“PLPR”即可获得论文原文Bibtex@art
  • 数组 刃神太酷啦 蓝桥杯C++组
    数组栈区的空间很有限，静态区的空间大些，一般在静态区去申请较大的空间考虑特例能不能归并到一起也很重要在二维数组中，基于范围的for循环直接遍历的是行，而不是单个元素对于一个intarr[3][4]的二维数组，memset会首先填充arr[0][0]到arr[0][3]如果将数组定义为全局变量，其元素会被默认初始化为0小数四舍五入成整数的方法假设a是四舍五入之后的，b是四舍五入之前的有a=(int)
  • QT笔记——QComboBox 繁缕怀夕 QTqt学习开发语言
    文章目录一、概要二、基础函数三、基础应用1、内容居中显示一、概要本文章主要记录，在实际开发运行中，有关“QComboBox”相关的基础应用。二、基础函数函数名描述setCurrentIndex(intnum)设置当前选项的索引currentIndex()const获取当前选中项目的索引。如果没有选中任何项目，则返回-1currentText()const获取当前选中项目的文本––count()co
  • Qt笔记——QLineEdit 繁缕怀夕 QTqt开发语言
    QT零基础——QLineEdit1、QLineEdit类1.1、常用成员函数1.2、常用信号2、QLineEdit功能实现1、QLineEdit类//根据学习实践进度–程序更新1.1、常用成员函数成员函数说明clear()清空LineEdit中的文本内容text()const获取LineEdit的当前文本内容setText(constQString&)设置LineEdit的文本内容setText(
  • 修改 Go 版本后不生效？深入排查与解决方案 阿狸远翔 golang开发语言后端
    Mac修改Go版本后不生效？深入排查与解决方案问题背景在使用Mac开发时，我们经常需要切换不同版本的Go语言环境。通过工具goenv设置全局版本后，执行goversion却发现版本未改变：goenvversionssystem*1.19.13(setby/Users/xxx/.goenv/version)goversiongoversiongo1.21.3darwin/amd64#实际版本与预期不
  • 【力扣Hot 100】链表1 SharkWeek. leetcode链表算法
    1.相交链表给你两个单链表的头节点headA和headB，请你找出并返回两个单链表相交的起始节点。如果两个链表不存在相交节点，返回null。图示两个链表在节点c1开始相交**：**!https://assets.leetcode-cn.com/aliyun-lc-upload/uploads/2018/12/14/160_statement.png题目数据保证整个链式结构中不存在环。注意，函数返回
  • 【原生JS】如何优雅地读、改location.search（queryString或GET参数） warmbook 前端javascript开发语言ecmascript
    应用场景location.search完全由JS脚本管理，并且需要不刷新页面地修改其内容。例如在Oauth2授权中，如果是前端取参提交给后端API向平台方请求accessToken，需要及时删除GET参数中的code，以防用户刷新浏览器导致用失效的code处理登录。实现思路将queryString转为对象并用ES6的Proxy代理，在set、delete钩子中调用history.replaceSt
  • c++中bitset与16进制与二进制字符串之间的转换 吴天德少侠 c++算法开发语言
    前言这是一个重要的知识点，需要掌握。仔细体会代码。#include#include#includeusingnamespacestd;/*测试16进制表示*/intmain(){inta1=0xc0;coutbBin(b);coutCbin(c);intcnum=Cbin.to_ulong();cout<
  • AirSim学习（3）AirSim的PythonAPI基本操作——环境配置与VehicleClient类 睡觉狂魔er AirSim虚幻自动驾驶python
    文章内容AirSim学习笔记汇总AirSim的PythonAPI的安装AirSim的坐标系统classVehicleClient1.成员变量2.构造函数3.连接与仿真启停resetpinggetClientVersiongetServerVersiongetMinRequiredServerVersiongetMinRequiredClientVersionenableApiControlisAp
  • AirSim 利用pygame绘制窗口并获取无人机FPV实时图像呈现 fegxg pygame无人机python
    利用pygame绘制窗口并获取无人机FPV实时图像呈现的代码如下：importsysimporttimeimportairsimimportpygameimportcv2importnumpyasnp#>------>>>pygamesettings------>>>AirSimsettings<<<------<##这里改为你要控制的无人机名称(settings文件里面设置的)vehicle_n
  • Mybatis源码学习（七）——ResultSetHandler 结果处理 Laplaces Demon mybatis学习
    通过之前对StatementHandler类（Mybatis源码学习（五）——StatementHandler-CSDN博客）的分析发现在所有StatementHandler接口的实现类，无论是PreparedStatementHandler、CallableStatementHandler还是SimpleStatementHandler都是使用ResultSetHandler对象对结果（包括Li
  • 数据库基础知识：理论、E-R图、事务、原则 地信小学生 数据库数据库ubuntupostgresql
    （5）数据库理论与E-R图数据库理论（DatabaseTheory）是在创建数据库的过程涉及创建现实世界的抽象模型；将现实世界的概念作为实体表示在数据库中。E-R图（EntityRelationshipDiagramming）用于表示数据模型的图形工具/关系的抽象，主要用于数据库设计阶段，通过实体（Entity）、属性（Attribute）和关系（Relationship）来描述数据之间的结构和联
  • Django常用ORM 程序猿_小天 Djangodjangodjangoorm
    聚合分组Sum函数将None变为0xx=Coalesce(Sum('number'),0,output_field=CharField())跨表分组去重#B表中有一个外键表是A,即a=models.ForeignKey(A)a_queryset=BigData.objects.filter(pk=OuterRef("a")).annotate(Sum('number',distinct=True)
  • 【阅读总结】AlphaFold3 unedited version 通读 + 服务器使用总结 Lasgalena 论文阅读软件使用论文阅读服务器
    省流：AlphaFold3能做什么：预测蛋白质、DNA、RNA与允许的配体/离子/共价修饰的复合物结构为什么要用AlphaFold3：有强大的泛化性和准确率，除了RNA结构略差于AIchemy_RNA2外，预测精度高于现有方法（包括Vina和RosettaFold-All-Atom）AlphaFold3怎么用：代码不开源，网站https://alphafoldserver.com/需注册使用，每日
  • LeetCode 3090.每个字符最多出现两次的最长子字符串 爱笑的coder 算法刷题-滑动窗口leetcode算法职场和发展
    题目：给你一个字符串s，请找出满足每个字符最多出现两次的最长子字符串，并返回该子字符串的最大长度。思路：用一个数组代替hashset记录字符出现次数代码：classSolution{publicintmaximumLengthSubstring(Strings){char[]ch=s.toCharArray();intans=0;int[]record=newint[26];intleft=0;f
  • NPM 包管理问题汇总 yqcoder npm前端node.js
    一、npmlogin问题当使用npmlogin登录时报错403Forbidden-PUThttps://registry.npmmirror.com/-/user/org.cou1.解决方法切换npm源，打开npmconfigsetregistryhttps://registry.npmjs.org二、npmpublish问题当使用npmpublish发布包时报错403Forbidden-PUTh
  • vue 中 常用的 $ weixin_42113341 vue.jsflutter前端
    this.$set(this.formData,'department',currTreeItem)是Vue.js提供的一个方法，用于向响应式对象中添加新的属性，并确保这个新属性是响应式的（即，当该属性发生变化时，视图会自动更新）。让我们详细解析这个方法及其作用。1.this.$set的作用添加响应式属性：在Vue.js中，如果你直接向一个响应式对象添加一个新的属性，这个新属性默认不是响应式的。使
  • 星露谷模组开发教程#8 自定义武器 c#
    首发于Enaium的个人博客添加武器还是比较简单的，只需要在Data/Weapons中添加一个新的武器数据即可。这里做一张16x16格式为png的图。if(e.Name.IsEquivalentTo("Data/Weapons")){e.Edit(assets=>{vardict=assets.AsDictionary();dict.Data["Awesome_TheLastSword"]=new
  • 星露谷模组开发教程#7 自定义机器 c#
    首发于Enaium的个人博客添加大型工艺品机器也算是大型工艺品，所以我们需要先添加它的大型工艺品。这里做一张16x32格式为png的图。if(e.Name.IsEquivalentTo("Data/BigCraftables")){e.Edit(assets=>{vardict=assets.AsDictionary();dict.Data["Awesome_Orearium"]=newBigCr
  • Rust入门实战 编写Minecraft启动器#2建立资源模型
    首发于Enaium的个人博客我们需要声明几个结构体来存储游戏的资源信息，之后我们需要将json文件解析成这几个结构体，所以我们需要添加serde依赖。serde={version="1.0",features=["derive"]}资源相关asset.rsuseserde::Deserialize;usestd::collections::HashMap;#[derive(Deserialize)
  • Redis 消息队列详解 maply Redisredis数据库缓存
    Redis消息队列详解Redis作为一个高性能的内存数据库，支持多种实现消息队列的方式，主要包括：RedisList（基于列表的队列）RedisPub/Sub（发布/订阅）RedisStream（消息流）RedisSortedSet（延迟队列）不同的方式适用于不同的场景，下面详细讲解各自的实现原理、适用场景以及示例代码。1.基于RedisList的消息队列Redis的List结构（链表）可以用来实
  • 浅谈redis zhaoyang9999 redisredis数据库java
    redis谈谈你对redis的理解非关系数据库他是单线程的：数据放在内存中，单线程操作效率高（多线程会造成CPU的上下文切换）基于内存操作（周期性的把更新的数据写入到磁盘（RDB）或者把修改操作写入追加的文件记录（AOF））五大基本数据类型strng（最常用）list（列表）底层链表可以用来消息订阅set（集合）hash（哈希hsetkeyfieldvalue）map集合更适合对象的存储Zset（
  • Maven 在尝试连接到 Maven Central 仓库超时的解决方案和排查步骤 天之涯上上 mavenjava
    Maven在尝试连接到MavenCentral仓库时超时。以下是一些可能的解决方案和排查步骤：1.检查网络连接确保你的网络连接正常，并且能够访问外网。Ping测试:pingrepo.maven.apache.orgTelnet测试:telnetrepo.maven.apache.org4432.配置代理如果你在公司网络中使用代理服务器，需要配置Maven使用代理。编辑settings.xml找到或
  • java中有关时间的类合集 With Order @!147 javajava开发语言
    小王学习录今日摘录java.util包DateCalendarGregorianCalendarjava.time包(自Java8引入)LocalDateLocalTimeLocalDateTimeZonedDateTimeOffsetDateTimeInstantDurationPeriodDateTimeFormatter今日摘录儿食剩骨,正餐奉母在Java中，生成时间的类主要集中在java.
  • 【Kafka：概念、架构与应用】 三日看尽长安花 系统架构师kafka架构分布式
    Kafka：概念、架构与应用目录什么是KafkaKafka的核心概念2.1生产者（Producer）2.2消费者（Consumer）2.3主题（Topic）2.4分区（Partition）2.5消息偏移量（Offset）2.6消费组（ConsumerGroup）Kafka的架构设计3.1Broker与集群3.2Zookeeper的作用Kafka的工作流程Kafka的应用场景Kafka的优缺点分析<
  • Spring config location file not found exception qq361301276 MavenMaven
    1downvotefavorite1Inmywebappi'mtryingtousespringsecurity.Ihavethefollowingprojectstructure:Inmyweb.xmlisettheconfigLocationslikethis:AndinmyHibernateUtil,icreatetheClassPathXmlApplicationContextliketh
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他