关于CSS布局问题脱了文档流

父容器的宽度是100%,它里面有两个子元素各是50%的宽度,为什么第一个在父容器正常显示,第二个却脱离了文档流?图片说明

5个回答

设置float就脱离文档流了啊

第二个子元素不是应该和第一个并排显示么?第二个我右浮动了啊。两个子元素的宽度刚好占满父容器啊

p是块级元素,后面的元素只能在下一行开始,你把ul放在p前面就可以了

你设置了ul标签的浮动,这个标签设置了float,及脱离了文档流 ,,若想要并排显示 p元素和ul元素同时设置float为left 两者都脱离文档流

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
div+css布局的一个很小问题,求解,谢谢了
``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{margin:0; padding:0;} .A{width:950px; height:40px; background:#ccc;} .nav{width:800px; height:20px; background:blue; margin-top:5px;} </style> </head> <body> <div class="A"> <div class="nav"></div> </div> </body> </html> ``` 在我的想象中, 打开浏览器应该是这样的 ![图片说明](https://img-ask.csdn.net/upload/201507/26/1437879538_140305.jpg) 然而,实际上,打开浏览器却是这样的 ![图片说明](https://img-ask.csdn.net/upload/201507/26/1437879850_611959.jpg) 为什么会这样, margin-top为什么不基于他外面的大盒子,而是基于外面显示?
css的background属性,背景图片太大无法适应屏幕显示
![psd文档](https://img-ask.csdn.net/upload/201609/08/1473344804_369356.png); ![用于bg的图片](https://img-ask.csdn.net/upload/201609/08/1473344865_933005.png); ![浏览器打开后](https://img-ask.csdn.net/upload/201609/08/1473344768_894934.png); 在练习仅用html+css布局时,裁剪下的图片像素太高,css设置了width:100% auto; background: url("images/header.gif") no-repeat;浏览器显示的结果如图。 问:请问各位前辈怎样才能设置图片的大小适应屏幕呢,除了css3的background-size:100%.
想用css实现45°斜角地图中出现间隔无法消除
问前端UI的兄弟一个问题。我想用css布局一个45°斜角的地图,实现了两行的无缝对接,后面我想用这两行循环,但是出现了问题,中间出现了一片空白间隔,始终无法消除,请问有啥办法没?最好不要用绝对定位或者每行都要设置translate的办法,因为地图可能有几百行。效果图如下: ![图片说明](https://img-ask.csdn.net/upload/201909/20/1568960945_480265.png) 文件的代码: ``` <!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> <style> .main{ width:520px; height:1000px; margin:0px auto; background:#CCCCCC;} /*.map_1{ width:150px; height:150px; background:#009933;transform: rotate(45deg); float:left;}*/ /*.map_1{ width:85px; height:85px; background:#009933;transform: rotate(45deg) translate(30px); float:left;}*/ .map_1{ width:80px; height:80px; background:#009933;transform: rotate(45deg) scale(0.72); float:left; } .map_2{ width:80px; height:80px; background:#CC9900;transform: rotate(45deg) scale(0.72) translate(-100%); -webkit-transform: translate(-100%); float:left;} </style> </head> <body> <div class="main"> <div class="map_1"></div> <div class="map_1"></div> <div class="map_1"></div> <div class="map_1"></div> <div class="map_1"></div> <div class="map_1"></div> <div class="map_2"></div> <div class="map_2"></div> <div class="map_2"></div> <div class="map_2"></div> <div class="map_2"></div> <div class="map_2"></div> <div class="map_1"></div> <div class="map_1"></div> <div class="map_1"></div> <div class="map_1"></div> <div class="map_1"></div> <div class="map_1"></div> <div class="map_2"></div> <div class="map_2"></div> <div class="map_2"></div> <div class="map_2"></div> <div class="map_2"></div> <div class="map_2"></div> </div> </body> </html> ```
bootstrap 栅格化布局 最大宽度无效
``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Document</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <style type="text/css"> .col-md-1{ border: 1px solid black; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> <div class="col-md-1">哈哈哈</div> </div> </div> </body> </html> ``` 上面这段代码,用的是md的宽度,http://v3.bootcss.com/css/#grid-options 官方文档说,md的container的最大宽度是970px,但是为什么 上面这段代码container的宽度是1170px
与position修改为float的元素相邻的内联元素会如何排版?
#box1{ background-color:red; width:200px; height:100px; float:left; } #box2{ background-color:blue; width:200px; height:100px; } #box3{ background-color:yellow; width:200px; height:100px; } div id="box1" /div img src="test.jpg" width="200px" height="100px"/ div id="box2" /div div id="box3" /div 为了代码的正常显示,所有的尖括号都被我去掉了。我的问题是: 第一个div因为float属性脱离了文档流,那么按照文档流的概念,图片应该从第一行第一列开始排版,可是为什么在实际中图片不会被box1挡住呢?
为什么使用DocumentFragment就不会重新布局?
文档说DocumentFragment很好,效率高,append的时候不会重新布局,理由是,他不是document tree的一部分 我的疑惑是,document.cteate("DIV")这样出来的东西,append之前也不是document tree的一部分啊,为什么这种方式就比DocumentFragment效率低呢?
gridster的拖拽功能,将模块拖拽到屏幕最右侧以后,忽然消失
题目描述 网站需求类似于一个windows桌面,可以拖拽模块,可以拖拽改变位置,可以拖拽换页 题目来源及自己的思路 领导要求, 一、用gridster 实现拖拽功能 1、模块之间位置互换 2、模块拖拽换页 二、用swiper实现换页(没问题,目前没发现bug) 三、可以添加模块删除模块,增加页,删除页,就是简单的处理数据就可以(没问题,目前没发现bug) 相关代码 index.js代码: for(var i = 0; i < pageNum; i++){ gridster[i] = $('.gridster'+i).gridster({ widget_margins: [5, 5], // 模块的边距,第一个参数是上下边距,第二个参数是左右边距。 widget_base_dimensions: [liWidth, liHeight], // 模块的大小,第一个参数是宽度,第二个参数是高度。以像素为单位 avoid_overlapped_widgets: true, // 不允许模块叠加,如果两个模块的位置一样(data-col和data-row来决定),程序会自动调整他们的位置,这样可以防止模块错乱 autogenerate_stylesheet: true, // 自动生成将所有窗口小部件放置在各自列和行中所需的所有CSS,并将其注入到<head>文档的中 max_cols: 9,//要创建的最大列数 // 拖动改变位置 draggable: { handle: 'header', start: function(event, ui) {// 拖动开始执行的函数 // 以鼠标位置为中心 缩放 // 元素宽度 - (元素left值+元素宽度-鼠标位置) 就是要缩放的X值 var rightWidth = $('li.dragging').offset().left + $('li.dragging').width() - ui.pointer.left; var scaleLeft = ($('li.dragging').width() - rightWidth) / $('li.dragging').width() * 100 +'%';//缩放的X轴比例 var topHeight = $('li.dragging').offset().top + $('li.dragging').height() - ui.pointer.top; var scaleTop = ($('li.dragging').height() - topHeight) / $('li.dragging').height() * 100 +'%';//缩放的Y轴比例 $('li.dragging').css({'transform-origin': scaleLeft +' ' + scaleTop}); }, drag: function(event, ui, $widget) {// 拖动过程中鼠标移动时执行的函数 var dragLeft = parseInt($('.drag-dialog').offset().left); var dragScroll = 200 - parseInt($('.drag-dialog ul li:eq(0)').offset().top);//拖拽面滚动的值 var pointerTop = ui.pointer.top + dragScroll;//鼠标移动到区域的值 var bigLeft = $(window).width()-($(window).width()-(liWidth*9+90))/2 if(ui.pointer.left > bigLeft){//超出拖拽布局后缩放 $('li.dragging').addClass('scale');//模块缩放效果 } else{ $('li.dragging').removeClass('scale');//模块缩放效果 } if(ui.pointer.left > dragLeft){//left是否在区域 $('.drag-dialog ul li.drag-cont').each(function(j,ele){ var eleTop = $(ele).offset().top + dragScroll; var eleRange = eleTop + parseInt($(ele).height()) if(pointerTop > eleTop && pointerTop < eleRange){ $(ele).addClass('active').siblings().removeClass('active');//页面经过效果 // 在第一个page框里 count = j curPage = $('.swiper-pagination-bullet.swiper-pagination-bullet-active').index() curHtml=$('li.dragging'); curHtmlSizex = parseInt($(curHtml).attr('data-sizex')); curHtmlSizey = parseInt($(curHtml).attr('data-sizey')); curHtmlRow = parseInt($(curHtml).attr('data-row')); curHtmlCol = parseInt($(curHtml).attr('data-col')); removeAdd = true } }) } else { removeAdd = false } }, stop: function(event, ui, $widget) { // 1.先将要拖拽的模块追加到幻灯片 // 2.刷新幻灯片 // 3.判断幻灯片 是否超出4行 // 有row=5的存在 || row=4 && data-sizey>1 || row=3 && data-sizey>2 || row=2 && data-sizey>3 || row=1 && data-sizey>4 // 4、没有超出 就 移除 之前页面的 模块 否则提示 空间不足 $('li.player-revert').removeClass('scale'); $('.drag-dialog ul li.drag-cont').removeClass('active');//页面经过效果 if(removeAdd){ // 是拖拽到了右侧 gridster[curPage].remove_widget(curHtml,function(){ gridster[count].add_widget( curHtml, curHtmlSizex, curHtmlSizey) if(publicMethod.moduleOverrun(count)){// 如果超出 layer.msg('空间不足'); gridster[count].remove_widget(curHtml,function(){ gridster[curPage].add_widget( curHtml, curHtmlSizex, curHtmlSizey, curHtmlCol, curHtmlRow) }) } else { mySwiper.slideTo(count); } }) } } } }).data('gridster'); if(gridster[i]){ gridster[i].disable(); } }
HTML中PNG图片的绝对定位的小问题,谢谢了
``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{margin:0; padding:0;} .A{background:#ccc; width:800px; height:50px; position:relative; top:0; left:0;} .B{width:130px; height:6px; background:black; position:absolute; top:0; left:0;} </style> </head> <body> <div class="A"> <div class="B"> <img src="jiantou.png" width="130" height="6" alt="dw"/> </div> </div> </body> </html> ``` 这是一张 高度6px, 宽度130px的PNG格式的图片 ![图片说明](https://img-ask.csdn.net/upload/201507/26/1437890323_404700.png) 打开后在浏览器这么显示的 ![图片说明](https://img-ask.csdn.net/upload/201507/26/1437890447_958469.jpg) 这是一个BUG吗?
多个float的div 之间,想强制换行怎么办?
多个float的div 之间,想强制换行怎么办? 如 <STYLE TYPE="text/css"> li {float:left;} </STYLE> <ul> <li>测试1</li> <li>测试2</li> <li>测试3</li> <li>测试4,这个li结束时我想换行</li> <li>测试5</li> <li>测试6,这个li结束我又不想换行</li> <li>测试7</li> </ul> 换行与不换行我可以随时更改,想换就换,想不换就不换, 请高手我该怎么做? 注:不要告诉我设置width(因为宽度要根据内容而定,li里可能是数据库取出的图片,无法确定宽度) [b]问题补充:[/b] 具体怎么做?该怎么定义样式? [b]问题补充:[/b] to lovewhzlq :不浮动的话就都换行了, 在这里多个div的布局应该跟多个li的布局差不多吧! [b]问题补充:[/b] 抛出异常的爱 为正解! float:none;这个属性之前我很少用~ 但是我想另外问一下,float:none与clear:both的区别是不是这样: float:none,它还是使得这几个li之间还是处于同一层,而clear:both就是使该li没有float出来~~ [b]问题补充:[/b] to lovewhzlq : 您的方法我测试过,还是不能实现我的效果,在这里应该是不能用clear:both吧~~,用了就又乱了,您看看: <STYLE TYPE="text/css"> li {float:left;} .clear{clear:both;float:none;} </STYLE> <ul> <li><img src="http:www.wecoo.com/images/index/top1.jpg" width="73" height="46" /></li> <li><img src="http:www.wecoo.com/images/index/top2.jpg" width="86" height="46" /></li> <li><img src="http:www.wecoo.com/images/index/top3.jpg" width="96" height="46" /></li> <li><img src="http:www.wecoo.com/images/index/top4.jpg" width="126" height="46" /></li> <li><img src="http:www.wecoo.com/images/index/top5.jpg" width="118" height="46" /></li> <li class="clear"><img src="http:www.wecoo.com/images/index/top6.jpg" width="117" height="46" /></li> <li><img src="http:www.wecoo.com/images/index/down1.jpg" width="126" height="44" /></li> <li><img src="http:www.wecoo.com/images/index/down2.jpg" width="163" height="44" /></li> <li><img src="http:www.wecoo.com/images/index/down3.jpg" width="156" height="44" /></li> <li><img src="http:www.wecoo.com/images/index/down4.jpg" width="173" height="44" /></li> </ul> [b]问题补充:[/b] to lovewhzlq : /************************** clear:both; CSS手册上这样解释的:该属性的值指出了不允许有浮动对象的边。 这个属性是用来控制float属性在文档流的物理位置的。 当属性设置float(浮动)时,他所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float(浮动),或者是希望float(浮动)后面的元素不被float(浮动)所影响,这个时候我们就需要用clear:both;来清除clear:both; ***************************/ 所以我们是不是应该在最后加一个<li style="clear:both;display:none"></li>,不知道大家会不会这样做? [b]问题补充:[/b] 就是使得ul里面包含了全部的li,而不置于使得float里的内容脱离ul [b]问题补充:[/b] to lovewhzlq : 如果您用firebug hacker的时候,你会发现用了这个与没有用这个的区别:ul的高度会不一样。 我曾经写过一个js向上滚动文字的效果时,发现如果不加这个li在ff,chorm,ie8可以滚动,而在 IE 5 6 7里就不行~~加了这个才行 [b]问题补充:[/b] 哦不是这个: <li style="clear:both;display:none"></li> 是这样,刚才写错了: <div style="clear:both;height:0;width:0"></div>
无限在iframe框架内打开我发整体跳转怎么解决?
![图片说明](https://img-ask.csdn.net/upload/201906/24/1561339511_870551.png)![图片说明](https://img-ask.csdn.net/upload/201906/24/1561339538_767140.png)![图片说明](https://img-ask.csdn.net/upload/201906/24/1561339545_130272.png) ``` <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> body{ background-color:#000; text-align:center; } p{ font-size:24px; color:#F4F889; } /*** 菜单 ***/ .xuanfu li{ list-style:none; } .xuanfu ul a{ text-decoration:none; color:#666; } .xuanfu{ position:fixed; top:0px; right:0px; height:100%; width:6px; background-color:#7a6e6e; text-align:right; } .xuanfu ul{ position:absolute; top:40%; right:0; transform:translate(0,-40%); z-index:3; } .xuanfu ul li{ width:34px; margin-bottom:30px; font-size:15px; background-color:#7a6e6e; vertical-align:middle; text-align:center; position:relative; display:block; float:right; } .xuanfu ul .nb1 .xuanfu-ico{ display:block; width:34px; color:#fff; padding-top:10px; padding-bottom:10px; background-color:red; } .xuanfu ul .xuanfu-ico{ display:block; width:34px; color:fff; padding-top:10px; padding-bottom:10px; background-color:blue; } #content{width:20px;height:20px;text-align:center;font-size:16px;color:red;postion:absolute;right:0px;top:0px;coursor:pointer;} .main_left{ width:100px; height:515px; float:left; background-color:transparent; cursor:pointer; } </style> <script type="text/javascript"> $(function(){ $(".main_left li").on("click",function(){ var address =$(this).attr("data-src"); $("iframe").attr("src",address); }); }); </script> </head> <body > <!-- 左侧内容 --> <div class="main_left" > <iframe frameborder="0" scrolling="yes" allowtransparency=”true” style="width:120px;height:100%;" src="../../web/左侧菜单/index.html" name="aa" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe> </div> <p>见或不见</p> <p>你见<br> 或者不见我<br> 我就在那里<br> 不悲不喜</p> <p>你念<br> 或者不念我<br> 情就在那里<br> 不来不去</p> <p>你爱<br> 或者不爱我<br> 爱就在那里<br> 不增不减 </p> <!--布局开始微机18-2张帅龙--> <!--返回菜单--> <div class="xuanfu"> <ul> <li class="nb1" style="display:{$kdaddress ? 'block': 'none'}"> <i></i> <a class="xuanfu-ico" href="../../index.html">首<br>页</a> </li> <li class="nb2" style="display:{$kdaddress ? 'block': 'none'}"> <i></i> <a class="xuanfu-ico" href="../../index.html">上<br>一<br>页</a> </li> <li class="nb1" style="display:{$kdaddress ? 'block': 'none'}"> <i></i> <a class="xuanfu-ico" href="2.html">下<br>一<br>页</a> </li> <li class="nb2" style="display:{$kdaddress ? 'block': 'none'}"> <i></i> <a class="xuanfu-ico" href="../Chapter 12/index.html">尾<br>页</a> </li> </ul> </div> <!--飘动ppt--> <div id="main" style="position:absolute;"> <div style="text-align:right;cursor:pointer;" id="close"><img src="img/guanbi.jpg" width="15" height="15"></div> <a href='../../web/下载界面/1下载-第一章.html'" target="_blank"><img src="img/PowerPoint1.png" border="0" width="150" height="50" /></a> </div> </body> </html> <!--//ppt漂浮/js--> <script src="../../js/飘动ppt的js.js"></script> <script> <!--//公共脚本文件 main.js function addEvent(obj, evtType, func, cap) { cap = cap || false; if (obj.addEventListener) { obj.addEventListener(evtType, func, cap); return true; } else if (obj.attachEvent) { if (cap) { obj.setCapture(); return true; } else { return obj.attachEvent("on" + evtType, func); } } else { return false; } } function removeEvent(obj, evtType, func, cap) { cap = cap || false; if (obj.removeEventListener) { obj.removeEventListener(evtType, func, cap); return true; } else if (obj.detachEvent) { if (cap) { obj.releaseCapture(); return true; } else { return obj.detachEvent("on" + evtType, func); } } else { return false; } } function getPageScroll() { var xScroll, yScroll; if (self.pageXOffset) { xScroll = self.pageXOffset; } else if (document.documentElement && document.documentElement.scrollLeft) { xScroll = document.documentElement.scrollLeft; } else if (document.body) { xScroll = document.body.scrollLeft; } if (self.pageYOffset) { yScroll = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop) { yScroll = document.documentElement.scrollTop; } else if (document.body) { yScroll = document.body.scrollTop; } arrayPageScroll = new Array(xScroll, yScroll); return arrayPageScroll; } function GetPageSize() { var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight) { xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else { xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } var windowWidth, windowHeight; if (self.innerHeight) { windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } if (yScroll < windowHeight) { pageHeight = windowHeight; } else { pageHeight = yScroll; } if (xScroll < windowWidth) { pageWidth = windowWidth; } else { pageWidth = xScroll; } arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight) return arrayPageSize; } var AdMoveConfig = new Object(); AdMoveConfig.IsInitialized = false; AdMoveConfig.AdCount = 0; AdMoveConfig.ScrollX = 0; AdMoveConfig.ScrollY = 0; AdMoveConfig.MoveWidth = 0; AdMoveConfig.MoveHeight = 0; AdMoveConfig.Resize = function () { var winsize = GetPageSize(); AdMoveConfig.MoveWidth = winsize[2]; AdMoveConfig.MoveHeight = winsize[3]; AdMoveConfig.Scroll(); } AdMoveConfig.Scroll = function () { var winscroll = getPageScroll(); AdMoveConfig.ScrollX = winscroll[0]; AdMoveConfig.ScrollY = winscroll[1]; } addEvent(window, "resize", AdMoveConfig.Resize); addEvent(window, "scroll", AdMoveConfig.Scroll); function AdMove(id, addCloseButton) { if (!AdMoveConfig.IsInitialized) { AdMoveConfig.Resize(); AdMoveConfig.IsInitialized = true; } AdMoveConfig.AdCount++; var obj = document.getElementById(id); obj.style.position = "absolute"; var W = AdMoveConfig.MoveWidth - obj.offsetWidth; var H = AdMoveConfig.MoveHeight - obj.offsetHeight; var x = W * Math.random(), y = H * Math.random(); var rad = (Math.random() + 1) * Math.PI / 6; var kx = Math.sin(rad), ky = Math.cos(rad); var dirx = (Math.random() < 0.5 ? 1 : -1), diry = (Math.random() < 0.5 ? 1 : -1); var step = 1; var interval; if (addCloseButton) { var closebtn = document.createElement("div"); obj.appendChild(closebtn); closebtn.onclick = function () { obj.style.display = "none"; clearInterval(interval); closebtn.onclick = null; obj.onmouseover = null; obj.onmouseout = null; obj.MoveHandler = null; AdMoveConfig.AdCount--; if (AdMoveConfig.AdCount <= 0) { removeEvent(window, "resize", AdMoveConfig.Resize); removeEvent(window, "scroll", AdMoveConfig.Scroll); AdMoveConfig.Resize = null; AdMoveConfig.Scroll = null; AdMoveConfig = null; } } } obj.MoveHandler = function () { obj.style.left = (x + AdMoveConfig.ScrollX) + "px"; obj.style.top = (y + AdMoveConfig.ScrollY) + "px"; rad = (Math.random() + 1) * Math.PI / 6; W = AdMoveConfig.MoveWidth - obj.offsetWidth; H = AdMoveConfig.MoveHeight - obj.offsetHeight; x = x + step * kx * dirx; if (x < 0) { dirx = 1; x = 0; kx = Math.sin(rad); ky = Math.cos(rad); } if (x > W) { dirx = -1; x = W; kx = Math.sin(rad); ky = Math.cos(rad); } y = y + step * ky * diry; if (y < 0) { diry = 1; y = 0; kx = Math.sin(rad); ky = Math.cos(rad); } if (y > H) { diry = -1; y = H; kx = Math.sin(rad); ky = Math.cos(rad); } } this.SetLocation = function (vx, vy) { x = vx; y = vy; } this.SetDirection = function (vx, vy) { dirx = vx; diry = vy; } this.Run = function () { var delay = 10; interval = setInterval(obj.MoveHandler, delay); obj.onmouseover = function () { clearInterval(interval); } obj.onmouseout = function () { interval = setInterval(obj.MoveHandler, delay); } } } //--> </script> <script type="text/javascript"> $(function() { $("#close").click(function() { $("#main").hide(); }); }) var ad1 = new AdMove("main", true); ad1.Run(); </script> ``` ``` <!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> </head> <style type="text/css"> .ok { font-family:'幼圆'; backface-visibility:hidden; background:transparent; } input[id*="joacims-menu"] { display:none; } input[id*="joacims-menu"] + label { display:block; width:35px; height:35px; background:#222; cursor:pointer; font-size:30px; color:#fff; position:relative; } input[id*="joacims-menu"] + label span { display:block; position:absolute; left:8px; transition:.2s; } input[id*="joacims-menu"]:checked + label span { transform:rotate(45deg); font-size:34px; top:-2px; left:9px; } nav li { display:block; height:40px; line-height:40px; background:#CCC; width:100px; padding-left:10px; text-decoration:none; color:white; box-shadow:5px 0 0 #000; } input[id*="joacims-menu"] ~ nav li.first:nth-child(1) { box-shadow:5px 0 0 #3498db; transition-delay:.05s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(2) { box-shadow:5px 0 0 #2ecc71; transition-delay:.10s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(3) { box-shadow:5px 0 0 #e67e22; transition-delay:.15s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(4) { box-shadow:5px 0 0 #c0392b; transition-delay:.20s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(5) { box-shadow:5px 0 0 #2c3e50; transition-delay:.25s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(6) { box-shadow:5px 0 0 #f1c40f; transition-delay:.30s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(7) { box-shadow:5px 0 0 #30F; transition-delay:.35s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(8) { box-shadow:5px 0 0 #F0F; transition-delay:.40s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(9) { box-shadow:5px 0 0 #F00; transition-delay:.45s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(10) { box-shadow:5px 0 0 #3CF; transition-delay:.50s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(11) { box-shadow:5px 0 0 #F66; transition-delay:.55s; } input[id*="joacims-menu"] ~ nav li.first:nth-child(12) { box-shadow:5px 0 0 #639; transition-delay:.60s; } input[id*="joacims-menu"]:checked ~ nav li.first { margin-left:0px; } input[id*="joacims-menu"]:checked ~ nav li.first:hover { width:110px; } input[id*="joacims-menu"] ~ nav li.first { margin-left:-110px; transition:.6s margin; } input[id*="joacims-menu"] ~ nav li.first:hover { background:#999; } *{padding: 0;margin: 0;} ul,li{list-style: none;} ul >li{ list-style: none; position: relative; } ul>li>ul{ margin: 0px auto; } ul >li>a { text-decoration: none; } .tu{ display: none; } .first a { color: #000; font-family: HelveticaNeue-UltraLight, "幼圆", Roboto, Arial, Sans-serif; text-decoration-line: none; } </style> <script> window.onload= function () { var AllMenuLi=document.getElementsByClassName('first'); var i=0; for(i=0;i<AllMenuLi.length;i++) { AllMenuLi[i].onclick= function () { // alert("sss"); var UlMenuLi=this.getElementsByTagName("ul")[0]; if(UlMenuLi.className=='tu') { UlMenuLi.className=''; } else { UlMenuLi.className='tu'; } }; } }; </script> <body background="transparent"> <nav class="ok"> <input type="checkbox" id="joacims-menu" checked/> <label for="joacims-menu"><span>+</span></label> <nav> <li class="first"> <a href="../../images/Chapter I/1.html" target="aa">第一章</a> </li> <li class="first"> <a href="../../images/Chapter II/1.html" target="aa">第二章</a> </li> <li class="first"> <a href="../../images/Chapter III/1.html" target="aa">第三章</a> </li> <li class="first"> <a href="../../images/Chapter IV/1/index.html">第四章</a> </li> <li class="first"> <a href="../../images/Chapter V/1.html">第五章</a> </li> <li class="first"> <a href="../../images/Chapter VI/1.html">第六章</a> </li> <li class="first"> <a href="../../images/Chapter VII/1.html">第七章</a> </li> <li class="first"> <a href="../../images/Chapter VIII/1.html">第八章</a> </li> <li class="first"> <a href="../../images/Chapter 9/1.html">第九章</a> </li> <li class="first"> <a href="../../images/Chapter 10/1.html">第十章</a> </li> <li class="first"> <a href="../../images/Chapter 11/1.html">第十一章</a> </li> <li class="first"> <a href="../../images/Chapter 12/index.html">第十二章</a> </li> </nav> </nav> </body> </html> ```
UL布局导航,最后一个外边框怎么去掉
<pre name="code" class="html">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;style type="text/css"&gt; #menus { margin:auto; width:900px; height:38px; background-color:#1F6193; background-image: url(imgs/index.jpg); } #menus ul { height:30px; text-align:center; padding-top:8px; padding-bottom:0px; } #menus ul first-child { border-right:0px dashed white; } #menus ul li { list-style-type:none; display:inline; padding-left:20px; padding-right:20px; border-right:1px dashed white; } #menus ul li a { font-size:16px; font-variant:normal; color:white; } #menus ul li a:link{ text-decoration:none; } #menus ul li a:active{ color:#F13C01; text-decoration:underline; } #menus ul li a:visited{ text-decoration:none; } #menus ul li a:hover{ color:#F13C01; text-decoration:underline; cursor:pointer; background-color:#3671A5; } &lt;/style&gt; &lt;title&gt;无标题文档&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="menus"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;标签A&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;标签BB&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;标签BGT&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;标签BB&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;标签BB&lt;/a&gt;&lt;/li&gt; &lt;li style="border-right-width:0px;"&gt;&lt;a href="#"&gt;标CCC签&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </pre> <p> HTML效果是:</p> <p><br><img src="http://dl.iteye.com/upload/attachment/167464/d674ee8b-1b38-3348-9e45-6660f6468d05.jpg" alt=""><br>  代码里面,我写了内联样式,很不好,如果用class,有没有ID级别高,最后一个外边框去掉有啥好方法呢?</p> <p>不希望每个li都写个class="",那样会多处很多字节的。</p> <p> </p><br/><strong>问题补充</strong><br/><div class="quote_title">jncz 写道</div><div class="quote_div">!important呢</div> <br />貌似,你没懂我的意思,或者我没懂你的意思,呵呵。
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
win10系统安装教程(U盘PE+UEFI安装)
一、准备工作 u盘,电脑一台,win10原版镜像(msdn官网) 二、下载wepe工具箱  极力推荐微pe(微pe官方下载) 下载64位的win10 pe,使用工具箱制作启动U盘打开软件,   选择安装到U盘(按照操作无需更改) 三、重启进入pe系统   1、关机后,将U盘插入电脑 2、按下电源后,按住F12进入启动项选择(技嘉主板是F12)     选择需要启
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
Nginx 软件层面加强Nginx性能优化的面试问答和解决方案
Nginx 软件层面加强Nginx性能优化的面试问答和解决方案 去年我去爱卡汽车面试PHP,一轮和二轮面的都不错,在三轮面到Nginx的时候很多问题当时不知道怎么回答,确实没有深入学习过,花了一段时间的学习,终于能解答Nginx高性能优化的问题了,10月24号为了获得程序员勋章,发布了半个优化笔记,浏览到了1000+,受到这个鼓舞,我抽时间在仔细整理下关于Nginx性能优化的问题,我们从软件说起。...
【管理系统课程设计】美少女手把手教你后台管理
【文章后台管理系统】URL设计与建模分析+项目源码+运行界面 栏目管理、文章列表、用户管理、角色管理、权限管理模块(文章最后附有源码) 1. 这是一个什么系统? 1.1 学习后台管理系统的原因 随着时代的变迁,现如今各大云服务平台横空出世,市面上有许多如学生信息系统、图书阅读系统、停车场管理系统等的管理系统,而本人家里就有人在用烟草销售系统,直接在网上完成挑选、购买与提交收货点,方便又快捷。 试想,若没有烟草销售系统,本人家人想要购买烟草,还要独自前往药...
11月19日科技资讯|华为明日发布鸿蒙整体战略;京东宣告全面向技术转型;Kotlin 1.3.60 发布
「极客头条」—— 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧。扫描上方二维码进入 CSDN App 可以收听御姐萌妹 Style 的人工版音频哟。 一分钟速览新闻点! 6G 专家组成员:速率是 5G 的 10 至 100 倍,预计 2030 年商用 雷军:很多人多次劝我放弃WPS,能坚持下来并不是纯粹的商业决定 ...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n
化繁为简 - 腾讯计费高一致TDXA的实践之路
导语:腾讯计费是孵化于支撑腾讯内部业务千亿级营收的互联网计费平台,在如此庞大的业务体量下,腾讯计费要支撑业务的快速增长,同时还要保证每笔交易不错账。采用最终一致性或离线补...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
Java学习笔记(七十二)—— Cookie
概述 会话技术: 会话:一次会话中包含多次请求和响应 一次会话:浏览器第一次给服务器发送资源请求,会话建立,直到有一方断开为止 功能:在一次会话的范围内的多次请求间,共享数据 方式: 客户端会话技术:Cookie,把数据存储到客户端 服务器端会话技术:Session,把数据存储到服务器端 Cookie 概念:客户端会话技术,将数据存储到客户端 快速入门: 使用步骤: 创建C
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆  每天早上8:30推送 作者| Mr.K   编辑| Emma 来源| 技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯
程序员该看的几部电影
##1、骇客帝国(1999) 概念:在线/离线,递归,循环,矩阵等 剧情简介: 不久的将来,网络黑客尼奥对这个看似正常的现实世界产生了怀疑。 他结识了黑客崔妮蒂,并见到了黑客组织的首领墨菲斯。 墨菲斯告诉他,现实世界其实是由一个名叫“母体”的计算机人工智能系统控制,人们就像他们饲养的动物,没有自由和思想,而尼奥就是能够拯救人类的救世主。 可是,救赎之路从来都不会一帆风顺,到底哪里才是真实的世界?
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
@程序员,如何花式构建线程?
作者 |曾建责编 | 郭芮出品 | CSDN(ID:CSDNnews)在项目和业务的开发中,我们难免要经常使用线程来进行业务处理,使用线程可以保证我们的业务在相互处理之间可以保证原子性...
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布了 2019年国民经济报告 ,报告中指出:年末中国大陆总人口(包括31个
强烈推荐10本程序员在家读的书
很遗憾,这个鼠年春节注定是刻骨铭心的,新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们,尤其值得我们的尊敬。而我们这些窝在家里的程序员,能不外出就不外出,就是对社会做出的最大的贡献。 有些读者私下问我,窝了几天,有点颓丧,能否推荐几本书在家里看看。我花了一天的时间,挑选了 10 本我最喜欢的书,你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力,还可以对未来充满希望,毕竟苦难终
Linux自学篇——linux命令英文全称及解释
man: Manual 意思是手册,可以用这个命令查询其他命令的用法。 pwd:Print working directory 显示当前目录 su:Swith user 切换用户,切换到root用户 cd:Change directory 切换目录 ls:List files 列出目录下的文件 ps:Process Status 进程状态 mk
Python实战:抓肺炎疫情实时数据,画2019-nCoV疫情地图
文章目录1. 前言2. 数据下载3. 数据处理4. 数据可视化 1. 前言 今天,群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者,国家重点实验室成员,于不惑之年学习python,实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据,也没有画过类似的数据分布图。于是就拿了两个小时,专门研究了一下,遂成此文。 2月6日追记:本文发布后,腾讯的数据源多次变更u
智力题(程序员面试经典)
NO.1  有20瓶药丸,其中19瓶装有1克/粒的药丸,余下一瓶装有1.1克/粒的药丸。给你一台称重精准的天平,怎么找出比较重的那瓶药丸?天平只能用一次。 解法 有时候,严格的限制条件有可能反倒是解题的线索。在这个问题中,限制条件是天平只能用一次。 因为天平只能用一次,我们也得以知道一个有趣的事实:一次必须同时称很多药丸,其实更准确地说,是必须从19瓶拿出药丸进行称重。否则,如果跳过两瓶或更多瓶药
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
2020年的1月,我辞掉了我的第一份工作
其实,这篇文章,我应该早点写的,毕竟现在已经2月份了。不过一些其它原因,或者是我的惰性、还有一些迷茫的念头,让自己迟迟没有试着写一点东西,记录下,或者说是总结下自己前3年的工作上的经历、学习的过程。 我自己知道的,在写自己的博客方面,我的文笔很一般,非技术类的文章不想去写;另外我又是一个还比较热衷于技术的人,而平常复杂一点的东西,如果想写文章写的清楚点,是需要足够...
别低估自己的直觉,也别高估自己的智商
所有群全部吵翻天,朋友圈全部沦陷,公众号疯狂转发。这两周没怎么发原创,只发新闻,可能有人注意到了。我不是懒,是文章写了却没发,因为大家的关注力始终在这次的疫情上面,发了也没人看。当然,我...
Java坑人面试题系列: 包装类(中级难度)
Java Magazine上面有一个专门坑人的面试题系列: https://blogs.oracle.com/javamagazine/quiz-2。 这些问题的设计宗旨,主要是测试面试者对Java语言的了解程度,而不是为了用弯弯绕绕的手段把面试者搞蒙。 如果你看过往期的问题,就会发现每一个都不简单。 这些试题模拟了认证考试中的一些难题。 而 “中级(intermediate)” 和 “高级(ad
Spring Boot 2.x基础教程:使用JdbcTemplate访问MySQL数据库
在第2章节中,我们介绍了如何通过Spring Boot来实现HTTP接口,以及围绕HTTP接口相关的单元测试、文档生成等实用技能。但是,这些内容还不足以帮助我们构建一个动态应用的服务端程序。不论我们是要做App、小程序、还是传统的Web站点,对于用户的信息、相关业务的内容,通常都需要对其进行存储,而不是像第2章节中那样,把用户信息存储在内存中(重启就丢了!)。 对于信息的存储,现在已经有非常非常多...
基于Python的人脸自动戴口罩系统
目录 1、项目背景 2、页面设计 3、器官识别 4、退出系统 1、项目背景 2019年新型冠状病毒感染的肺炎疫情发生以来,牵动人心,举国哀痛,口罩、酒精、消毒液奇货可居。 抢不到口罩,怎么办?作为技术人今天分享如何使用Python实现自动戴口罩系统,来安慰自己,系统效果如下所示: 本系统的实现原理是借助 Dlib模块的Landmark人脸68个关键点检测库轻松识别出人脸五官
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
节后首个工作日,企业们集体开晨会让钉钉挂了
By 超神经场景描述:昨天 2 月 3 日,是大部分城市号召远程工作的第一天,全国有接近 2 亿人在家开始远程办公,钉钉上也有超过 1000 万家企业活跃起来。关键词:十一出行 人脸...
Java基础知识点梳理
Java基础知识点梳理 摘要: 虽然已经在实际工作中经常与java打交道,但是一直没系统地对java这门语言进行梳理和总结,掌握的知识也比较零散。恰好利用这段时间重新认识下java,并对一些常见的语法和知识点做个总结与回顾,一方面为了加深印象,方便后面查阅,一方面为了学好java打下基础。 Java简介 java语言于1995年正式推出,最开始被命名为Oak语言,由James Gosling(詹姆
jQuery实现高仿QQ音乐
几个实现的效果看视频吧: bandicam 2020-02-05 16-28-20-127 动图很是不清楚 github地址奉上:https://github.com/tangmusenLiu/Large-warehouse https://github.com/tangmu
为什么听过很多道理,依然过不好这一生?
记录学习笔记是一个重要的习惯,不希望学习过的东西成为过眼云烟。做总结的同时也是一次复盘思考的过程。 本文是根据阅读得到 App上《万维钢·精英日课》部分文章后所做的一点笔记和思考。学习是一个系统的过程,思维模型的建立需要相对完整的学习和思考过程。以下观点是在碎片化阅读后总结的一点心得总结。
2020年全新Java学习路线图,含配套视频,学完即为中级Java程序员!!
新的一年来临,突如其来的疫情打破了平静的生活! 在家的你是否很无聊,如果无聊就来学习吧! 世上只有一种投资只赚不赔,那就是学习!!! 传智播客于2020年升级了Java学习线路图,硬核升级,免费放送! 学完你就是中级程序员,能更快一步找到工作! 一、Java基础 JavaSE基础是Java中级程序员的起点,是帮助你从小白到懂得编程的必经之路。 在Java基础板块中有6个子模块的学
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
如何优雅地打印一个Java对象?
你好呀,我是沉默王二,一个和黄家驹一样身高,和刘德华一样颜值的程序员。虽然已经写了十多年的 Java 代码,但仍然觉得自己是个菜鸟(请允许我惭愧一下)。 在一个月黑风高的夜晚,我思前想后,觉得再也不能这么蹉跎下去了。于是痛下决心,准备通过输出的方式倒逼输入,以此来修炼自己的内功,从而进阶成为一名真正意义上的大神。与此同时,希望这些文章能够帮助到更多的读者,让大家在学习的路上不再寂寞、空虚和冷。 ...
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名...
相关热词 c#导入fbx c#中屏蔽键盘某个键 c#正态概率密度 c#和数据库登陆界面设计 c# 高斯消去法 c# codedom c#读取cad文件文本 c# 控制全局鼠标移动 c# temp 目录 bytes初始化 c#
立即提问