dataview 布局问题

布局思路:tabpanel中放一个panel panel中放一个dataview
外部函数调用function BuildDataView(Mudle_TypeID, Mudle_Title)
BuildDataView调用function CreateDataViewByModleID(Mudle_TypeID)

问题:当dataview中的记录数不多的时候 布局时好的 但是如果多了 需要出现上下滚动条后 我发现左右滚动条也出现了

图片:
正确的时候:

[img]http://dl.iteye.com/upload/attachment/141979/f7263067-fcbd-3e10-9fe6-1c1db1395ec8.bmp[/img]
错误的时候:

[img]http://dl.iteye.com/upload/attachment/141981/9fb30f8b-1df9-394b-b8cd-b37b4bc7dd79.bmp[/img]

代码:
[code="java"]
//用于智能提示显示
///
//------------------------内部方法------------------------
function CreateDataViewByModleID(Mudle_TypeID) {
//数据获取地址
var strGridUrl = 'json/Forum/Article.aspx?Param=list&MudleId=' + Mudle_TypeID;
//数据集格式
var fields = [
{name: 'ModuleID'},
{name: 'ArticleID'},
{name: 'strArticleTitle'},
{name: 'strAuthorName'},
{name: 'dtPublishTime'},
{name: 'ReaderNum'},
{name: 'ReplayNum'}
];
//数据集内容
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: strGridUrl
}),
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root',
fields: fields
})
});
var tpl = new Ext.XTemplate('', '

', '', '', '', '', '', '
', '{strArticleTitle}', '', '', '', '', '', '', '', '', '', '', '', '
', '作者:{strAuthorName}', '', '发表:{dtPublishTime}', '
', '阅读:{ReaderNum}', '', '回复:{ReplayNum}', '
', '
', '
', ''
// ,'

'
);
//DataView
store.load({
params: {
start: 0,
limit: 30
}
});
var My_DataView = new Ext.DataView({
store: store,
multiSelect: false,
emptyText: '暂无数据',
autoHeight: true,
overClass: 'x-view-over',
itemSelector: 'div.thumb-wrap',
tpl: tpl,
region: 'center',
margions: '0,0,0,0',
region: 'center'
});
//
//
var My_PTbar = new Ext.PagingToolbar({
displayInfo: true,
emptyMsg: '没有数据显示',
displayMsg: '当前显示{0}-{1}条记录,共{2}条',
store: store,
pageSize: 30,
prevText: "上一页",
nextText: "下一页",
refreshText: "刷新",
lastText: "最后页",
firstText: "第一页",
beforePageText: "当前页"
})
//构建返回Panel
return new Ext.Panel({
id: 'CenterPanel_' + Mudle_TypeID,
layout: 'fit',
autoScroll: true,
items: My_DataView,
bbar: My_PTbar
//,layout : 'border'
,
border: false,
margions: '0,0,0,0'
});
}

//------------------------外部方法------------------------
//根据moduleName 和 moduleId 创建该页
function BuildDataView(Mudle_TypeID, Mudle_Title) {
//创建Grid
var temp_DataView = CreateDataViewByModleID(Mudle_TypeID);
//创建并返回Panel
this.GirdViewPanel = new Ext.Panel({
title: Mudle_Title,
id: 'GirdViewPanel_' + Mudle_Title,
frame: false,
autoWidth: true,
autoheight: true,
autoScroll: true,
closable: true,
layout: 'fit',
collapsible: true,
items: [temp_DataView]
});
}
[/code]
[b]问题补充:[/b]
我看了一下 是不是 因为出现了纵向的滚动条的原因
纵向的滚动条会占据部分位置 所以出现了横向的滚动条?
[b]问题补充:[/b]
如何测试 是什么地方溢出的呢?请教方法 我以前没有做个这个

还有根据atian25的建议 我去掉了一个中间的panel
重新修改了布局方式:
主界面的center位置放tabpanel west位置放tree
当点击tree的时候 在tabpanel中添加一个panelA
PanelA中的就是dataview 和 pagingtool

但是还是有问题,如下图:

[img]http://dl.iteye.com/upload/attachment/142011/ff33980f-4cc2-36a7-8ba1-50d25fa31f05.bmp[/img]

图中黑框中是滚动条 虽然几乎看不见=.= 妖怪。。。

请指点一下

