我的IP在路上
我的IP在路上

parentNode和offsetParent的使用

元素.parentNode：只读属性，指当前元素的父级节点
offsetParent：只读 属性 离当前元素最近的一个有定位属性的父节点
如果没有定位父级，默认是body，有兼容性问题。

先上parentNode:
例一：点击隐藏


<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>
head>
<body>
<ul id="ul1">
    <li>11111 <a href="javascript:;">隐藏a>li>
    <li>22222 <a href="javascript:;">隐藏a>li>
    <li>33333 <a href="javascript:;">隐藏a>li>
    <li>44444 <a href="javascript:;">隐藏a>li>
ul>
body>
<script>
    var oUl=document.getElementById("ul1");
    var aA=oUl.getElementsByTagName("a");
    for(var i=0;ifunction(){
            this.parentNode.style.display="none";
        }
    }
script>
html>

效果如下：经过测试parentNode没有什么兼容性问题，可以大胆使用。

这里写图片描述

offsetParent：只读 属性 离当前元素最近的一个有定位属性的父节点
如果没有定位父级，默认是body
Ie7以下，如果当前元素没有定位默认是body，如果有定位则是html
Ie7以下，如果当前元素的某个父级触发了layout，那么offsetParent就会被指 向到这个触发了layout特性的父节点上

例二：


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档title>
<style>
div {padding: 40px 50px;}
#div1 {background: red;}
#div2 {background: green; }
#div3 {background: orange;}
style>
<script>
window.onload = function() {
    var oDiv3 = document.getElementById('div3');        
    alert("定位父级的id是："+ oDiv3.offsetParent.id +" "+"定位父级的节点是："+oDiv3.offsetParent.tagName);}
script>
head>
<body id="body1">
    <div id="div1">
        <div id="div2">
            <div id="div3">div>
        div>
    div>
body>
html>

没有加定位父级的时候，在各下是这样的：定位父级默认是body。IE也一样。

parentNode和offsetParent的使用_第1张图片
parentNode和offsetParent的使用_第2张图片

下面我们给div3加上相对定位：

#div3{background: green; position：relative;}

在chrome，safari，firefox和标准的ＩＥ下是这样滴：

parentNode和offsetParent的使用_第3张图片

在我们的老祖宗IE6下……呵呵呵呵。

parentNode和offsetParent的使用_第4张图片

再来，给div2加上zoom（触发haslayout），把div3的相对定位去掉：

 #div2 {background: green;zoom:1; }

在IE6下又是这样的（在标准浏览器下是正常的，指向body）：

parentNode和offsetParent的使用_第5张图片

原因，在IE6下有一套叫做haslayout的东西（其实好多CSS的兼容性问题都是这个东东引起的）。

综上，parentNote和offsetParent的区别是：parentNote指当前元素的父级，offsetParent则是指当前元素最近的定位父级，存在很多兼容性问题，且用且谨慎。

