div中如何设置table表格图片不超过边框

为了效果明显一点我特意所有的元素都加上边框

这个是css

   #div_bottom_right_inner {
        margin-top: 5%;
        margin-left: 10%;
        margin-right: 10%;
        border:1px solid black;
        height:75%;
        padding-left: 100px;
        padding-right: 100px;
        over-flow:auto;(顺便说下,这句话去掉也不行,加上也是不对的)
    }
        #tab_img {
        height: 100%;
        width: 100%;
        border: solid thin red;
        table-layout: fixed;
        over-flow:auto;(顺和上面的一样,这句话去掉也不行,加上也是不对的)
    }
    #tab_img td {
        border: solid thin red;
    }
    #tab_img img {
        height: 100%;
        width: 100%;
    }

下面是html

 <div id="div_bottom_right_inner">
            <table id="tab_img">
                <tr>
                    <td><img src="../static/images/book.jpg" ></td>
                    <td></td>
                    <td><img src="../static/images/think.jpg" ></td>
                    <td></td>
                    <td><img src="../static/images/animals.jpg"></td>

                </tr>
                <tr>
                    <td></td>
                    <td><img src="../static/images/community.jpg"></td>
                    <td></td>
                    <td><img src="../static/images/book.jpg" ></td>
                    <td></td>

                </tr>
            </table>
    </div>

图片说明

请问各位老师,怎么设置可以让图片不超过表格,无论图片多大,如果太大就自动缩小,如果太小就自己放大。这样无论什么多大窗口都可以看到完整的图片。谢谢

3个回答

 #tab_img img {
        height: 100%;
        width: 100%;
    }
  这里使用 单位px 多大自己定义
deyuzhi
is_thinking 谢谢 楼上楼下老师一并谢过
4 年多之前 回复

理论上来说,表格的td如果不设置高度,应该是可以自适应内容的高度的呀。