修改后的代码:
[code="java"]
function BuildDataView(Mudle_TypeID, Mudle_Title) {
//数据获取地址
var strGridUrl = 'json/Forum/Article.aspx?Param=list&MudleId=' + Mudle_TypeID;
//数据集格式
var fields = [{
name: 'ModuleID'
},
{
name: 'ArticleID'
},
{
name: 'strArticleTitle'
},
{
name: 'strAuthorName'
},
{
name: 'dtPublishTime'
},
{
name: 'ReaderNum'
},
{
name: 'ReplayNum'
}];
//数据集内容
var store = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: strGridUrl
}),
reader: new Ext.data.JsonReader({
totalProperty: 'totalProperty',
root: 'root',
fields: fields
})
});
//tpl
var tpl = new Ext.XTemplate('', '

', '', '', '', '', '', '
', '{strArticleTitle}', '', '', '', '', '', '', '', '', '', '', '', '
', '作者:{strAuthorName}', '', '发表:{dtPublishTime}', '
', '阅读:{ReaderNum}', '', '回复:{ReplayNum}', '
', '
', '
', '', '

');
//DataView
var My_DataView = new Ext.DataView({
store: store,
multiSelect: false,
emptyText: '暂无数据',
autoHeight: true
//,autoWidth:true

,
tpl: tpl,
region: 'center',
margions: '0,0,0,0',
region: 'center'
});
store.load({
params: {
start: 0,
limit: 30
}
});
//
var My_PTbar = new Ext.PagingToolbar({
displayInfo: true,
emptyMsg: '没有数据显示',
displayMsg: '当前显示{0}-{1}条记录,共{2}条',
store: store,
pageSize: 30,
prevText: "上一页",
nextText: "下一页",
refreshText: "刷新",
lastText: "最后页",
firstText: "第一页",
beforePageText: "当前页"
})
//创建并返回Panel
this.GirdViewPanel = new Ext.Panel({
    title: Mudle_Title,
    id: 'GirdViewPanel_' + Mudle_Title,
    frame: false,
    autoWidth: true
    //        ,autoheight:true
    ,
    autoScroll: true,
    closable: true,
    layout: 'fit',
    collapsible: true,
    items: [My_DataView],
    bbar: My_PTbar,
    viewCofnig: {
        forceFit: true
    }
});

}
[/code]
[b]问题补充:[/b]
在FF测试了上面的代码 界面表现堪称完美 上下滚动条出来了 左右滚动条没有出来。。。 BS下IE 这个NND我怎么去改阿。。。
[b]问题补充:[/b]
解决了

1。dateview XTemplate里面的width:100%之类的也先去掉一下
2。table style="width:99%; 修改为table style="width:98%;

谢谢 atian25
如果有时间的话 希望atian25 给我说说如何查看 panel溢出的方法

2个回答

有这个可能.但是你还是得定位到是谁溢出了.
你的panel嵌套太多了,没必要

感觉你嵌套了很多层的panel,没有必要吧.
先来挨个检查下