你可能感兴趣的:(web前端笔记)

  • Web前端笔记 -- CSS① 十八岁讨厌编程 web前端开发#CSScss前端html
    文章目录CSS简介HTML的局限性CSS-网页的美容师CSS语法规范CSS代码风格样式格式书写样式大小写空格规范CSS基础选择器CSS选择器的作用选择器分类标签选择器类选择器类选择器-多类名id选择器通配符选择器基础选择器总结CSS字体属性字体系列字体大小字体粗细文字样式字体复合属性字体属性总结CSS文本样式文本颜色对齐文本装饰文本文本缩进行间距文本属性总结CSS的引入方式CSS的三种样式表内部样
  • 【Web前端笔记06】CSS常用属性 墨倾许 Web前端学习笔记前端笔记csshtml开发语言
    目录一、字体属性1、color字体颜色2、font-size字体大小（默认16px)3、font-weight文本粗细4、font-style字体样式5、font-family指定一个元素的字体二、背景属性1、background-color背景颜色2、background-image:url("img/do.png");背景图片3、background-repeat背景图片是否重复4、backg
  • 【Web前端笔记07】CSS选择器 墨倾许 Web前端学习笔记前端笔记csshtml开发语言
    目录07CSS选择器一、关系选择器二、伪类选择器三、伪对象选择器四、属性选择器总结07CSS选择器一、关系选择器后代选择器EF{}(所有被E元素包含的F元素，中间用空格隔开)通用兄弟选择器E~F{}(选择E元素之后的所有兄弟元素F，作用于多个元素，用~隔开)相邻兄弟选择器E+F{}(选择紧跟E元素后的F元素，用加好表示，选择相邻的第一个兄弟元素)子代选择器E>F{}(选择所有作为E元素的直接子元素
  • Web前端笔记——表单 墨倾许 Web前端学习笔记前端服务器javascript
    目录章节03表单一、Form表单二、表单元素1、表单2、表单元素三、HTML5新增type类型1、email2、url3、search4、tel5、color6、number7、range8、date9、month10、year四、HTML5新增属性1、autofocus属性2、multiple属性3、placeholder属性4、required属性五、实体字符章节03表单一、Form表单表单在
  • web前端笔记整理，从入门到上天，周周更新 weixin_30527551 前端人工智能javascriptViewUI
    由于大前端知识点太多，所以一一做了分类整理，详情可见本人博客http://www.cnblogs.com/luxiaoyao/一、HTML1.注释格式：作用：1.解释说明代码的含义（代码量大，后期维护，便于新人交接）2.调试代码2.head内标签//meta:定义关于HTML文档的元信息3s之后刷新3s之后刷新并跳转到百度//title：定义文档的标题网站的标题//link:定义文档与外部资源的关
  • Web前端笔记——表格表单框架实体元信息等笔记 Komorebi_9999 html
    基本结构表格标题表格头部默认样式就是头部整体加粗h:heads表格主体d:data表格脚注常用属性table表格width：设置表格的宽度双height：设置表格最小高度，表格最终高度可能比设置的值大border:设置表格边框宽度cellspacing:设置单元格之间的间距thead表格头部height:设置表格头部高度双align:设置单元格的水平对齐方式，可选值如下：left:左对齐cente
  • Web前端 笔记（1-20） 烨娜 前端javascriptcss
    Web前端笔记（1-20）一、HTML+CSS系列教程之导学1、拨云见日2、溯本求源3、风生水起4、巧夺天工二、什么是HTML和CSS1、HTML和CSS是两种编程语言，一般情况下需要配合使用，是作为网站开发的基础语言。2、编程和网站的关系：3、如何看到网站的源代码?4、一个网站是由N多个网页组成的。每一个网页.html文件（N多个html文件构成一个网站）5、如何去写代码？写到哪里呢？三、宇宙第
  • web前端笔记 poison丶momo
    1.单位px像素1em1em---1个字符2em---2个字符（自动适应用户所使用的字体）%百分比2.文本color文本颜色red#f00letter-spacing字符间距2px-3pxemline-height行高14px1.5em120%（一般用于垂直居中）text-align对齐center、left、right、justify（两端对齐）text-decoration装饰线none（去掉
  • Web前端笔记和简历模板 落落落落克 csshtmljs编程语言xhtml
    ❝转眼，2020已近尾声，这一年里，收获了很多知识，也认识了很多朋友，相信还有很多朋友不是很了解我，下面是我的个人介绍❞我的简介我，id又叫落落落洛克,非科班自学前端，一年左右经验，今年7月份裸辞面试，最终入职国内一线某金融公司,长期活跃于掘金社区我的学习路线❝大家可能好奇我非科班出身是怎么学习的，非科班出身又是如何确定前端学习路线以及学习方式,以下是来自于我的学习分享❞对于前端学习，应该是一个系
  • web前端笔记 午觉千万别睡过 前端笔记html
    HTML(安装liveserver插件)我们上网时所看到的所有内容其实就是body里面的内容！！+tab快速生成一个html模板；https://www.runoob.com/tags/html-elementsdoctypes.htmlhtml的菜鸟教程！html中的元素分为两种，一种是块状元素，宽度是100%他可以占满一整行一种是行内元素(比如a标签)不会占一行。br是换行标签CSS(安装ht
  • Web前端笔记记录 优降宁 前端javascriptcss
    Web前端笔记记录概念理解1、网站2、VSCode3、htmlhtml的超文本性html的语言性html的标记性写法4、css5、Web前端的三大核心技术6、网站开发实操快捷键的使用在VSCode里可以进行的操作（功能）新建文件新建文件夹商店搜索网页调试网页的编写html初始代码html注释html语义化标题与段落文本修饰标签图片标签链接标签跳转锚点特殊符号无序列表有序列表定义列表表格标签表格属性
  • Web前端笔记记录（四） 优降宁 前端
    Web前端笔记记录（四）strong与b；em与ii与b的应用场景引用标签blockquoteqabbraddressciteiframe嵌套页面br与wbrpre与codemap与areaembed和objectaudio与video文字注解与文字方向拓展link标签meta拓展html5新语义化标签detalistdetails与summaryprogress与meterflex弹性盒模型18
  • Web前端笔记（9） flex布局 Alpha205 前端学习
    flex弹性布局：1.flex弹性盒模型：随着移动互联网的发展，对布局的要求越来越高，传统的布局方案对于实现特殊布局非常的不方便，比如垂直居中，2009年W3C提出了一种新的布局方案---flex布局，可以简便，完整，响应式的实现各种页面布局。目前所有浏览器都支持这种布局方案。Title#parent{width:300px;height:300px;border:1pxsolidblack;ma
  • 【Web前端笔记-基础】第十二课，初识Javascript 好好学习嘿嘿嘿 Web前端基础笔记JavaScriptJavascript数组时间戳倒计时
    目录一:概要简介二：如何写一段JS代码并运行。三：输入和输出语句四：变量五：数据类型六：运算符七：逻辑控制八：函数九：JavaScript的作用域十：JavaScript的预解析问题十一：对象十二：new关键字的执行过程。十三：遍历对象十四：内置对象十五：数组十六：简单数据类型和复杂数据类型一:概要简介JavaScript是一种轻量级的脚本语言，也是一种嵌入式语言，是一种对象模型语言，简称JS，它
  • 【Web前端笔记-基础】第一课 前端概述 好好学习嘿嘿嘿 Web前端基础笔记Web前端自学笔记什么是Web前端Web前端都需要做什么Web前端的准备工作
    一：什么是WEB前端还原**活**的设计，也就是将设计师设计好的图片，用代码编辑成HTML页面效果的网页。传统的前端[]进行切图编写标签和样式实现效果HTML5时代的前端各种端的兼容开发移动app开发和移动站点开发ajax及服务器端技术开发高级设置模式和框架自动化工作流网站安全，SEO，测试，源代码管理，团队合作，游戏，特效。全栈时代集前端和后端一体的大神一专多能时代二：操作系统的常用配置系统调整
  • web前端笔记：url,href,src的区别 Jiang216 web前端
    **URL(UniformResourceLocator)**统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。结构基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名，如“协议://授权/路径?查询”。完整的、带有授权部分的普通统一资源
  • Web前端笔记-使用bootstrap-table.js和bootstrap-table.css使得表格分页 IT1995 web前端HTMLBootstrap
    最终效果如下：翻页后首先把bootstrap-table.js和bootstrap-table.css下载下来。把英文改成中文，如下：把需要用表格的页面在前加入此JavaScript代码：$(document).ready(function(){$("#table_page").bootstrapTable({columns:[{field:'name',title:'名称'},{field:'p
  • Web前端笔记之轮播图和定时器 萧凝云
    焦点图和轮播*{margin:0;padding:0;}a{text-decoration:none;}body{padding:20px;}#container{width:600px;/*这里600x400是图片的宽高*/height:400px;border:3pxsolid#333;overflow:hidden;/*隐藏溢出的图片，因为图片左浮动，总宽度为4200*/position:r
  • Web前端——jQuery库 Felix-微信(AXiaShuBai) Web前端
    Web前端笔记第七部分：jQuery1.jQuery介绍jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列的。jquer
  • 我的第一个博客 yxorg nodejs
    注册CSDN发布的第一个博客，纪念一下~以后发布一些自学的web前端笔记，和在学习过程中踩过的坑，顺便复习复习之前的知识。-------------------------------------**华丽的分割线**------------------------------------Node.js第1天课堂笔记1.node.js下载https://nodejs.org/zh-cn/编写js脚本
  • Web前端笔记-two.js图形旋转动画的2种实现方式 IT1995 Web相关技术JavaScriptweb前端htmlvuetwo.js
    这里有两种方式！第一种是使用setInterval：代码如下：lettime=setInterval(function(){if(sun.sun.rotation>=TWO_PI-0.0625){sun.sun.rotation=0;}sun.sun.rotation+=(TWO_PI-sun.sun.rotation)*0.0625;},300);运行截图如下：第二种是使用two.bind('u
  • web前端笔记整理---CSS weixin_30394669
    一Css文件Css:美化HTML的4种选择器：元素选择类选择ID选择伪类选择常用的布局方案1写在什么位置能好用。1.1元素里面优先级是最高的1.2元素外，文件内优先级次之1.3外部文件引入方式：组成：选择器：标签/元素选择器classID伪类选择器属性选择器（不常用）组合形式：层级选择器.wangjianlin,.mahuateng{color:yellow;}/*组合选择器*/父子.wangji
  • 【Web前端笔记-基础】第五课·初识 CSS,CSS概述+选择器+属性 好好学习嘿嘿嘿 Web前端基础笔记
    一：CSS定义什么是CSSCSS就是层叠样式表（CasadingStyleSheets），通常称为CSS样式表，或者是级联样式表。主要用于设置HTML中的文本，内容（字体，大小，对齐），图片外形（宽高，边框样式，边距等），以及版面的布局等外观样式。CSS以HTML为基础，提供了丰富的功能。还可以针对不同的浏览器设置不同的样式。HTML和CSS的关系HTML结构层：负责从语义的角度搭建页面CSS：负
  • Web前端----移动端库和bootstrap框架 Felix-微信(AXiaShuBai) Web前端
    Web前端笔记第十一部分：js移动端库和bootstrap框架，re正则1.移动端js事件移动端的操作方式和PC端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件：1、touchstart://手指放到屏幕上时触发2、touchmove://手指在屏幕上滑动式触发3、touchend://手指离开屏幕时触发4、touchcancel://系统取消touch
  • Web前端笔记-HTML weixin_40535698 学习笔记
    就是在慕课上学的前端视频课程，看的时候记了一点笔记。过后想总结到博客上一为了知识梳理记忆，二是怕以后忘记，便于查询。内容是针对我个人的知识点方面的查漏补缺，若需要认真学习、了解前端建议去W3school或者是菜鸟教程。什么是web前端？web前端开发：以网站形式呈现，通过浏览器访问完成一定功能。web->web系统前端->网页上为用户呈现的部分开发->编写代码前端：网页上用户呈现的部分。后端：数据
  • Web前端笔记-i标签做小图标以及改源码注意事项 IT1995 web前端
    目录最简单的使用i标签做小图标修改前端源码注意的问题最简单的使用i标签做小图标运行截图如下：实例结构如下：此处就是使用i标签制作的小图标其中html源码如下：HelloWorldcss源码如下：.icon{display:inline-block;width:100px;height:100px;background-image:url(girl.jpg);background-position:
  • web前端笔记-css之margin 老鼠拧刀满街找猫 web前端css
    1、margin对于table相关类型（除了table-caption、table和inline-table这三类）的元素是不起作用的，如td、tr和th等。另外对于行内非替换元素（如span元素），垂直方向的margin是不起作用的。2、外边距折叠外边距折叠是指相邻的两个或多个外边距会合并成一个外边距。比如下面三个div的上外边距是相邻的，因此其边距会折叠：.parent{border:1pxs
  • Web前端笔记（4） 途径北海道 前端学习
    前端完整页面设计：1.PC端布局：通栏：自适应浏览器的宽度版心：固定一个宽度，并让容器居中页面中需要用到的图片：(由于本人未能找到原版的图片资源，所以只是利用截屏到的图片，进行简单截图后使用，清晰度不够，单用于学习前端学习已足够)图片资源链接：https://pan.baidu.com/s/1ZhaQ8oc2pGuH5uZvXsxjlQ提取码：vj93博文尚美#banner{position:re
  • 自学web前端笔记小结---CSS3 席三日的充电区 入门
    CSS3笔记CSS3选择器规范地址：问题：1.CSS:cascadingstylesheets（层叠样式表）面试常问2.样式表及组成关系：由一条条规则（选择器+声明块）组成笔试常考声明：CSS属性+CSS属性值组成的键值对3.浏览器读取编译CSS的顺序：从右往左eg.divulli.test{}为什么？有机会一次选中目标元素（算法复杂度低）4.选择器1)基本选择器及其扩展*.#后代组合（#test
  • Web前端笔记-移动端触屏移动视角（two.js） IT1995 Web相关技术web前端jstwo.jswebweb前端
    这里主要是利用jquery，在移动端时也可以实现视角的移动效果。程序运行截图如下：这里用触屏操作与鼠标操作一样：关键源码如下：//移动端触碰开始$stage.bind('touchstart',function(event){originalPositionX=event.changedTouches[0].pageX;originalPositionY=event.changedTouches[
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他