你想图片不超过td那你就需要手动设置td的height,width.然后给 #tab_img img{width=td.width;height=td.height.}_

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
table外隐藏的div获取table中某一行的信息
从后台查找了学生表里面的信息,把一个一个的学生对象装在list里面,在前台JSP展示时用C标签循环输出在一个table中,现在table外面有一个隐藏div,当点击table中某一行后,就会将div显示出来,并在里面显示那个学生的具体信息,现在我能用js获取到table里面刚刚点击的学生list的下标,但这个div在外面,而获取到的list下标又是个变量,所以不知道怎么去在div里显示出来;如果div在table里面,也能做到我要的功能,但是这样的话,就不能让div覆盖整个页面,始终束缚在table里面,一显示出来还会改变table,所以我才将div放在table外面,但是不知道怎么显示,求大神指教
Table和DIV导入到Word中
一个页面上半部分是DIV,下半部分是Table,如何将他们导入到Word中(其中DIV的高度为Word中标准的一页高度),导出成功后在Word中Table变成表格
div中的table超出百分百怎么显示滚动条
想问大家一个问题,div里面的table怎么table里的td内容多时,自动出现滚动条,下面一张图是内容为空时,一张是内容增加时,显示th已经走样了这样就非常不好了,我把我的代码粘上来给给位看一看,请大家指点一下。![图片说明](https://img-ask.csdn.net/upload/201502/05/1423144304_593403.png)![图片说明](https://img-ask.csdn.net/upload/201502/05/1423144316_533933.png) <div style="overflow:auto;height:500px; width:750px;"border-bottom:1px solid #d3d3d3;"> <table width="900px" cellspacing="0" id="drug_table">
前端如何将页面中的某个div生成图片并且显示在当前页面中,是显示不是下载!。
如题,前端如何将页面中的某个div生成图片并且显示在当前页面中,是显示在页面当中,不是下载下来! div中的内容是从后端获取的数据。。
vue中,如何根据坐标给v-for渲染出来的表格添加样式
![图片说明](https://img-ask.csdn.net/upload/202002/14/1581666673_768340.png) <br> 比如说后台数据返回的是(1,A),状态为已入库,那我该如何将获取到的坐标对应图片的坐标,然后将图片li对应坐标的颜色改为已入库对应的绿色 <br> 表格代码如下: ``` <table class="table-container am-active"> <tbody class="table-body-container" v-if="rows > 0 && columns > 0"> <tr v-for="rowidx in rows" :key="rowidx"> <td v-for="columnidx in columns" :key="columnidx" class="container-detail-td"> <div class="table-sample-big" @click="selfcllick(rows+1-rowidx,columnidx)"></div> </td> </tr> </tbody> </table> ```
div+css 如何在table标签里面建立二级菜单
``` <body> <div class="ontainer"> <div class="Header" align="center"><img src="无标题.jpg" width="80%" height="160" /></div><!--定义了width为百分比,在定义高度为百分比就没用了,宽度为准按原图比例进行缩放,除非把高度定义为绝对的高度,即用像素来定义--> <div class="1"> <table width="80%" heigth:"50px" border="2" bgcolor="#66FF00" align="center"> <div id="一级菜单"> <tr> <ul> <td> <li><a href="#">张三</a> <ul class="二级菜单"> <li><a href="#">123456</a></li> </ul> </li> </td> <td><li><a href="#">李四</a></li></td> <td><li><a href="#">王五</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> <td><li><a href="#">赵六</a></li></td> </ul> </tr> </div> </table> </div> </div> </body> 最上面是一张图片,然后下面是一张表格,表格里面的文字下面新建下拉菜单 问题1:在 <style type="text/css"> #COntainer{ width:80%; margin:0 auto; } #Header{ width:80%; height:10%px; <!--由于Header中的图片在下面定义了绝对的高度,是个像素,在这里定义也就没用了,只要是下面定义了,这里定义就无用--> } #1{ background:#CF3; text-align:center; <!--并没有起到作用,表格中的字体依然没有居中,只有到<td>标签的属性中去设置了--> } </style> 之中如何定义下拉菜单的隐藏,现在情况如图: ![图片说明](https://img-ask.csdn.net/upload/201603/27/1459068634_971042.jpg) 问题2:div标签里面class,id,什么时候用class,什么时候用id,什么时候用name 问题3:在html/css中<style></style>中的div标签对该标签对应的内容为什么没用,如上面的<div class="1">,在上面定义的text-align:center没用。还有类似的,表格里的文字内容居中问题,非得在<table>标签下的<td>标签里面定义吗? 问题四:为什么表格里一级菜单,二级菜单前面都有个点,是什么意思,怎么去掉 ```
div table 滚动条 定住第一行
div下有个table,可以进行上下或左右移动滚动条,我(ˇ?ˇ) 想~把table中的表头(第一行)定住,请问怎么弄?感谢高手们指教......
jsp里面用文本框弹出div
jsp里面用文本框的onblur事件弹出div,div里面是一个table表格,该怎么办 求高手指点
请问各位大佬js怎么自动在table外添加一个div层
``` 请问各位大佬js怎么自动在table外添加一个div层 比如内容里面有<table的时候,自动在前面加一个<div class= ,在 </table>后面自动加一个</div>。没有table的时候就什么都不添加 谢谢大家 ```
如何把多个div放入一个table中
得到数据库纪录,并以一个纪录对应一个div这样显示,现在的问题是我如何把这些div在一个table中显示呢? [b]问题补充:[/b] 我这个是div是根据数据库的纪录循环出来的。也就是说我都多少条数据就有多少个div。现在的问题是我如何把这些div动态的在table中显示。 for(var i=0; i<itemNodes.length; i++){ var id=itemNodes[i].getElementsByTagName("id"); var subject=itemNodes[i].getElementsByTagName("subject"); var startDate=itemNodes[i].getElementsByTagName("startDate"); var dueDate=itemNodes[i].getElementsByTagName("dueDate"); var status=itemNodes[i].getElementsByTagName("status"); var progress=itemNodes[i].getElementsByTagName("progress"); var type=itemNodes[i].getElementsByTagName("type"); var taskType=itemNodes[i].getElementsByTagName("taskType"); var project=itemNodes[i].getElementsByTagName("project"); var task=itemNodes[i].getElementsByTagName("task"); var memo=itemNodes[i].getElementsByTagName("memo"); if(id.length> 0 && subject.length> 0 && startDate.length> 0 && dueDate.length>0 && status.length> 0 && progress.length>0 && type.length>0 && taskType.length>0 && project.length>0 && task.length>0 && memo.length>0){ var id1=id[0].firstChild.nodeValue; var subject1=subject[0].firstChild.nodeValue; var startDate1=startDate[0].firstChild.nodeValue; var dueDate1=dueDate[0].firstChild.nodeValue; var status1=status[0].firstChild.nodeValue; var progress1=progress[0].firstChild.nodeValue; var type1=type[0].firstChild.nodeValue; var taskType1=taskType[0].firstChild.nodeValue; var project1=project[0].firstChild.nodeValue; var task1=task[0].firstChild.nodeValue; var memo1=memo[0].firstChild.nodeValue; //div的值 ListDivValue=subject1; //时间计算 var start=(startDate1).split(" "); var start1=start[0].split("-"); var start2=start[1].split(":"); var formDate=new Date(start1[0],start1[1],start1[2],start2[0],start2[1],start2[2]); //alert(formDate); var end=(dueDate1).split(" "); var end1=end[0].split("-"); var end2=end[1].split(":"); var thruDate=new Date(end1[0],end1[1],end1[2],end2[0],end2[1],end2[2]); //alert(thruDate); var middleDate=(((thruDate-formDate)/1000)/60)/30; // alert(middleDate); //listDiv的高度 var tdHeight=(document.getElementById('stable').offsetHeight)/(document.getElementById('stable').rows.length); divHeight=tdHeight*middleDate;//div的高度 // alert(divHeight); //获取服务器的时间 //这里是定位div放入表格的地方 var topDate=(document.getElementById('stable').rows[0].cells[0].innerText).split(":");//定点的时间。00:00 var date3=new Date(0,0,0,topDate[0],topDate[1],0); var date2=new Date(0,0,0,start2[0],start2[1],0); //alert(date2); //alert(date3); var middleH=(((date2-date3)/1000)/60)/30;//这里计算有多少个办小时 listDivTop=tdHeight*middleH;//div的高度 alert(listDivTop); showListDiv(); function showListDiv(){ document.getElementById('listDiv').style.height=divHeight; document.getElementById('listDiv').style.width='750px'; document.getElementById('listDiv').style.background='#94A2BE'; document.getElementById('listDiv').style.position='absolute'; document.getElementById('listDiv').style.top=listDivTop; document.getElementById('listDiv').style.left='68px'; document.getElementById('listDiv').innerText=ListDivValue; //document.getElementById('listDiv').innerText="<div id='tab'>dd</div><div id='zhansan'><div>"; } <table id="stable" class="divTable" style="width:800;" onclick="showCreateDiv()"> <div id="listDiv"></div> <tr> <th rowspan="2">00:00</th> <td></td> </tr> <tr> <td></td> </tr> <tr> <th rowspan="2">01:00</th> <td></td> </tr> <tr> <td></td> </tr> </table> 这些div的top和height是根据这个表的宽,高算出来的。 [b]问题补充:[/b] 我要做成google日历查不多的效果。所以div必须是要放到table中的。上面的代码就是获取数据库中的纪录。并调用用于显示div的那个方法。每一条纪录就调用一个div。现在我的问题就是在table显示上。但是现在我运行结果只能每次显示一个div。我要的效果是把所有的div都显示在table上。
CSS中背景图片在body中可以显示,但在div中无效
CSS中background image url(),中,在body中直接写background image url("../ptoto/banner1.jpg,")没什么问题,图片可正常显示。 但如果是在div中却不行,需要另外设置width和height,请问如何才可以在div中不设置宽和高就可以显示图片?
为什么div加不加边框,盒内元素位置会移动很大呢?
想做一个QQ注册表单验证,图中“注册账号”和后面的表单是在一个div里面的,这时候没有显示边框 但是显示边框之后,div里面的元素整体上都往下移动了很多,这是为什么呢?!![图片说明](https://img-ask.csdn.net/upload/201707/05/1499267425_226142.jpg)
table设置overflow-x还是溢出div
请问各位大神,小弟的网站table设置overflow-x还是溢出div。请问怎么解决。如下图所示 ![图片说明](https://img-ask.csdn.net/upload/201905/15/1557910827_230250.jpg) 父div css代码如下 ``` text-align: justify; word-break: break-all; word-wrap: break-word; padding-top: 6px; font-size: 15px; width: 100%; ``` table css代码如下 ``` text-align: center; font-size: 13px; width: 100%; border-collapse: collapse; empty-cells: show; overflow-x: auto; display: block; ```
H5网页制作中,在背景中怎么才能使插入的表格居中,div下的table中是表格
![图片说明](https://img-ask.csdn.net/upload/201708/23/1503481592_561125.png)
在div中滚动鼠标放大缩小图片
在div中滚动鼠标放大缩小图片, 并且能控制图片的最大像素,可以拖动图片,可以旋转图片。
如何设置div,使一个大的div中的几个小的div能使用循环以此显示出来
![图片说明](https://img-ask.csdn.net/upload/201510/07/1444229380_572737.jpg)有背景的那一块是一个大的div,图片和文字所在的地方是同一个小的div,如何设置div的样式,使小的div能用循环依次排列、左右距离都相同,并且横排放不下的时候可以自动换行
求教:怎么样给16个div设置data-index=""使 控制另一个div中16张图片显示隐藏?
怎么样给16个div设置data-index=""使 控制另一个div中16张图片显示隐藏? 代码: <div data-v-4a1fb872="" data-v-311834f5="" class="wrapper"> <div data-v-4a1fb872="" class="bg-left" style="background-image:url(小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/index2bg.2dead38.png)"> </div> <div data-v-4a1fb872="" class="part"> <div data-v-4a1fb872="" class="phone" style="background-image:url(小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/phone.1a1ffa5.png)"> <div data-v-4a1fb872="" class="phone-img"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/1-1.514b9e5.png" alt=""> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/1-2.fe2440c.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/1-3.61fa415.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/2-1.77e24af.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/2-2.03c77b0.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/2-3.68454c5.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/3-1.378751a.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/3-2.5415338.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/3-3.3522ddc.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/4-1.80e2eb2.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/4-2.67cb670.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/4-3.dc4d534.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/4-4.2cbe036.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/5-1.11fab89.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/5-2.2b657e7.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/5-3.f4f1d4b.png" alt="" style="display: none;"> <img data-v-4a1fb872="" src="./小官网-极简单·超强大-微信小程序_微信小程序开发_微信小程序制作平台_小程序站_files/5-4.4752a09.png" alt="" style="display: none;"> </div> </div> <div data-v-4a1fb872="" class="number"> 02 </div> <div data-v-4a1fb872="" class="con"> <div data-v-4a1fb872="" class="title"> 为销售赋能的小名片 </div> <div data-v-4a1fb872="" class="mark"> 产品展示 </div> <ul data-v-4a1fb872="" class="list"> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon1"> </div> <div data-v-4a1fb872="" class="name"> 小名片展示 </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 统一公司形象,全员分享,小名片直达企业官网,产品、服务的展现 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="0" class="link-item"> 名片信息 </div> <div data-v-4a1fb872="" data-index="1" class="link-item"> 个人信息 </div> <div data-v-4a1fb872="" data-index="2" class="link-item"> 更多信息 </div> </div> </div> </li> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon2"> </div> <div data-v-4a1fb872="" class="name"> 绑定小官网 </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 企业官网、产品、服务的完整展现 </p> <p data-v-4a1fb872=""> 帮助访客第一时间了解企业,更快促成业务交流 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="3" class="link-item"> 查看名片 </div> <div data-v-4a1fb872="" data-index="4" class="link-item"> 查看企业小官网 </div> <div data-v-4a1fb872="" data-index="5" class="link-item"> 小官网多样式介绍 </div> </div> </div> </li> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon3"> </div> <div data-v-4a1fb872="" class="name"> 销售雷达展示 </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 访问消息实时推送,名片访客即客户,不加好友就可微信沟通不错过每个商机;探测访客访问动态,让销售沟通更高效 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="6" class="link-item"> 实时推送访客消息 </div> <div data-v-4a1fb872="" data-index="7" class="link-item"> 不加微信好友沟通 </div> <div data-v-4a1fb872="" data-index="8" class="link-item"> 即时聊天 </div> </div> </div> </li> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon4"> </div> <div data-v-4a1fb872="" class="name"> 智能AI分析 </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 分析客户兴趣与活跃度,挖掘深度用户 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="9" class="link-item"> 访客数据分析 </div> <div data-v-4a1fb872="" data-index="10" class="link-item"> 访客互动情况 </div> <div data-v-4a1fb872="" data-index="11" class="link-item"> 销售人员能力分析 </div> <div data-v-4a1fb872="" data-index="12" class="link-item"> 销售详情分析 </div> </div> </div> </li> <li data-v-4a1fb872="" class="item"> <div data-v-4a1fb872="" class="icon icon5"> </div> <div data-v-4a1fb872="" class="name"> 商机SCRM </div> <div data-v-4a1fb872="" class="info"> <div data-v-4a1fb872="" class="text"> <p data-v-4a1fb872=""> 助销售进行客户标签化管理,客户跟进记录管理,客户AI分析 </p> </div> <div data-v-4a1fb872="" class="link"> <div data-v-4a1fb872="" data-index="13" class="link-item"> 商机标签化管理 </div> <div data-v-4a1fb872="" data-index="14" class="link-item"> 销售跟进记录 </div> <div data-v-4a1fb872="" data-index="15" class="link-item"> 客户访问轨迹 </div> <div data-v-4a1fb872="" data-index="16" class="link-item"> 客户兴趣分析 </div> </div> </div> </li> </ul> </div> </div> </div> ``` ``` 刚毕业的实习生,在网上扒的网站,但是js没有用,我也没学过js;求教怎么解决? css代码太多了,我也不知道拿那一部分所以就不放了, 这个网站就是我复制的网站 www.xcxzhan.com 里面可以拿到css,js 可以拿下来,但是不知道为什么没有用。 求大佬教学!!!跪谢!!!
flask开发中可以将script中的变量值传递到div中么?
html文件如下: ``` <label id='cur' style=''></label> <table id='table1'> ... <div lid={{var}}> type='button' class='btn' data-toggle='modal' data-target='div2'>按钮</div> ... </table> <div id='div2'> <li>想要输出cur(即变量var)</li> </div> <script> $(document).ready(function(){ $('#table1').on('click', .'btn', function(event){ var lid = $(event.currentTarget).attr('lid'); $('#cur').html(lid); }); }); <script> ``` 意思是这样的:点击table1中的div的按钮,触发了div2,也触发了事件,此时可将cur设置为var的值,var为变量,需要在div2中使用。我想知道有没有这样的操作可以将script中设置的值传递到div中。感谢
css 中table的列宽怎样动态设置?
css 中table的列宽怎样取外界div宽度与列中内容长度的最大值? ![图片说明](https://img-ask.csdn.net/upload/201603/28/1459152004_727065.png) ![图片说明](https://img-ask.csdn.net/upload/201603/28/1459152028_723948.png) 如上图,未对table的列宽做设置,当列中内容很长超出外界div宽度时,出现滚动条, 显示正常,但当列中内容长度小于外界div宽度时,蓝色阴影只是内容的长度,不能填充整行。求大神们帮忙解答一下,谢谢~~~
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
死磕YOLO系列,YOLOv1 的大脑、躯干和手脚
YOLO 是我非常喜欢的目标检测算法,堪称工业级的目标检测,能够达到实时的要求,它帮我解决了许多实际问题。 这就是 YOLO 的目标检测效果。它定位了图像中物体的位置,当然,也能预测物体的类别。 之前我有写博文介绍过它,但是每次重新读它的论文,我都有新的收获,为此我准备写一个系列的文章来详尽分析它。这是第一篇,从它的起始 YOLOv1 讲起。 YOLOv1 的论文地址:https://www.c...
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的回答,对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalking,作者吴晟、刘浩杨 等等 仓库地址: apache/skywalking 更...
20行Python代码爬取王者荣耀全英雄皮肤
引言 王者荣耀大家都玩过吧,没玩过的也应该听说过,作为时下最火的手机MOBA游戏,咳咳,好像跑题了。我们今天的重点是爬取王者荣耀所有英雄的所有皮肤,而且仅仅使用20行Python代码即可完成。 准备工作 爬取皮肤本身并不难,难点在于分析,我们首先得得到皮肤图片的url地址,话不多说,我们马上来到王者荣耀的官网: 我们点击英雄资料,然后随意地选择一位英雄,接着F12打开调试台,找到英雄原皮肤的图片...
简明易理解的@SpringBootApplication注解源码解析(包含面试提问)
欢迎关注文章系列 ,关注我 《提升能力,涨薪可待》 《面试知识,工作可待》 《实战演练,拒绝996》 欢迎关注我博客,原创技术文章第一时间推出 也欢迎关注公 众 号【Ccww笔记】,同时推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《提升能力,涨薪可待篇》- @SpringBootApplication注解源码解析 一、@SpringBootApplication 的作用是什...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给袈...
Python语言高频重点汇总
Python语言高频重点汇总 GitHub面试宝典仓库 回到首页 目录: Python语言高频重点汇总 目录: 1. 函数-传参 2. 元类 3. @staticmethod和@classmethod两个装饰器 4. 类属性和实例属性 5. Python的自省 6. 列表、集合、字典推导式 7. Python中单下划线和双下划线 8. 格式化字符串中的%和format 9. 迭代器和生成器 10...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
ES6基础-ES6的扩展
进行对字符串扩展,正则扩展,数值扩展,函数扩展,对象扩展,数组扩展。 开发环境准备: 编辑器(VS Code, Atom,Sublime)或者IDE(Webstorm) 浏览器最新的Chrome 字符串的扩展: 模板字符串,部分新的方法,新的unicode表示和遍历方法: 部分新的字符串方法 padStart,padEnd,repeat,startsWith,endsWith,includes 字...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
你知道的越多,你不知道的越多 点赞再看,养成习惯 本文 GitHub https://github.com/JavaFamily 已收录,有一线大厂面试点思维导图,也整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 前前言 为啥今天有个前前言呢? 因为你们的丙丙啊,昨天有牌面了哟,直接被微信官方推荐,知乎推荐,也就仅仅是还行吧(心里乐开花)
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
Python爬虫精简步骤1 获取数据
爬虫的工作分为四步: 1.获取数据。爬虫程序会根据我们提供的网址,向服务器发起请求,然后返回数据。 2.解析数据。爬虫程序会把服务器返回的数据解析成我们能读懂的格式。 3.提取数据。爬虫程序再从中提取出我们需要的数据。 4.储存数据。爬虫程序把这些有用的数据保存起来,便于你日后的使用和分析。 这一篇的内容就是:获取数据。 首先,我们将会利用一个强大的库——requests来获取数据。 在电脑上安装
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 更多有趣分析教程,扫描下方二维码关注vx公号「裸睡的猪」 即可查看! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布
web前端javascript+jquery知识点总结
Javascript javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ,语法同java类似,是一种解释性语言,边执行边解释。 JavaScript的组成: ECMAScipt 用于描述: 语法,变量和数据类型,运算符,逻辑控制语句,关键字保留字,对象。 浏览器对象模型(Br
Qt实践录:开篇
本系列文章介绍笔者的Qt实践之路。
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
为什么听过很多道理,依然过不好这一生?
记录学习笔记是一个重要的习惯,不希望学习过的东西成为过眼云烟。做总结的同时也是一次复盘思考的过程。 本文是根据阅读得到 App上《万维钢·精英日课》部分文章后所做的一点笔记和思考。学习是一个系统的过程,思维模型的建立需要相对完整的学习和思考过程。以下观点是在碎片化阅读后总结的一点心得总结。
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计
一条链接即可让黑客跟踪你的位置! | Seeker工具使用
搬运自:冰崖的部落阁(icecliffsnet) 严正声明:本文仅限于技术讨论,严禁用于其他用途。 请遵守相对应法律规则,禁止用作违法途径,出事后果自负! 上次写的防社工文章里边提到的gps定位信息(如何防止自己被社工或人肉) 除了主动收集他人位置信息以外,我们还可以进行被动收集 (没有技术含量) Seeker作为一款高精度地理位置跟踪工具,同时也是社交工程学(社会工程学)爱好者...
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧...... 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
相关热词 c# 时间比天数 c# oracle查询 c# 主动推送 事件 c# java 属性 c# 控制台 窗体 c# 静态类存值 c#矢量作图 c#窗体调用外部程式 c# enum是否合法 c# 如何卸载引用
立即提问