[code="java"]this.GirdViewPanel = new Ext.Panel({
title: Mudle_Title,
id: 'GirdViewPanel_' + Mudle_Title,
//改为true,以便观察是不是它溢出了
frame: true,[/code]

另外,dateview XTemplate里面的width:100%之类的也先去掉一下

还有

var My_DataView = new Ext.DataView({

store: store,

multiSelect: false,

emptyText: '暂无数据',

autoHeight: true,

再加个autoWidth看看.

最好先定位出是哪个panel溢出了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
布局问题
代码如下: [code="java"] function BrowerArticle(ArticleID, ArticleTitle) { //判断 如果存在 就直接跳转 var temp_Tab_Center = Ext.getCmp('id_Tab_Center'); //如果存在 就跳转到该页 for (var i = 0; i < temp_Tab_Center.items.length; i++) { if (temp_Tab_Center.items.items[i].id == 'Article_' + ArticleID) { temp_Tab_Center.activate(temp_Tab_Center.items.items[i]); return; } } //----------------------------页面内容 begin-------------------------------- //-->帖子题目 var ArticleTitleLabel = new Ext.form.Label({ id: 'ArticleTitleLabel_' + ArticleID , name: 'ArticleTitleLabel_' + ArticleID , text: ArticleTitle , style : 'font-size:x-large;color:Blue' }); //-->帖子内容 //数据获取地址 var strGridUrl = 'json/Forum/Article.aspx?Param=BrowerArticle&ArticleID=' + ArticleID; //数据集格式 var fields = [ {name:'RevertID'}, {name:'ArticleID'}, {name:'dtPublish'}, {name:'UserId'}, {name:'UserName'}, {name:'RevertContent'}, {name:'IntSupport'}, {name:'IntAgainst' } ]; //数据集内容 var store = new Ext.data.Store ({ proxy: new Ext.data.HttpProxy({ url: strGridUrl }), reader: new Ext.data.JsonReader({ totalProperty: 'totalProperty', root: 'root', fields: fields }) }); store.load({ params: { start: 0, limit: 40} }); //DataView var tpl = new Ext.XTemplate( '<tpl for=".">' , '<div style="width:100%">' , '<table style="border:1px;" cellpadding="0px" cellspacing="0px">' , '<tr>' , '<td>' , '{UserName} 发表于: {dtPublish}' , '</td>' , '</tr>' , '<tr>' , '<td>' , '{RevertContent}' , '</td>' , '</tr>' , '</table>' , '<hr/>' , '</div>' , '</tpl>' ); var BrowerArticle_DataView = new Ext.DataView({ store: store , id: 'BrowerArticle_DataView_' + ArticleID , multiSelect: false , emptyText: '暂无数据' , autoHeight: true , autoWidth: true , tpl: tpl , overClass: 'x-view-over' , itemSelector: 'div.thumb-wrap' }); //pagingtool var My_PTbar = new Ext.PagingToolbar({ store: store, displayInfo: true, emptyMsg: '没有数据显示', displayMsg: '当前显示{0}-{1}条记录,共{2}条', pageSize: 30, prevText: "上一页", nextText: "下一页", refreshText: "刷新", lastText: "最后页", firstText: "第一页", beforePageText: "当前页" }); //回覆內容 var ReplayContent = new Ext.form.TextArea({ id:'ReplayContent', name:'ReplayContent', fieldLabel:'回 复', allowBlank : false, anchor:'90%', height:340, allowBlank : false }); //取消 按鈕 var CancleButton = new Ext.Button({ text:'取 消' ,tooltip:'取 消' }); //确定 按钮 var OKButton = new Ext.Button({ text:'提 交' ,tooltip:'提 交' }); //-->整体Panel var BrowerArticlePanel = new Ext.Panel({ title: ArticleTitle.substring(0,4) ,tabTip : ArticleTitle , id: 'Article_' + ArticleID , frame: true , autoWidth: false , autoheight: false , autoScroll: true , closable: true , layout: 'column' , items: [{ columnWidth:1, style: 'text-align:center', autoScroll : false, items:[ArticleTitleLabel] }, { columnWidth:1, autoScroll : false, autoWidth:false, autoHeight : false, items:[BrowerArticle_DataView], bbar : My_PTbar }, { columnWidth:1, layout:'form', autoScroll : false, items:[ReplayContent], buttons:[CancleButton,OKButton] } ] }); //如果没有 创建该页 并跳转到该页 temp_Tab_Center.add(BrowerArticlePanel); temp_Tab_Center.activate(BrowerArticlePanel); } [/code] 实现的效果是一个帖子浏览页面 这个页面最终会放到主页面temp_Tab_Center中 最后上面是一个标题 中间是dataview显示帖子内容 dataview下面是pageingToolBar用作分页 最下面是一个跟帖的内容 现在碰到的问题是 我帖子里面如果有图片的话 会出现横向的滚动条 虽然图片宽度没有超过页面的宽度 请问大家这个是为什么啊? 结果图如下: [img]http://dl.iteye.com/upload/attachment/155963/37aa5883-a0b2-3e40-a0c8-d0235a38cb5a.gif[/img] [b]问题补充:[/b] lovewhzlq: autoScroll: true 这里改为false看看 这样的话 上下滚动条 就不显示了 并且 当图片超大的时候 横向滚动条还是需要显示的 jim.jin: 那有什么 解决方法么? [b]问题补充:[/b] 我将, layout: 'column' 就该为 border:‘column’ 错误不再出现了 排版正常了 谢谢各位 虽然没有正确答案 为了谢谢jim.jin 的热心 我就放分了
echarts地图怎么用,这个是静态的,怎么与后台连接写成动态的,麻烦有用过的解决一下
![图片说明](https://img-ask.csdn.net/upload/201507/26/1437905141_922595.png) ``` <script type="text/javascript"> option = { title : { text: '地区分布统计注册量', subtext: '2015年度', x:'center' }, tooltip : { //tooltip提示框,鼠标悬浮交互时的信息提示 trigger: 'item' //触发类型,默认数据触发,见下图,可选为:'item' | 'axis' }, legend: { //legend图例 orient: 'vertical',//布局方式,默认为水平布局,可选为:'horizontal' | 'vertical' x: 'left', data:['男','女','未知'] //图例内容数组 }, dataRange: { //dataRange值域选择 min: 0,//指定的最小值,eg: 0,默认无,必须参数,唯有指定了splitList时可缺省min。 max: 2500, x: 'left',//水平安放位置,默认为全图左对齐,可选为:'center' | 'left' | 'right' | {number}(x坐标,单位px) y: 'bottom',//垂直安放位置,默认为全图底部,可选为:'top' | 'bottom' | 'center' | {number}(y坐标,单位px) text:['高','低'], // 文本,默认为数值文本 calculable : true //是否启用值域漫游,启用后无视splitNumber和splitList,值域显示为线性渐变 }, toolbox: { //toolbox show: true, orient : 'vertical',//布局方式,默认为水平布局,可选为:'horizontal' | 'vertical' x: 'right', y: 'center', feature : { mark : {show: true}, dataView : {show: true, readOnly: false}, restore : {show: true}, saveAsImage : {show: true} } }, roamController: { //缩放漫游组件 show: true, x: 'right', mapTypeControl: { //必须,指定漫游组件可控地图类型,如:{ china: true } 'china': true } }, series : [ //通用,驱动图表生成的数据内容数组,数组中每一项为一个系列的选项及数据,其中个别选项仅在部分图表类型中有效 { name: '男', type: 'map', mapType: 'china', roam: false, itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} }, data:[ {name: '北京',value: Math.round(Math.random()*1000)}, {name: '天津',value: Math.round(Math.random()*1000)}, {name: '上海',value: Math.round(Math.random()*1000)}, {name: '重庆',value: Math.round(Math.random()*1000)}, {name: '河北',value: Math.round(Math.random()*1000)}, {name: '河南',value: Math.round(Math.random()*1000)}, {name: '云南',value: Math.round(Math.random()*1000)}, {name: '辽宁',value: Math.round(Math.random()*1000)}, {name: '黑龙江',value: Math.round(Math.random()*1000)}, {name: '湖南',value: Math.round(Math.random()*1000)}, {name: '安徽',value: Math.round(Math.random()*1000)}, {name: '山东',value: Math.round(Math.random()*1000)}, {name: '新疆',value: Math.round(Math.random()*1000)}, {name: '江苏',value: Math.round(Math.random()*1000)}, {name: '浙江',value: Math.round(Math.random()*1000)}, {name: '江西',value: Math.round(Math.random()*1000)}, {name: '湖北',value: Math.round(Math.random()*1000)}, {name: '广西',value: Math.round(Math.random()*1000)}, {name: '甘肃',value: Math.round(Math.random()*1000)}, {name: '山西',value: Math.round(Math.random()*1000)}, {name: '内蒙古',value: Math.round(Math.random()*1000)}, {name: '陕西',value: Math.round(Math.random()*1000)}, {name: '吉林',value: Math.round(Math.random()*1000)}, {name: '福建',value: Math.round(Math.random()*1000)}, {name: '贵州',value: Math.round(Math.random()*1000)}, {name: '广东',value: Math.round(Math.random()*1000)}, {name: '青海',value: Math.round(Math.random()*1000)}, {name: '西藏',value: Math.round(Math.random()*1000)}, {name: '四川',value: Math.round(Math.random()*1000)}, {name: '宁夏',value: Math.round(Math.random()*1000)}, {name: '海南',value: Math.round(Math.random()*1000)}, {name: '台湾',value: Math.round(Math.random()*1000)}, {name: '香港',value: Math.round(Math.random()*1000)}, {name: '澳门',value: Math.round(Math.random()*1000)} ] }, { name: '女', type: 'map', mapType: 'china', itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} }, data:[ {name: '北京',value: Math.round(Math.random()*1000)}, {name: '天津',value: Math.round(Math.random()*1000)}, {name: '上海',value: Math.round(Math.random()*1000)}, {name: '重庆',value: Math.round(Math.random()*1000)}, {name: '河北',value: Math.round(Math.random()*1000)}, {name: '安徽',value: Math.round(Math.random()*1000)}, {name: '新疆',value: Math.round(Math.random()*1000)}, {name: '浙江',value: Math.round(Math.random()*1000)}, {name: '江西',value: Math.round(Math.random()*1000)}, {name: '山西',value: Math.round(Math.random()*1000)}, {name: '内蒙古',value: Math.round(Math.random()*1000)}, {name: '吉林',value: Math.round(Math.random()*1000)}, {name: '福建',value: Math.round(Math.random()*1000)}, {name: '广东',value: Math.round(Math.random()*1000)}, {name: '西藏',value: Math.round(Math.random()*1000)}, {name: '四川',value: Math.round(Math.random()*1000)}, {name: '宁夏',value: Math.round(Math.random()*1000)}, {name: '香港',value: Math.round(Math.random()*1000)}, {name: '澳门',value: Math.round(Math.random()*1000)} ] }, { name: '未知', type: 'map', mapType: 'china', itemStyle:{ normal:{label:{show:true}}, emphasis:{label:{show:true}} }, data:[ {name: '北京',value: Math.round(Math.random()*1000)}, {name: '天津',value: Math.round(Math.random()*1000)}, {name: '上海',value: Math.round(Math.random()*1000)}, {name: '广东',value: Math.round(Math.random()*1000)}, {name: '台湾',value: Math.round(Math.random()*1000)}, {name: '香港',value: Math.round(Math.random()*1000)}, {name: '澳门',value: Math.round(Math.random()*1000)} ] } ] };</script> ```
echarts值已经给data了就是不显示效果
$(document).ready(function () { console.log("不是缓存,jquery加载"); function setOption(datas) { var myChart = echarts.init(document.getElementById('china-map')); var option = { title: { text: '', subtext: '', x: 'center' }, tooltip: {//提示框组件。 trigger: 'item'//数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。 }, legend: { orient: 'horizontal',//图例的排列方向 x: 'left',//图例的位置 data: ['全国分布'] }, visualMap: {//颜色的设置 dataRange x: 'left', y: 'center', splitList: [ {start: 1500}, {start: 900, end: 1500}, {start: 310, end: 1000}, {start: 200, end: 300}, {start: 10, end: 200, label: '10 到 200(自定义label)'}, {start: 5, end: 5, label: '5(自定义特殊颜色)', color: 'black'}, {end: 10} ], // min: 0, // max: 2500, // calculable : true,//颜色呈条状 text: ['客流量高', '客流量低'],// 文本,默认为数值文本 color: ['#E0022B', '#E09107', '#A3E00B'] }, toolbox: {//工具栏 show: true, orient: 'vertical',//工具栏 icon 的布局朝向 x: 'right', y: 'center', feature: {//各工具配置项。 mark: {show: true}, dataView: {show: true, readOnly: false},//数据视图工具,可以展现当前图表所用的数据,编辑后可以动态更新。 restore: {show: true},//配置项还原。 saveAsImage: {show: true}//保存为图片。 } }, roamController: {//控制地图的上下左右放大缩小 图上没有显示 show: true, x: 'right', mapTypeControl: { 'china': true } }, series: [ { name: '订单量', type: 'map', mapType: 'china', roam: false,//是否开启鼠标缩放和平移漫游 itemStyle: {//地图区域的多边形 图形样式 normal: {//是图形在默认状态下的样式 label: { show: true,//是否显示标签 textStyle: { color: "rgb(249, 249, 249)" } } }, emphasis: {//是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时 label: {show: true} } }, top: "3%",//组件距离容器的距离 data: datas } ] }; console.log(option.series[0].data[0].value); } myChart.setOption(option); var datas = []; function getMapData() { $.ajax({ type: "post", url: "${link.contextPath}/shops/selectShopMap", dataType: "json", success: function (result) { if (result) { console.log(result); for (var i = 0; i < result.length; i++) { var sname = result[i].name; var svalue = result[i].value; var datashop = {name: sname, value: svalue} datas.push(datashop); } console.log(datas); setOption(datas);//执行setOption函数。传参 /* myChart.setOption({ series: [{ data: datas }], });*/ } }, error: function () { alert("错误"); myChart.hideLoading(); } }); myChart.on('mouseover', function (params) { var dataIndex = params.dataIndex; console.log(params); }); } getMapData(); }) ![图片说明](https://img-ask.csdn.net/upload/201812/29/1546069892_358309.png) console.log(option.series[0].data[0].value); ![图片说明](https://img-ask.csdn.net/upload/201812/29/1546070027_782008.png) ![图片说明](https://img-ask.csdn.net/upload/201812/29/1546069909_163759.png)
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
死磕YOLO系列,YOLOv1 的大脑、躯干和手脚
YOLO 是我非常喜欢的目标检测算法,堪称工业级的目标检测,能够达到实时的要求,它帮我解决了许多实际问题。 这就是 YOLO 的目标检测效果。它定位了图像中物体的位置,当然,也能预测物体的类别。 之前我有写博文介绍过它,但是每次重新读它的论文,我都有新的收获,为此我准备写一个系列的文章来详尽分析它。这是第一篇,从它的起始 YOLOv1 讲起。 YOLOv1 的论文地址:https://www.c
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的 回答 - Bravo Yeung,获得该问题下回答中得最高赞(236赞和1枚专业勋章),对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalk
记一次腾讯面试:进程之间究竟有哪些通信方式?如何通信? ---- 告别死记硬背
有一次面试的时候,被问到进程之间有哪些通信方式,不过由于之前没深入思考且整理过,说的并不好。想必大家也都知道进程有哪些通信方式,可是我猜很多人都是靠着”背“来记忆的,所以今天的这篇文章,讲给大家详细着讲解他们是如何通信的,让大家尽量能够理解他们之间的区别、优缺点等,这样的话,以后面试官让你举例子,你也能够顺手拈来。 1、管道 我们来看一条 Linux 的语句 netstat -tulnp | gr...
20行Python代码爬取王者荣耀全英雄皮肤
引言 王者荣耀大家都玩过吧,没玩过的也应该听说过,作为时下最火的手机MOBA游戏,咳咳,好像跑题了。我们今天的重点是爬取王者荣耀所有英雄的所有皮肤,而且仅仅使用20行Python代码即可完成。 准备工作 爬取皮肤本身并不难,难点在于分析,我们首先得得到皮肤图片的url地址,话不多说,我们马上来到王者荣耀的官网: 我们点击英雄资料,然后随意地选择一位英雄,接着F12打开调试台,找到英雄原皮肤的图片
网络(8)-HTTP、Socket、TCP、UDP的区别和联系
TCP/IP协议是传输层协议,主要解决数据如何在网络中传输,而HTTP是应用层协议,主要解决如何包装数据。 一、TCP与UDP的不同 1. 是否需要建立连接。 UDP在传送数据之前不需要先建立连接;TCP则提供面向连接的服务; 2. 是否需要给出确认 对方的传输层在收到UDP报文后,不需要给出任何确认,而 TCP需要给出确认报文,要提供可靠的、面向连接的传输服务。 3.虽然UDP不提供可靠交...
简明易理解的@SpringBootApplication注解源码解析(包含面试提问)
欢迎关注文章系列 ,关注我 《提升能力,涨薪可待》 《面试知识,工作可待》 《实战演练,拒绝996》 欢迎关注我博客,原创技术文章第一时间推出 也欢迎关注公 众 号【Ccww笔记】,同时推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《提升能力,涨薪可待篇》- @SpringBootApplication注解源码解析 一、@SpringBootApplication 的作用是什
防劝退!数据结构和算法难理解?可视化动画带你轻松透彻理解!
大家好,我是 Rocky0429,一个连数据结构和算法都不会的蒟蒻… 学过数据结构和算法的都知道这玩意儿不好学,没学过的经常听到这样的说法还没学就觉得难,其实难吗?真难! 难在哪呢?当年我还是个小蒟蒻,初学数据结构和算法的时候,在忍着枯燥看完定义原理,之后想实现的时候,觉得它们的过程真的是七拐八绕,及其难受。 在简单的链表、栈和队列这些我还能靠着在草稿上写写画画理解过程,但是到了数论、图...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给
开挂的人生!那些当选院士,又是ACM/IEEE 双料Fellow的华人学者们
昨日,2019年两院院士正式官宣,一时间抢占了各大媒体头条。 朋友圈也是一片沸腾,奔走相告,赶脚比自己中了大奖还嗨皮! 谁叫咱家导师就是这么厉害呢!!! 而就在最近,新一年度的IEEE/ACM Fellow也将正式公布。 作为学术届的顶级荣誉,不自然地就会将院士与Fellow作比较,到底哪个含金量更高呢? 学术君认为,同样是专业机构对学者的认可,考量标准不一,自然不能一概而论。 但...
聊聊C语言和指针的本质
坐着绿皮车上海到杭州,24块钱,很宽敞,在火车上非正式地聊几句。 很多编程语言都以 “没有指针” 作为自己的优势来宣传,然而,对于C语言,指针却是与生俱来的。 那么,什么是指针,为什么大家都想避开指针。 很简单, 指针就是地址,当一个地址作为一个变量存在时,它就被叫做指针,该变量的类型,自然就是指针类型。 指针的作用就是,给出一个指针,取出该指针指向地址处的值。为了理解本质,我们从计算机模型说起...
Python语言高频重点汇总
Python语言高频重点汇总 GitHub面试宝典仓库——点这里跳转 文章目录Python语言高频重点汇总**GitHub面试宝典仓库——点这里跳转**1. 函数-传参2. 元类3. @staticmethod和@classmethod两个装饰器4. 类属性和实例属性5. Python的自省6. 列表、集合、字典推导式7. Python中单下划线和双下划线8. 格式化字符串中的%和format9.
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
代码详解:如何用Python快速制作美观、炫酷且有深度的图表
全文共12231字,预计学习时长35分钟生活阶梯(幸福指数)与人均GDP(金钱)正相关的正则图本文将探讨三种用Python可视化数据的不同方法。以可视化《2019年世界幸福报告》的数据为例,本文用Gapminder和Wikipedia的信息丰富了《世界幸福报告》数据,以探索新的数据关系和可视化方法。《世界幸福报告》试图回答世界范围内影响幸福的因素。报告根据对“坎特里尔阶梯问题”的回答来确定幸...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
(经验分享)作为一名普通本科计算机专业学生,我大学四年到底走了多少弯路
今年正式步入了大四,离毕业也只剩半年多的时间,回想一下大学四年,感觉自己走了不少弯路,今天就来分享一下自己大学的学习经历,也希望其他人能不要走我走错的路。 (一)初进校园 刚进入大学的时候自己完全就相信了高中老师的话:“进入大学你们就轻松了”。因此在大一的时候自己学习的激情早就被抛地一干二净,每天不是在寝室里玩游戏就是出门游玩,不过好在自己大学时买的第一台笔记本性能并不是很好,也没让我彻底沉...
如何写一篇技术博客,谈谈我的看法
前言 只有光头才能变强。 文本已收录至我的GitHub精选文章,欢迎Star:https://github.com/ZhongFuCheng3y/3y 我一直推崇学技术可以写技术博客去沉淀自己的知识,因为知识点实在是太多太多了,通过自己的博客可以帮助自己快速回顾自己学过的东西。 我最开始的时候也是只记笔记,认为自己能看得懂就好。但如果想验证自己是不是懂了,可以写成技术博客。在写技术博客的...
字节跳动面试官这样问消息队列:分布式事务、重复消费、顺序消费,我整理了一下
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
面试还搞不懂redis,快看看这40道面试题(含答案和思维导图)
Redis 面试题 1、什么是 Redis?. 2、Redis 的数据类型? 3、使用 Redis 有哪些好处? 4、Redis 相比 Memcached 有哪些优势? 5、Memcache 与 Redis 的区别都有哪些? 6、Redis 是单进程单线程的? 7、一个字符串类型的值能存储最大容量是多少? 8、Redis 的持久化机制是什么?各自的优缺点? 9、Redis 常见性...
大学四年自学走来,这些珍藏的「实用工具/学习网站」我全贡献出来了
知乎高赞:文中列举了互联网一线大厂程序员都在用的工具集合,涉及面非常广,小白和老手都可以进来看看,或许有新收获。
互联网公司的裁员,能玩出多少种花样?
裁员,也是一门学问,可谓博大精深!以下,是互联网公司的裁员的多种方法:-正文开始-135岁+不予续签的理由:千禧一代网感更强。95后不予通过试用期的理由:已婚已育员工更有责任心。2通知接下来要过苦日子,让一部分不肯同甘共苦的员工自己走人,以“兄弟”和“非兄弟”来区别员工。3强制996。员工如果平衡不了工作和家庭,可在离婚或离职里二选一。4不布置任何工作,但下班前必须提交千字工作日报。5不给活干+...
【设计模式】单例模式的八种写法分析
网上泛滥流传单例模式的写法种类,有说7种的,也有说6种的,当然也不排除说5种的,他们说的有错吗?其实没有对与错,刨根问底,写法终究是写法,其本质精髓大体一致!因此完全没必要去追究写法的多少,有这个时间还不如跟着宜春去网吧偷耳机、去田里抓青蛙得了,一天天的....
《面试宝典》:检验是否为合格的初中级程序员的面试知识点,你都知道了吗?查漏补缺
欢迎关注文章系列,一起学习 《提升能力,涨薪可待篇》 《面试知识,工作可待篇》 《实战演练,拒绝996篇》 也欢迎关注公 众 号【Ccww笔记】,原创技术文章第一时间推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《面试知识,工作可待篇》-Java笔试面试基础知识大全 前言 是不是感觉找工作面试是那么难呢? 在找工作面试应在学习的基础进行总结面试知识点,工作也指日可待,欢...
关于研发效能提升的思考
研发效能提升是最近比较热门的一个话题,本人根据这几年的工作心得,做了一些思考总结,由于个人深度有限,暂且抛转引入。 三要素 任何生产力的提升都离不开这三个因素:人、流程和工具,少了其中任何一个因素都无法实现。 人,即思想,也就是古人说的“道”,道不同不相为谋,是制高点,也是高层建筑的基石。 流程,即方法,也是古人说的“法”。研发效能的提升,也就是要提高投入产出比,既要增加产出,也要减...
微博推荐算法简述
在介绍微博推荐算法之前,我们先聊一聊推荐系统和推荐算法。有这样一些问题:推荐系统适用哪些场景?用来解决什么问题、具有怎样的价值?效果如何衡量? 推荐系统诞生很早,但真正被大家所重视,缘起于以”facebook”为代表的社会化网络的兴起和以“淘宝“为代表的电商的繁荣,”选择“的时代已经来临,信息和物品的极大丰富,让用户如浩瀚宇宙中的小点,无所适从。推荐系统迎来爆发的机会,变得离用户更近: 快...
GitHub 标星 1.6w+,我发现了一个宝藏项目,作为编程新手有福了!
大家好,我是 Rocky0429,一个最近老在 GitHub 上闲逛的蒟蒻… 特别惭愧的是,虽然我很早就知道 GitHub,但是学会逛 GitHub 的时间特别晚。当时一方面是因为菜,看着这种全是英文的东西难受,不知道该怎么去玩,另一方面是一直在搞 ACM,没有做一些工程类的项目,所以想当然的以为和 GitHub 也没什么关系(当然这种想法是错误的)。 后来自己花了一个星期看完了 Pyt...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
恕我直言,牛逼哄哄的MongoDB你可能只会30%
MongoDB 闪亮登场自我介绍MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于...
一文带你看清 HTTP 所有概念
上一篇文章我们大致讲解了一下 HTTP 的基本特征和使用,大家反响很不错,那么本篇文章我们就来深究一下 HTTP 的特性。我们接着上篇文章没有说完的 HTTP 标头继续来介绍(此篇文章会介绍所有标头的概念,但没有深入底层) HTTP 标头 先来回顾一下 HTTP1.1 标头都有哪几种 HTTP 1.1 的标头主要分为四种,通用标头、实体标头、请求标头、响应标头,现在我们来对这几种标头进行介绍 通用...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
web前端javascript+jquery知识点总结
1.Javascript 语法.用途 javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
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作为一款高精度地理位置跟踪工具,同时也是社交工程学(社会工程学)爱好者...
相关热词 c#开发的dll注册 c#的反射 c# grid绑定数据源 c#多线程怎么循环 c# 鼠标左键 c# char占位符 c# 日期比较 c#16进制转换为int c#用递归求顺序表中最大 c#小型erp源代码
立即提问

相似问题