div用了浮动,且使用百分比,浏览器缩放布局就乱了,小白一个求大神,挺急的 1C

questionnaire.css
body {
/* 这里相对于css文件 /
/
background-image: url(../images/3b77dc0bbd41ef396690eb32a9803998[1].jpg); */
background-color: #E8F2FE;
width: 100%;
height: 100%;
}

font {
font-family: "楷体";/* Trebuchet MS /
}
/
整个表单作为一个outer*/
.StuQuestionnaire_outer {
position: relative;
/* height: 100%; /
width: 100%;
left: 2%;
background-color: #E8F2FE;
/
border: 1px red solid; /
}
/
尊敬的女士...开始 /
.StuQuestionnaire_top {
/
border: 1px black solid; /
/
position: absolute; /
float: left;
width: 90%;
height: 10%;
border-bottom: 1px #EFEFEF dashed;
margin-top: 2%;
margin-left: 2%;
padding: 1%;
}
/
尊敬的女士...结束 /
/
***************************/
/* 表单内容开始...开始 /
.StuQuestionnaire_content {
/
position: absolute; /
float: left;
margin-top: 0%;
margin-left: 2%;
padding: 1%;
width: 90%;
/
border: 1px blue solid; /
}
/
表单内容开始...结束 /
/
***************************/
/* 一、个人就业信息...开始*/
.StuQuestionnaire_content1_top {
float: left;
/* border: 1px yellow solid; /
width: 100%;
}
/
一、个人就业信息...结束*/
/****************************/
/* 一、个人就业信息问卷内容...开始*/
.StuQuestionnaire_content1_bottom {
width: 80%;
/* border: 1px black solid; /
float: left;
padding: 1%;
margin-left: 11%;
}
/
一、个人就业信息问卷内容...结束*/
/****************************/
/* 一、个人就业信息问卷内容的每一条...开始*/
.StuQuestionnaire_content1_bottom_div {
width: 90%;
float: left;
padding-left: 1%;
/* padding-top: 1%; /
padding-bottom: 1%;
/
border: 1px blue solid; */
}

.StuQuestionnaire_content1_bottom_div:HOVER {
background-color: #EDFAFE;
} /* 一、个人就业信息问卷内容的每一条...结束*/
/****************************/
/* 一、个人就业信息问卷内容的每一条的标题...开始*/
.StuQuestionnaire_content1_bottom_div_title {
float: left;
/* border: 1px red solid; /
width: 20%;
}
/
一、个人就业信息问卷内容的每一条的标题...开始*/
/****************************/
/* 一、个人就业信息问卷内容的每一条的input...开始*/
.StuQuestionnaire_content1_bottom_div_input {
width: 40%;
float: left;
}

/* 一、个人就业信息问卷内容的每一条的input...结束*/
/****************************/
/* 一、个人就业信息问卷内容的每一条的text...开始*/
.StuQuestionnaire_content1_bottom_div_text {
width: 100%;
/* color: #A79776; /
}
/
一、个人就业信息问卷内容的每一条的text...结束*/
/****************************/
/* 一、个人就业信息问卷内容的控制信息的图片div..开始 */
.imgDiv {
float: left;
height: 2.5%;
width: 2%;
visibility: hidden;
margin-left: 1%;
}

.imgDiv img {
height: 100%;
background: transparent; /*完全透明*/
opacity: 1; /*整个按钮的不透明度,会影响到文字,0完全透明,1完全不透明*/
background: rgba(255, 255, 255, 0.5);
}
/* 一、个人就业信息问卷内容的控制信息的图片div..结束 /
.controlMessages {
float: left;
height: 2.5%;
margin-left: 0.5%;
}
/
***************************/
/* 二、工作满意度..开始*/
.StuQuestionnaire_content2_top {
float: left;
/* border: 1px yellow solid; /
width: 100%;
}
/
二、工作满意度..结束*/
/****************************/
/* 二、工作满意度答卷内容...开始*/
.StuQuestionnaire_content2_bottom {
width: 98%;
/* border: 1px black solid; /
float: left;
padding: 1%;
}
/
二、工作满意度答卷内容...结束*/
/****************************/
/* 二、工作满意度答卷内容的每一条...开始*/
.StuQuestionnaire_content2_bottom_div {
width: 80%;
float: left;
padding-left: 1%;
/* padding-top: 1%; /
padding-bottom: 1%;
/
border: 1px red solid; /
border-bottom: 10% red solid;
/
border-bottom: 10%;
border-bottom-width: 80%;
border-bottom-color: black; */
margin-left: 10%;
}

.StuQuestionnaire_content2_bottom_div:HOVER {
background-color: #EDFAFE; /* #EDFAFE*/
}
/* 二、工作满意度答卷内容的每一条...结束*/
/****************************/
/* 二、工作满意度答卷内容的每一条的标题...开始*/
.StuQuestionnaire_content2_bottom_div_title {
float: left;
width: 80%;
/* border: 1px red solid; /
margin-left: 1%;
}
/
二、工作满意度答卷内容的每一条的标题...开始*/
/****************************/
/* 二、工作满意度答卷内容的每一条的input...开始*/
.StuQuestionnaire_content2_bottom_div_input {
width: 78%;
float: left;
/* border: 1px black solid; /
padding: 1%;
margin-left: 1%;
}
/
二、工作满意度答卷内容的每一条的input...结束*/
/****************************/
/* 二、工作满意度答卷内容的每一条的input的每个选项...开始*/
.StuQuestionnaire_content2_bottom_input_choose {
width: 95%;
float: left;
/* border: 1px red solid; */
margin-bottom: 1%;
margin-left: 1%;
}

.StuQuestionnaire_content2_bottom_input_choose:HOVER {
background-color: #EFEFEF;
cursor: pointer;
}
/* 二、工作满意度答卷内容的每一条的input的每个选项...开始*/
.StuQuestionnaire_content2_bottom_input_choose input {
width: 3%;
height: 2.5%;
float: left;
/* border-radius: 100%; */
-webkit-box-shadow: 0% 18% 30% rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0% 18% 30% rgba(0, 0, 0, 0.5);
box-shadow: 0% 18% 30% rgba(0, 0, 0, 0.5);
background: #ddd;
}

.StuQuestionnaire_content2_bottom_input_choose label {
float: left;
margin-left: 0.5%;
}
/**设置红色字体**/
.redFont {
color: red;
}

.StuQuestionnaire_content2_bottom_submit {
width: 80%;
float: left;
padding-left: 1%;
/* padding-top: 1%; /
padding-bottom: 1%;
/
border: 1px red solid; */
margin-left: 10%;
}

.StuQuestionnaire_content2_bottom_div_submit {
width: 78%;
float: left;
padding: 1%;
margin-left: 1%;
}

.StuQuestionnaire_content2_bottom_div_submit input {
background-color: #DEDEDD;
float: left;
height: 30px;
width: 8%;
margin-left: 40%;
}

.StuQuestionnaire_content2_bottom_div_submit input:HOVER {
cursor: pointer;
position: relative;
-webkit-animation-name: buzz-out;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
top: 2%;
margin-left: 40.5%;
margin-top: 0.5%;
}

.StuQuestionnaire_content2_bottom_div_submit input:AFTER {
cursor: pointer;
position: relative;
top: 0%;
left: 0%;
}

3个回答

 system("cls");

这个是什么~~~~~··

用了浮动之后有没有清除浮动?(没看你代码)

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于div浮动!网页布局
问题描述:例如:我有一个div 800*800 <div style="width:800px;height:800px;"> <div style="width:600px;height:200px;float:left">第一个DIV</div> <div style="width:200px;height:400px;float:left">第二个DIV</div> <div style="width:300px;height:400px;float:left">第三个DIV</div> <div style="width:300px;height:400px;float:left">第四个DIV</div> </div> --结果显示: 第一二个DIV能浮动一起 第三四个div以第一个DIV的高度开始浮动 --问题:我要怎么样让第三四个DIV紧挨到第一个DIV下,而不是以前面DIV的最高高度为起始?
DIV元素使用浮动时无效的问题
<div class="div1"> <div class="div2"></div> <div class="div3"></div> </div> div1用margin:0px auto;顶部margin无法消除,可以居中,div2和3用float:left时有效浮动,但是给div2和3设置margin或者padding时,浮动就无效,但请问这是什么原因?
div布局时如何防止浏览器窗口缩小的错误情况??
如何实现左边菜单栏div而整个页面中间是内容div???我将左边菜单栏左浮动之后,缩小浏览器窗口时中间内容div会跟菜单栏重合,设置overflow的话小窗口下内容栏会在菜单栏下方,求助。。急!!如图,如何解决浏览器小窗口的问题?? ![图片说明](https://img-ask.csdn.net/upload/201703/02/1488422653_227209.png) ![图片说明](https://img-ask.csdn.net/upload/201703/02/1488422669_937143.png)
CSS+div网页设计 电脑浏览器打开网页正常 但手机浏览器打开col-sm-4位置乱了
如题,电脑浏览器打开网页正常,但手机浏览器打开原先在一行的两个col-sm-4变成了两行,如图 这是用电脑上的浏览器打开的,都正常 ![图片说明](https://img-ask.csdn.net/upload/201708/29/1503987302_16089.jpg) 但是用手机的qq浏览器打开位置就乱了,电脑打开发大300%也会乱。 ![图片说明](https://img-ask.csdn.net/upload/201708/29/1503987781_174453.png) 相关代码: ![图片说明](https://img-ask.csdn.net/upload/201708/29/1503987467_10180.jpg) 还请会的小伙伴不吝赐教~~感谢~~
关于div布局问题,怎样使div大小不随浏览器窗口大小改变
``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .logo1{padding:0px 0px 0px 0px;background-color:#3a3c75;height:120px;width: 1000px;float: right} .logo2{padding:0px 0px 0px 0px;background-color:red;height: 120px;width:500px ;background-image: url("./logo.png")} </style> </head> <body> <div class="logo1"></div> <div class="logo2"></div> </body> </html> ``` 俩个div同行,缩小浏览器窗口是总是一个将领一个覆盖。为什么
jquery Div隐藏 DIV浮动在iframe上时隐藏失效
``` <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="http://www.pc120xz.cn/root/scripts/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> </head> <body> <div id="top" style="height:99px; border:1px solid #933; background-color:#999999;"> </div> <div id="divmain"> <iframe name="contentFrame" id="contentFrame" width="100%" height="500" allowtransparency="true" scrolling="no" border="0" frameborder="0" src="http://www.baidu.com/" ></iframe> </div> <div id="bottom" style="height:99px; border:#06F solid 1px; background-color:#999999;">此处显示 id "bottom" 的内容</div> <script type="text/javascript"> $(document).ready(function(){ $("#ListShow").bind("click",function(){ $('#Main_pl1').animate({height:'show', opacity: 'show'}, 'normal',function(){ $('#Main_pl1').show(); }); $('#ListShow').attr('style','display:none'); $('#ListHide').attr('style','display:block'); return false; }); $("#ListHide").bind("click",function(){ $('#Main_pl1').animate({height:'hide', opacity: 'hide'}, 'normal',function(){ $('#Main_pl1').hide(); }); $('#ListShow').attr('style','display:block'); $('#ListHide').attr('style','display:none'); }); $(document).bind("click",function(event){ if($(event.target).isChildOf("#Main_pl1") == false){ $('#Main_pl1').animate({height:'hide', opacity: 'hide'}, 'normal',function(){ $('#Main_pl1').hide(); }); $('#ListShow').attr('style','display:block'); $('#ListHide').attr('style','display:none'); } }); $.fn.isChildAndSelfOf = function(b){ return (this.closest(b).length > 0); }; $.fn.isChildOf = function(b){ return (this.parents(b).length > 0); }; }); </script> <div id="MainA1" style="position:fixed;left:0px;bottom:2px;_position:absolute;"> <div id="Main_pl1" style="display:none;"> <div class="Main_pl1m" style="width:400px; height:200px; background:#666666;">点击此DIV外任意地方隐藏此DIV</div> </div> <div id="Main_pm1" style="width:400px; height:120px;"> <div class="Main_pm1m overz" style="border:#9CC solid 1px;"> <span title="打开列表" id="ListShow" style="display:block;">测试这个</span> <span title="关闭列表" id="ListHide" style="display:none;">测试这个</span> </div> </div> </div>在同一页面可以 但DIV浮动到iframe上时 失效 </body> </html> ```
页面布局什么时候用固定像素什么时候用百分比?
![图片说明](https://img-ask.csdn.net/upload/201511/15/1447592102_514115.png) 要实现图片中的布局,哪里该用固定的像素设置,哪里改用百分比呢?如果对图片外部的div用固定像素设置,margin,padding等用百分比时,当缩放浏览器窗口时,网页中的图片会不会错位?这种问题应该怎么解决?图中div都设置成固定像素小,然后给他们设置绝对定位,margin、padding等用百分比设置可以吗?
背景图片background-position:center,之后,浏览器缩放,内容错位???
请问:: 背景图片设置了background-position之后,其他的内容区在浏览器缩放的时候就移位了,如下图, 要怎么设置它们才能跟随背景图片一致?? 内容用的绝对定位,写死不行,百分比也不对,要怎么写呢,求指点,谢谢 外部div .wrapper-ydy{ width: 100%; text-align: center; background-image: url("../images/yd/yd-bg.png"); background-repeat: no-repeat; background-position: center; height: 679px; position: relative; z-index: -99999; } 头部,进入主页内容 .ydy-top{ z-index: 1000; background-color: #fffa62; width: 200px; position: absolute; top: 8%; left: 55%; }![图片](https://img-ask.csdn.net/upload/201701/17/1484606246_697598.jpg)
如何让浮动的子DIV在父DIV上居中(水平方向和垂直方向)
如题:如何让浮动的子DIV在父DIV上居中(水平方向和垂直方向)
IE6~7浮动div导致cpu过高
最近在做一个基于Ajax的应用系统,使用的JavaScript框架是jQuery1.2.6,布局是基于div+css的box模型。开发过程中可能是由于机器的原因,一直没有觉察出应用有什么异常,直到应用提交测试组后。由于测试组的机器较差一些,在某台机器上测试时偶尔会出现短暂的抽搐。。。后来测试人员发现在打开应用的浮动div层时,cpu会飙升起来,最高能到70~80%,平均保持在40%+。即使在没有什么操作的情况下亦如此。 应用并不复杂,浮动div层也是公用的,里面最复杂的时候也不过60行html代码加上7、8个事件,简单的时候里面可能就有一个3行数据的table;每次关闭浮动层会清空里面的html代码;与浮动层同时展现的还有个位于它的遮罩层。应用在ie6~7运行时只要有浮动层出现,cpu就会高起来,关闭浮动层或者离开这个浏览器页面cpu都会降下来。但是对浏览器里的非浮动的div层无论怎么操作,cpu也不会涨到这个水平。。。灰常不解。。。 在网上也查了一阵子,没找到靠谱的信息。不知道哪位有经验的兄弟指点一下,谢谢!平时登陆较少,所以积分不多,见谅、见谅。。。
如何让子div的内容显示不受父div的影响
我有一个父级div,还有一个子级div 现在子div是一个浮动框,一般情况下是不显示的,当把鼠标放在父div的某个连接上时,子div作为浮动层显示出来 问题是父div的高度是固定的,且不能显示滚动条,不能随着子div的高度而扩展 因此我的子div显示出来之后,有一部分被父div盖住了一部分 如何让子div完全悬浮在父div上? 子div是框架自动生成的,不是我能控制的
一个div内含三个div,内部三个div向左浮动,最后一个自适应大小
在页面body里有一main层div,里面有三块div:left,Middle,right;全部向左浮动,最左边两个left,Middle,固定宽度,让最后一个div自适应剩余的空间,理想图如图:![图片说明](https://img-ask.csdn.net/upload/201509/30/1443597973_765025.png) 而我现实出现成这样,如图最右边的只有一小块,不知道怎么设置成充满,而且,由于屏幕的分辨率会变,最右边的还容易跑到最下边去,如图:![图片说明](https://img-ask.csdn.net/upload/201509/30/1443598033_492601.png) 求各位大神指导....
form中div设置浮动,div元素会向左浮动到哪个元素为止??
html: ``` <div class="bj_bai"> <h3 id="login_caption">登录</h3> <form action method="get"> <input type="text" class="kuang_txt" placeholder="登录名"> <input type="password" class="kuang_txt" placeholder="密码"> <div> <input class="" type="checkbox"/> <span>记住我&nbsp;&nbsp;&nbsp;</span> <a href="">忘记密码?</a> </div> <input type="button" class="btn_zhuce" value="登录"> </form> </div> ``` ``` CSS: .bj_bai{ float: left; width: 314px; height: 408px; padding-left: 50px; background: #FFF; } .kuang_txt{ width: 230px; height: 60px; border: 1px solid #dddddd; background: #faffbd;/*背景色*/ color: #b1a9a9;/*应该是密码的颜色*/ margin-bottom: 30px; line-height: 60px;/*行内块状元素可设置行高*/ padding-left: 4px; } .zhuce_kuang .zc .bj_bai div { float: left; width: 100%; line-height: 43px; } .zhuce_kuang .zc .bj_bai .btn_zhuce { width: 227px; height: 33px; background: #37b5f9; font-size: 14px; line-height: 33px; text-align: center; border: 0px; color: #fff; border-radius: 3px; cursor: pointer; } ``` ![图片说明](https://img-ask.csdn.net/upload/201609/24/1474707761_927193.jpg) ![图片说明](https://img-ask.csdn.net/upload/201609/24/1474706565_910758.jpg) 两种假设: 1.如果包含框是form,那么div浮动应该盖住用户名输入框; 2.如果包含框成了外部的div块,应该盖住登录标题的; 我的感觉: 1.如果”登录“按钮宽度设置小一点的情况下,似乎div块脱离标准文档流,并且脱离form块,后面的块直接跟上向前; 2.如果”登录“按钮宽度设置大一点的情况下,”登录“按钮可以显示在div下面,似乎div块未脱离文档流,还处在form块中。 所以感觉自己糊涂了,现在搞不清楚到底form中div设置浮动,div元素会向左浮动到哪个元素为止,遵从哪些原则? 不知哪位大神能帮我解答一下,感激不尽~
div中加div,如果里面的div给margin-top,则外面的div就会整体下移,如何解决
div布局中:div中加div,如果里面的div给margin-top,则外面的div就会整体下移,如何解决
关于DIV在浏览器中定位的问题
:) 首先,我已经查了好多资料,当打开网页时一个单独的浮动窗口DIV可以显示在浏览器的正中了。 但是问题是,如果我改变浏览器的大小,DIV的页面位置top和left都不发生变动,就是说,等同于绝对定位。 以下为重要部分代码: //这是浮动窗口的位置设定 this.top = document.body.scrollTop + document.documentElement.clientHeight/2 -this.flash_height/2; this.left = document.body.scrollLeft +document.body.clientWidth/2 - this.flash_width/2; //这是浮动窗口div的CSS position:fixed; overflow:hiddle; z-index:10000; top:this.top; left:this.left; 效果应该是像http://wow.178.com/首页的弹出FLASH一样,无论怎么改变浏览器大小,flash都居中 按说这个位置的设定没问题,但是感觉只是第一次打开时生效,如果后期变动的话就失去效果了。 如果动态的是top和left变动,求教,万分感谢!
jquery Div隐藏 当DIV浮动在iframe上时隐藏失效
``` <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="http://www.pc120xz.cn/root/scripts/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> </head> <body> <div id="top" style="height:99px; border:1px solid #933; background-color:#999999;"> </div> <div id="divmain"> <iframe name="contentFrame" id="contentFrame" width="100%" height="500" allowtransparency="true" scrolling="no" border="0" frameborder="0" src="http://www.baidu.com/" ></iframe> </div> <div id="bottom" style="height:99px; border:#06F solid 1px; background-color:#999999;">此处显示 id "bottom" 的内容</div> <script type="text/javascript"> $(document).ready(function(){ $("#ListShow").bind("click",function(){ $('#Main_pl1').animate({height:'show', opacity: 'show'}, 'normal',function(){ $('#Main_pl1').show(); }); $('#ListShow').attr('style','display:none'); $('#ListHide').attr('style','display:block'); return false; }); $("#ListHide").bind("click",function(){ $('#Main_pl1').animate({height:'hide', opacity: 'hide'}, 'normal',function(){ $('#Main_pl1').hide(); }); $('#ListShow').attr('style','display:block'); $('#ListHide').attr('style','display:none'); }); $(document).bind("click",function(event){ if($(event.target).isChildOf("#Main_pl1") == false){ $('#Main_pl1').animate({height:'hide', opacity: 'hide'}, 'normal',function(){ $('#Main_pl1').hide(); }); $('#ListShow').attr('style','display:block'); $('#ListHide').attr('style','display:none'); } }); $.fn.isChildAndSelfOf = function(b){ return (this.closest(b).length > 0); }; $.fn.isChildOf = function(b){ return (this.parents(b).length > 0); }; }); </script> <div id="MainA1" style="position:fixed;left:0px;bottom:2px;_position:absolute;"> <div id="Main_pl1" style="display:none;"> <div class="Main_pl1m" style="width:400px; height:200px; background:#666666;">点击此DIV外任意地方隐藏此DIV</div> </div> <div id="Main_pm1" style="width:400px; height:120px;"> <div class="Main_pm1m overz" style="border:#9CC solid 1px;"> <span title="打开列表" id="ListShow" style="display:block;">测试这个</span> <span title="关闭列表" id="ListHide" style="display:none;">测试这个</span> </div> </div> </div>在同一页面可以 但DIV浮动到iframe上时 失效 </body> </html> ```
div布局,上中下结构,怎么让高度固定的div始终在高度自适应的div下面
我做了一个页面,布局为上中下,上面和下面的高度都是固定的,中间的高度是自适应的,下面那个div要怎么设置才能紧挨着中间的那个div,我写的都跑到上面去了
不会div+css盒子的布局
是那种div+ cssd 盒子代码布局 一个关于7个盒子代码的布局 上面三个盒子,下面三个盒子 最下面一个大盒子 谢谢大神
急急急!!div盖住整个浏览器
我想使用div的点击事件然后让div盖住整个浏览器。 不知道能不能实现。如果不可以,那div点击事件后能不能隐藏当前页面的地址栏和状态栏,标题栏等等。需要详细一点的解说。麻烦了。
相见恨晚的超实用网站
搞学习 知乎:www.zhihu.com 简答题:http://www.jiandati.com/ 网易公开课:https://open.163.com/ted/ 网易云课堂:https://study.163.com/ 中国大学MOOC:www.icourse163.org 网易云课堂:study.163.com 哔哩哔哩弹幕网:www.bilibili.com 我要自学网:www.51zxw
花了20分钟,给女朋友们写了一个web版群聊程序
参考博客 [1]https://www.byteslounge.com/tutorials/java-ee-html5-websocket-example
爬虫福利二 之 妹子图网MM批量下载
爬虫福利一:27报网MM批量下载    点击 看了本文,相信大家对爬虫一定会产生强烈的兴趣,激励自己去学习爬虫,在这里提前祝:大家学有所成! 目标网站:妹子图网 环境:Python3.x 相关第三方模块:requests、beautifulsoup4 Re:各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径,使用 python xxx.py 或IDE运行即可。
字节跳动视频编解码面经
引言 本文主要是记录一下面试字节跳动的经历。 三四月份投了字节跳动的实习(图形图像岗位),然后hr打电话过来问了一下会不会opengl,c++,shador,当时只会一点c++,其他两个都不会,也就直接被拒了。 七月初内推了字节跳动的提前批,因为内推没有具体的岗位,hr又打电话问要不要考虑一下图形图像岗,我说实习投过这个岗位不合适,不会opengl和shador,然后hr就说秋招更看重基础。我当时
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
Python 基础(一):入门必备知识
目录1 标识符2 关键字3 引号4 编码5 输入输出6 缩进7 多行8 注释9 数据类型10 运算符10.1 常用运算符10.2 运算符优先级 1 标识符 标识符是编程时使用的名字,用于给变量、函数、语句块等命名,Python 中标识符由字母、数字、下划线组成,不能以数字开头,区分大小写。 以下划线开头的标识符有特殊含义,单下划线开头的标识符,如:_xxx ,表示不能直接访问的类属性,需通过类提供
这30个CSS选择器,你必须熟记(上)
关注前端达人,与你共同进步CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计,我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等,我们只需要改几行代码,不需...
国产开源API网关项目进入Apache孵化器:APISIX
点击蓝色“程序猿DD”关注我回复“资源”获取独家整理的学习资料!近日,又有一个开源项目加入了这个Java开源界大名鼎鼎的Apache基金会,开始进行孵化器。项目名称:AP...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
编写Spring MVC控制器的14个技巧
本期目录 1.使用@Controller构造型 2.实现控制器接口 3.扩展AbstractController类 4.为处理程序方法指定URL映射 5.为处理程序方法指定HTTP请求方法 6.将请求参数映射到处理程序方法 7.返回模型和视图 8.将对象放入模型 9.处理程序方法中的重定向 10.处理表格提交和表格验证 11.处理文件上传 12.在控制器中自动装配业务类 ...
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
求小姐姐抠图竟遭白眼?痛定思痛,我决定用 Python 自力更生!
点击蓝色“Python空间”关注我丫加个“星标”,每天一起快乐的学习大家好,我是 Rocky0429,一个刚恰完午饭,正在用刷网页浪费生命的蒟蒻...一堆堆无聊八卦信息的网页内容慢慢使我的双眼模糊,一个哈欠打出了三斤老泪,就在此时我看到了一张图片:是谁!是谁把我女朋友的照片放出来的!awsl!太好看了叭...等等,那个背景上的一堆鬼画符是什么鬼?!真是看不下去!叔叔婶婶能忍,隔壁老王的三姨妈的四表...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
致 Python 初学者
欢迎来到“Python进阶”专栏!来到这里的每一位同学,应该大致上学习了很多 Python 的基础知识,正在努力成长的过程中。在此期间,一定遇到了很多的困惑,对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 python 这门编程语言,从2009年开始单一使用 python 应对所有的开发工作,直至今天。回顾自己的学习过程,也曾经遇到过无数的困难,也曾经迷茫过、困惑过。开办这个专栏,正是为了帮助像我当年一样困惑的 Python 初学者走出困境、快速成长。希望我的经验能真正帮到你
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
相关热词 c# 二进制截断字符串 c#实现窗体设计器 c#检测是否为微信 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片
立即提问