去这个链接那里试下就明白了，
子元素的zindex不管怎么修改都是在父元素那里的zindex，父元素需要和同级别的元素比较zindex，然后子元素在父元素中比较和自己同级别的zindex
http://jsfiddle.net/ZjXMR/
- 其他相关推荐
- js 如何获取元素的堆叠顺序z-index值，在没有设置z-index的情况下
js 如何获取元素的堆叠顺序z-index值，在没有设置z-index的情况下
- div relative z-index:4会遮挡fixed z-index:999的原因是什么？
一个div的position:relative; z-index:4; 而另一个为position:fixed; z-index:999; 但前面一个会遮挡后面的。出现这种情况的原因是什么？
- 使用z-index, iframe 父页面如何不被子页面 遮挡
使用iframe嵌入页面时，父页面的easyUI日历插件被子页面NTKO OFFICE文档控件遮挡 ，使用定位层级在火狐浏览器中显示正常，但是在ie和谷歌浏览器中被遮挡，有没有什么好的办法呢？
- js中如何查询html中所有带z-index样式的标签
如图:  通过这种方法 我只能找到 <div style = 'z-index:100'></div>的标签  但是第一个div 中的class中也包含 z-index这个样式，但是按我那种找法是找不出来的。 有没有什么方法能查出所有带有z-index的样式的方法？
- frame可以设置z-index吗
我的首页是头部一个frame，下面一个frame，上面的frame里面有一个select，但是因为上面的frame的宽度不够所以下拉菜单显示不出来，怎么通过设置frame的z-index，从而让里面的z-index可以在外层显示出来，不会被下面的frame遮住 情况就像百度这样，假设上面是一个frame，下面也是一个frame，但上面的select可以显示在下面的frame外面 
- 子元素line-height无法覆盖比自己大的父元素
< p style="line-height: 5">< span style="line-height: 3">aaaa< /span>< /p> 当子元素span设置的line-height比父元素p小时， 相应的设置无法覆盖父元素的设置，比如以上代码文本的实际line-height为3，这是什么原因呢？ 有没有解决办法？
- 求教：jq获取第二个div的z-index属性
求教：jq获取第二个div的z-index属性
- css定位，下面的层老是被覆盖，改z-index没作用。
下面的层老是被覆盖，改z-index没作用。(https://img-ask.csdn.net/upload/201511/29/1448771173_367082.png)
- article设置了z-index，button的cursor无效
设置z-index:10，button 设置cursor:pointer，结果后面个属性无效，请问下为什么，怎么解决
- HTML CSS:子元素什么时候可以超出父元素限制的范围?
``` 疑问: 子元素什么时候可以同时从水平和竖直方向超出父元素的范围? 什么时候会从水平方向超出? 什么时候会从竖直方向超出? ``` <br> ``` 首先,在HTML中,一个父元素包裹着一个子元素 ``` <br> ``` <div class="parent"> <div class="child"></div> </div> ``` <br> ``` 第二步:在CSS中设置父元素和子元素的范围,其中子元素的宽高是大于父元素的宽高的: ``` <br> ``` .parent{ width:300px; height:300px; border: 2px solid blue; } .child{ width:400px; height:400px; border: 2px solid red; } ``` <br> ``` 在浏览器中运行,如图,可以得到第一个结论:子元素是可以超出父元素的范围限制的, 且可以从水平和竖直的方向同时超出 ```  ``` 第三步,我们先在HTML中添加进一些中文文字: ``` <br> ``` <div class="parent"> <div class="child"> ....很多中文文字....</div> </div> ``` <br> ``` 如图:可以发现，当加进很多中文文字时,也是可以超出<div class="child"></div>的范围限制的, 但是为什么这里会先从竖直方向超出，而不会从水平方向超出呢? ```  ``` 第四步：我们在HTML中添加进一些英文文文字: ``` <br> ``` <div class="parent"> <div class="child"> ....很多英文文字....</div> </div> ``` <br> ``` 如图:可以发现，当加进很多英文文字时,也是可以超出<div class="child"></div>的范围限制的, 但是为什么这里会先从水平方向超出，而不会从竖直方向超出呢? ```  ** ``` 所以，究竟什么时候子元素可以同时从水**平和竖直方向超出父元素的范围? 什么时候会从水平方向超出? 什么时候会从竖直方向超出? ```
- 元素重叠顺序的问题！！视频插件总是在最上面。怎么让插件在其他元素之下，z-index不管用
如题，我用的是海康的监控插件webcomponents.exe，他把div变成了一个embed标签，他总是在最上面。怎么让他在其他元素之下。
- 点击子元素的时候怎样才能得到父元素的id
代码如下 复制代码 ``` #big{ width:200px; height:200px; background-color: red; z-index:1000; } #small{ width:100px; height:100px; background-color:blue; } <div id='big'> <div id='small'></div> </div> $('#big').click(function(e){ console.log(e.target.iddaim); }) ``` 复制代码 现在点击small区域的时候是出现‘small’怎么样才能扑捉到父元素的id呢 打印id为big
- 关于父元素容器的高度不会随子元素变化
如图 我做瀑布流布局 父元素容器为什么不会随子元素的排列变化。总是第一行的高度。图中红线为父容器高度
- 盒子垂直居中，垂直居中是div元素，宽度高度被里面的子元素撑开的？
``` <div style="width:600px;heigth:600px"><!--这个是父元素--> <div class="son"><!--这个是子元素--> <h1 class="title">hello word</h1> <div class="content">这里面是一堆元素</div> </div> </div> ``` 知道父元素的宽度和height，直接通过css写的width和height， 子元素没有通过style设置width和height，而是通过子元素中内部的元素将其撑开来计算的。 如何让这个子元素居中？ 测试过的失败的方法 margin-top:50%; margin-top:-50%; margin-top的百分数是根据父元素的width计算的。 父元素 position:relative; 子元素position:absolute;top:0;right:0;bottom:0;left:0 失败，子元素如果不设置width和height就会直接继承到父元素的width和height，而不是通过内容撑开的宽度和高度。 父元素position:relative;子元素position:absolute:top:50%; 子元素里面加一层div设置position:absolute;top:-50%;top百分比里是根据父元素设定，子元素absolute，父元素继承不到高度。 父元素position:relative;子元素position:absolute:top:50%; 子元素里面加一层div设置position:relative;top:-50%; 这个最接近正确的答案，但是还是是错误的，在chrome的盒子模型里面已经显示出了relative的偏移量，但是渲染的时候并没有被渲染出来，top-50%；无效果。
- 关于子元素浮动使父元素高度塌陷的解决办法
3个小问题 1.什么是清除浮动 清除浮动是不是指 1.使浮动元素不覆盖非浮动元素 2.使父元素不因为子元素浮动而高度塌陷 2针对这一种方法 我实测只需要clear：both就行了 为什么还有这么多其他的限制，overflow:hidden好像完全没用 3.关于.clearfix类清除浮动 的很多限制条件我觉得核心也就是一个伪类中的clear：both。 其他的条件是为了扩大这个清除浮动类的适用性吗？
- 父元素使用height:auto，子元素1固定高度，另一个子元素2使用height:100%,为什么子元素2的高度为0？
如题 ``` html: <body> <div class="app"> <div class="box"></div> <div class="box2"></div> </div> </body> <style type="text/css"> html,body{ width: 100%; height: auto; margin:0; padding: 0; } .app{ height: 100%; } .box{ width: 100%; height: 400px; background-color: red; } .box2{ width: 100%; /*这里的height无效*/ height: 100%; background-color: blue; } </style> ``` 本意是想让app的高度被撑开为400px,从而使得box2中设置height: 100%,使box2高度也变成400px, 但是box2高度却是0，感到费解，求高手指教。
- js点击子元素让父元素隐藏失效
<!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>登录</title> <link rel="stylesheet" type="text/css" href="css/main.css"/> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/main.js"></script> </head> <body> <div id="out-content"> <div id="content"> <ul id="nav-title"> <li>分类一 <span class="show-text" style="left:0px;" id="show-text-one"> <img src="images/close_015.gif" class="close-img" id="img-close-one" /> <div class="xuanzhuan" style="left:25px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span> </li> <li>分类二 <span class="show-text" style="left:-80px;"> <img src="images/close_015.gif" class="close-img" /> <div class="xuanzhuan" style="left:105px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span></li> <li>分类三 <span class="show-text" style="left:-160px;"> <img src="images/close_015.gif" class="close-img" /> <div class="xuanzhuan" style="left:185px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span></li> <li>分类四 <span class="show-text" style="left:-240px;"> <img src="images/close_015.gif" class="close-img" /> <div class="xuanzhuan" style="left:265px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span></li> <li>分类五 <span class="show-text" style="left:-320px;"> <img src="images/close_015.gif" class="close-img" /> <div class="xuanzhuan" style="left:345px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span></li> </ul> <div id="myslide"> <img src="images/jiaju_01.jpg" class="first" /> <img src="images/jiaju_02.jpg" /> <img src="images/jiaju_03.jpg" /> <img src="images/jiaju_04.jpg" /> <img src="images/jiaju_05.jpg" /> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div id="login"> <div class="title"> <div class="title-one bgcolor-one">个人</div> <div class="title-two">商户</div> <div class="title-three">志愿者</div> </div> <div class="uname"> <img src="images/uname.png" class="img-one" /> <input type="text" class="input-one" placeholder="请输入用户名" /> </div> <div class="upwd"> <img src="images/pwd.png" class="img-one" /> <input type="text" class="input-one" placeholder="请输入密码" /> </div> <div class="uyzm"> <div class="name">验证码</div> <input type="text" class="input-yzm" /> <img src="images/jiaju_01.jpg" class="img-yzm" /> </div> <input type="button" class="btn-login" value="登 录" /> </div> </div> </div> <div id="footer"> 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 </div> </body> </html> body{margin:0px;padding:0px;font-family:宋体,Arial;font-size:13px;position:relative;background:#FFF9E1;} ol,ul,li,img,input{margin:0px;padding:0px;list-style:none;} div{margin:0px auto;padding:0px} .bgcolor{background:#E84B66 !important;} img,input{outline:none;} .bgcolor-one{background:#4FB8CF !important;color:#FFF;} .hide{ display:none;} #out-content{min-height:480px;} #content{width:1000px; overflow:hidden; position:relative;} #nav-title{width:1000px;height:50px;} #nav-title li{float:left;font-size:15px;font-weight:700;color:#A4A3A2;line-height:50px;cursor:pointer; position:relative; width:80px; height:50px; color:#4D4D4D; text-align:center;} .show-text{position:absolute; width:500px; height:330px; z-index:9000; background:#FFF;padding:15px; line-height:20px; letter-spacing:1px; font-size:13px;font-weight:400; color:#4D4D4D; top:50px; display:none;} .xuanzhuan{width:30px;height:30px;background:#FFF;position:absolute; top:-10px; z-index:-1000; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); /* Opera */ } .close-img{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000;} .closex{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000; color:red; font-size:16px; line-height:18px;} #myslide{width:650px;height:420px;position:relative;overflow:hidden;float:left;} #myslide img{width:650px;height:420px;border:none;outline:none;position:absolute;top:0px;left:0px;display:none;} #myslide img.first{display:block;} #myslide ul{position:absolute;z-index:8000;bottom:20px;} #myslide ul li{float:left;width:10px;height:10px;margin-left:8px;border-radius:50%;background:#FFF;} #myslide ul li:hover{background:#E84B66;} #login{width:300px; height:420px; float:right; border:1px solid #E4E4E4;} #login .title{width:300px; height:50px; line-height:50px; font-size:18px; font-weight:800; border-bottom:1px solid #E1E1E1;background:#EBF2F9;} #login .title .title-one{width:99px; border-right:1px solid #E1E1E1;float:left; text-align:center; cursor:pointer;} #login .title .title-two{width:99px; border-right:1px solid #E1E1E1;float:left;text-align:center;cursor:pointer;} #login .title .title-three{width:100px;float:left;text-align:center;cursor:pointer;} #login .uname{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:35px; vertical-align:middle; background:#FFF;} #login .uname .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;} #login .uname .img-one{width:32px; height:32px; margin-top:4px; float:left;} #login .upwd{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:25px;background:#FFF;} #login .upwd .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;} #login .upwd .img-one{width:32px; height:32px; margin-top:4px; float:left;} #login .uyzm{width:240px;height:40px;border-radius:5px; margin-top:30px;} #login .uyzm .name{width:53px; height:40px; line-height:40px; float:left; text-align: left; font-size:15px;color:#9D9D9D;} #login .uyzm .input-yzm{width:80px; height:32px; line-height:32px; padding:0px 5px; float:left; border:1px solid #DDDDDD;} #login .uyzm .img-yzm{ width:80px; height:34px; float:left; margin-left:12px;} #login .btn-login{width:240px; height:40px; line-height:40px; color:#FFF; background:#E94A66;border-radius:5px; margin-top:55px; border:none; margin-left:30px; font-size:18px; font-weight:bold;} #footer{width:1000px; height:120px; line-height:120px; text-align:center;} $(document).ready(function(e) { $("#myslide ul").css("left",function(){ return ($("#myslide").width()-$("#myslide ul").outerWidth())/2-4; }); $("#myslide ul li").eq(0).addClass("bgcolor"); var index=1; function Slide(){ if(index>=$("#myslide img").length){ index=0; } $("#myslide img").hide(); $("#myslide").find("img").eq(index).show(); $("#myslide ul li").removeClass("bgcolor"); $("#myslide ul li").eq(index).addClass("bgcolor"); index++; } var StartSlide=setInterval(Slide,6000); $("#myslide ul li").click(function(){ var lindex=$(this).index(); $("#myslide img").hide(); $("#myslide").find("img").eq(lindex).show(); $("#myslide ul li").removeClass("bgcolor"); $("#myslide ul li").eq(lindex).addClass("bgcolor"); index=lindex+1; clearInterval(StartSlide); StartSlide=setInterval(Slide,6000); }); $("#login .title div").click(function(){ $("#login .title div").removeClass("bgcolor-one"); $(this).addClass("bgcolor-one"); }); $("#out-content").css("height",$(window).height()-$("#footer").height()); $("#content").css("margin-top",($("#out-content").height()-$("#content").height())/2); $("#nav-title li").click(function(){ $(".show-text").hide(); $(this).find(".show-text").show(); }); $(".close-img").click(function(){ alert("123"); $(".show-text").hide(); }); });
- Html父元素高度固定overflow-x为scrol，子元素为左浮动，如何让父元素包容子元素
Html父元素高度固定overflow-x为scrol，子元素为左浮动，如何让父元素包容子元素
- html父元素设置为visibility:hiddec，其子元素一并隐藏，但仍然能触发子元素点击事件！
页面用了一个弹出框。 通过设置div（父元素）的visibility属性来控制隐藏显示。 当父元素隐藏起来，点击页面的空白处，仍然能触发内部子元素的点击事件！ 求大佬指点，在线等，急！
- 在中国程序员是青春饭吗？
今年，我也32了 ，为了不给大家误导，咨询了猎头、圈内好友，以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助，记得帮我点赞哦。 目录： 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时，拿着傲人的工资，想着好好干，以为我们的人生是这样的： 等真到了那一天，你会发现，你的人生很可能是这样的： ...
- 程序员请照顾好自己，周末病魔差点一套带走我。
程序员在一个周末的时间，得了重病，差点当场去世，还好及时挽救回来了。
- 和黑客斗争的 6 天！
互联网公司工作，很难避免不和黑客们打交道，我呆过的两家互联网公司，几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口，有的是寻找线上服务器可能存在的漏洞，大部分都...
- 点沙成金：英特尔芯片制造全过程揭密
“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内，我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年，古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合，再掺入煅烧石灰石制成的石灰，由此得来了人...
- 上班一个月，后悔当初着急入职的选择了
最近有个老铁，告诉我说，上班一个月，后悔当初着急入职现在公司了。他之前在美图做手机研发，今年美图那边今年也有一波组织优化调整，他是其中一个，在协商离职后，当时捉急找工作上班，因为有房贷供着，不能没有收入来源。所以匆忙选了一家公司，实际上是一个大型外包公司，主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错，所以就立马入职去上班了。但是后面入职后，发现薪酬待遇这块并不是HR所说那样，那个HR自...
- 女程序员，为什么比男程序员少？？？
昨天看到一档综艺节目，讨论了两个话题：（1）中国学生的数学成绩，平均下来看，会比国外好？为什么？（2）男生的数学成绩，平均下来看，会比女生好？为什么？同时，我又联想到了一个技术圈经常讨...
- 副业收入是我做程序媛的3倍，工作外的B面人生是怎样的？
提到“程序员”，多数人脑海里首先想到的大约是：为人木讷、薪水超高、工作枯燥…… 然而，当离开工作岗位，撕去层层标签，脱下“程序员”这身外套，有的人生动又有趣，马上展现出了完全不同的A/B面人生！ 不论是简单的爱好，还是正经的副业，他们都干得同样出色。偶尔，还能和程序员的特质结合，产生奇妙的“化学反应”。 @Charlotte：平日素颜示人，周末美妆博主 大家都以为程序媛也个个不修边幅，但我们也许...
- 如果你是老板，你会不会踢了这样的员工？
有个好朋友ZS，是技术总监，昨天问我：“有一个老下属，跟了我很多年，做事勤勤恳恳，主动性也很好。但随着公司的发展，他的进步速度，跟不上团队的步伐了，有点...
- 我入职阿里后，才知道原来简历这么写
私下里，有不少读者问我：“二哥，如何才能写出一份专业的技术简历呢？我总感觉自己写的简历太烂了，所以投了无数份，都石沉大海了。”说实话，我自己好多年没有写过简历了，但我认识的一个同行，他在阿里，给我说了一些他当年写简历的方法论，我感觉太牛逼了，实在是忍不住，就分享了出来，希望能够帮助到你。 01、简历的本质 作为简历的撰写者，你必须要搞清楚一点，简历的本质是什么，它就是为了来销售你的价值主张的。往深...
- 外包程序员的幸福生活
今天给你们讲述一个外包程序员的幸福生活。男主是Z哥，不是在外包公司上班的那种，是一名自由职业者，接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主，Z哥，老程序员，是我十多年前的老同事，技术大牛，当过CTO，也创过业。因为我俩都爱好喝酒、踢球，再加上住的距离不算远，所以一直也断断续续的联系着，我对Z哥的状况也有大概了解。 Z哥几年前创业失败，后来他开始干起了外包，利用自己的技术能...
- C++11：一些微小的变化（新的数据类型、template表达式内的空格、nullptr、std::nullptr_t）
本文介绍一些C++的两个新特性，它们虽然微小，但对你的编程十分重要 一、Template表达式内的空格 C++11标准之前建议在“在两个template表达式的闭符之间放一个空格”的要求已经过时了 例如： vector<list<int> >; //C++11之前 vector<list<int>>; //C++11 二、nullptr ...
- 优雅的替换if-else语句
场景 日常开发，if-else语句写的不少吧？？当逻辑分支非常多的时候，if-else套了一层又一层，虽然业务功能倒是实现了，但是看起来是真的很不优雅，尤其是对于我这种有强迫症的程序"猿"，看到这么多if-else，脑袋瓜子就嗡嗡的，总想着解锁新姿势：干掉过多的if-else！！！本文将介绍三板斧手段： 优先判断条件，条件不满足的，逻辑及时中断返回； 采用策略模式+工厂模式； 结合注解，锦...
- 深入剖析Springboot启动原理的底层源码，再也不怕面试官问了！
大家现在应该都对Springboot很熟悉，但是你对他的启动原理了解吗？
- 离职半年了，老东家又发 offer，回不回？
有小伙伴问松哥这个问题，他在上海某公司，在离职了几个月后，前公司的领导联系到他，希望他能够返聘回去，他很纠结要不要回去？ 俗话说好马不吃回头草，但是这个小伙伴既然感到纠结了，我觉得至少说明了两个问题：1.曾经的公司还不错；2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说，松哥之前也有过类似的经历，今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点，就是离职了也没必要和老东家弄的苦...
- 为什么你不想学习？只想玩？人是如何一步一步废掉的
不知道是不是只有我这样子，还是你们也有过类似的经历。 上学的时候总有很多光辉历史，学年名列前茅，或者单科目大佬，但是虽然慢慢地长大了，你开始懈怠了，开始废掉了。。。 什么？你说不知道具体的情况是怎么样的？ 我来告诉你： 你常常潜意识里或者心理觉得，自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间，还有无限的可能，自己还能逆风翻盘，只不是自己还没开始罢了，自己以后肯定会变得特别厉害...
- 为什么程序员做外包会被瞧不起？
二哥，有个事想询问下您的意见，您觉得应届生值得去外包吗？公司虽然挺大的，中xx，但待遇感觉挺低，马上要报到，挺纠结的。
- 当HR压你价，说你只值7K，你该怎么回答？
当HR压你价，说你只值7K时，你可以流畅地回答，记住，是流畅，不能犹豫。 礼貌地说：“7K是吗？了解了。嗯~其实我对贵司的面试官印象很好。只不过，现在我的手头上已经有一份11K的offer。来面试，主要也是自己对贵司挺有兴趣的，所以过来看看……”（未完） 这段话主要是陪HR互诈的同时，从公司兴趣，公司职员印象上，都给予对方正面的肯定，既能提升HR的好感度，又能让谈判气氛融洽，为后面的发挥留足空间。...
- 面试：第十六章：Java中级开发（16k）
HashMap底层实现原理，红黑树，B+树，B树的结构原理 Spring的AOP和IOC是什么？它们常见的使用场景有哪些？Spring事务，事务的属性，传播行为，数据库隔离级别 Spring和SpringMVC，MyBatis以及SpringBoot的注解分别有哪些？SpringMVC的工作原理，SpringBoot框架的优点，MyBatis框架的优点 SpringCould组件有哪些，他们...
- 面试阿里p7，被按在地上摩擦，鬼知道我经历了什么？
面试阿里p7被问到的问题(当时我只知道第一个)：@Conditional是做什么的?@Conditional多个条件是什么逻辑关系？条件判断在什么时候执...
- 面试了一个 31 岁程序员，让我有所触动，30岁以上的程序员该何去何从？
最近面试了一个31岁8年经验的程序猿，让我有点感慨，大龄程序猿该何去何从。
- 【阿里P6面经】二本，curd两年，疯狂复习，拿下阿里offer
二本的读者，在老东家不断学习，最后逆袭
- 大三实习生，字节跳动面经分享，已拿Offer
说实话，自己的算法，我一个不会，太难了吧
- 程序员垃圾简历长什么样？
已经连续五年参加大厂校招、社招的技术面试工作，简历看的不下于万份 这篇文章会用实例告诉你，什么是差的程序员简历！ 疫情快要结束了，各个公司也都开始春招了，作为即将红遍大江南北的新晋UP主，那当然要为小伙伴们做点事（手动狗头）。 就在公众号里公开征简历，义务帮大家看，并一一点评。《启舰：春招在即，义务帮大家看看简历吧》 一石激起千层浪，三天收到两百多封简历。 花光了两个星期的所有空闲时...
- 《经典算法案例》01-08：如何使用质数设计扫雷（Minesweeper）游戏
我们都玩过Windows操作系统中的经典游戏扫雷（Minesweeper），如果把质数当作一颗雷，那么，表格中红色的数字哪些是雷（质数）？您能找出多少个呢？文中用列表的方式罗列了10000以内的自然数、质数（素数），6的倍数等，方便大家观察质数的分布规律及特性，以便对算法求解有指导意义。另外，判断质数是初学算法，理解算法重要性的一个非常好的案例。
- 《Oracle Java SE编程自学与面试指南》最佳学习路线图（2020最新版）
正确选择比瞎努力更重要！
- 面试官：你连SSO都不懂，就别来面试了
大厂竟然要考我SSO，卧槽。
- 微软为一人收购一公司？破解索尼程序、写黑客小说，看他彪悍的程序人生！...
作者 | 伍杏玲出品 | CSDN（ID：CSDNnews）格子衬衫、常掉发、双肩包、修电脑、加班多……这些似乎成了大众给程序员的固定标签。近几年流行的“跨界风”开始刷新人们对程序员的...
- 终于，月薪过5万了！
来看几个问题想不想月薪超过5万？想不想进入公司架构组？想不想成为项目组的负责人？想不想成为spring的高手，超越99%的对手？那么本文内容是你必须要掌握的。本文主要详解bean的生命...
- 我说我懂多线程，面试官立马给我发了offer
不小心拿了几个offer，有点烦
- 自从喜欢上了B站这12个UP主，我越来越觉得自己是个废柴了！
不怕告诉你，我自从喜欢上了这12个UP主，哔哩哔哩成为了我手机上最耗电的软件，几乎每天都会看，可是吧，看的越多，我就越觉得自己是个废柴，唉，老天不公啊，不信你看看…… 间接性踌躇满志，持续性混吃等死，都是因为你们……但是，自己的学习力在慢慢变强，这是不容忽视的，推荐给你们！ 都说B站是个宝，可是有人不会挖啊，没事，今天咱挖好的送你一箩筐，首先啊，我在B站上最喜欢看这个家伙的视频了，为啥 ，咱撇...
- 博客 大学四年自学走来，这些私藏的实用工具/学习网站我贡献出来了
- 博客 在中国程序员是青春饭吗？
- 博客 springboot+jwt实现token登陆权限认证
- 博客 技术大佬：我去，你写的 switch 语句也太老土了吧
- 博客 女程序员，为什么比男程序员少？？？
- 博客 总结了 150 余个神奇网站，你不来瞅瞅吗？
- 博客 副业收入是我做程序媛的3倍，工作外的B面人生是怎样的？
- 博客 MySQL数据库面试题（2020最新版）
- 博客 如果你是老板，你会不会踢了这样的员工？
- 博客 我入职阿里后，才知道原来简历这么写
- 博客 程序员写出这样的代码，能不挨骂吗？
- 博客 外包程序员的幸福生活
- 博客 优雅的替换if-else语句
- 博客 离职半年了，老东家又发 offer，回不回？
- 博客 2020阿里全球数学大赛：3万名高手、4道题、2天2夜未交卷
- 博客 为什么你不想学习？只想玩？人是如何一步一步废掉的
- 博客 男生更看重女生的身材脸蛋，还是思想？
- 博客 为什么程序员做外包会被瞧不起？
- 博客 当HR压你价，说你只值7K，你该怎么回答？
- 博客 面试：第十六章：Java中级开发
- 博客 早上躺尸，晚上干活：硅谷科技公司这么流行迟到？
- 博客 面试阿里p7，被按在地上摩擦，鬼知道我经历了什么？
- 博客 终于懂了TCP和UDP协议区别
- 博客 Python爬虫，高清美图我全都要（彼岸桌面壁纸）
- 博客 无代码时代来临，程序员如何保住饭碗？
- 博客 面试了一个 31 岁程序员，让我有所触动，30岁以上的程序员该何去何从？
- 博客 大三实习生，字节跳动面经分享，已拿Offer
- 博客 程序员垃圾简历长什么样？
- 博客 Java岗开发3年，公司临时抽查算法，离职后这几题我记一辈子
- 博客 大胆预测下未来5年的Web开发