HTML关于导航栏布局问题
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>碧桂园官网</title>
<style type="text/css">
    *{margin:0 auto;}
    header{                         /*整个导航栏的高度设定*/
        width:100%;
        height:90px;
        background: red;
    }
    header>img{                    /*logo的位置*/
        width:200px;
        height:90px;
        margin-left:100px;
    }   
    header>div>ul>li>a{                  /*导航栏超链接中字体去下划线、加粗、颜色、间隔*/
        text-decoration:none;
        color:#999;
        font-weight:bold;
        border-right:dotted thin;
        padding-right:10px;
        padding-left:10px;
        font-size:15px;
    }
    .header_nav{                  /*整个导航栏的位置*/
        width: 100%;
        display:inline;
        position:absolute;
        padding-top:40px;
        padding-left:300px;
    }
    .header_nav ul li{              /*ul去点和横向排列*/
        list-style:none;
        display:inline;
    }
    .header_nav>ul>li>ul{        /*二级菜单位置、隐藏*/
        position:absolute;
        padding-top: 40px;
        display: none;
    }
    .header_nav>ul>li>ul>li>a{     /*二级菜单样式*/
        font-weight: bold;
        color: black;
        text-decoration: none;
    }

    .header_nav>ul>li:hover>ul{     /*鼠标经过时显示二级菜单*/
        display: block;
    }

</style>

<header>
    <img src="logo.PNG" alt="logo"/>
    <div class="header_nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">关于碧桂园</a>
                <ul>
                    <li><a href="#">公司介绍</a></li>
                    <li><a href="#">企业文化</a></li>
                </ul>
            </li>
            <li><a href="#">产品与服务</a></li>
            <li><a href="#">新闻中心</a></li>
            <li><a href="#">投资者关系</a></li>
            <li><a href="#">人力资源</a></li>
            <li><a href="#">社会责任</a></li>
        </ul>
        </div>
</header>

</head>

<body>
</body>
</html>



图片说明
我模仿碧桂园官网的导航栏自己做了一个
但是在布局那里出现了一个问题,CSS样式中header nav这个样式(我注释是整个导航栏的位置)
我用了width:100%的话,浏览器窗口缩小时导航栏时不会变的,但是在全屏时他右边会有一段空白,像图①那样
但是我如果不用width:100%的话,浏览器窗口缩小后导航栏就会被挤在浏览器边缘右边那里了,像图②那样。

请问应该要怎么设置才能让浏览器全屏的时候右边不会有空白,缩小后导航栏不会被挤在一堆。

还有我想做一个鼠标经过一级导航栏时会显示二级导航栏的功能,大佬们可以上百度搜以下碧桂园的官网看那个效果,我做了出来了,但是那个黑色透明背景我不会做,能指点以下吗?

4个回答

float:left 然后ul li 就可以了

引入插件 不要自己写了

可以在父宽中写上样式如最大宽度并且居中如{max-width:1000px;margin:0 auto;}

在header下一层再套一层div将其高度和header一样,宽度设置为比你的img+与img同级的div的宽度和大就行

图片说明
看看这个例子,先试试这看缩小窗口自会变吗,去掉一层div再试试,这是行内元素的原因

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
这是一个关于HTML的布局问题
``` <!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>inline-block</title> <style type="text/css"> body { margin:0px; } #head { height:100px; box-shadow:0px 10px 1px gray; } #headleft { width:50%; font-family:'Cambria Math'; } #headright { width:50%; float:left; list-style:none; font-family:'Cambria Math'; text-decoration:none; } </style> </head> <body> <div id="head"></div> <div> <div id="headleft">欢迎</div> <div id="headright"> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </div> </body> </html> ``` 我想实现的是 欢迎在左边 横向排列的导航栏在右边,怎么没能实现呢?
如何解决下拉菜单被遮罩(flex布局,bootstrap导航栏组件)大神救救我
## 下拉菜单被遮罩(flex布局,bootstrap导航栏组件)如何解决 ### 尝试过设置z-index 没解决 ![图片说明](https://img-ask.csdn.net/upload/201904/20/1555771736_501325.png) ### test.html ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--保证缩放--> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> <!-- 引入bootstrap--> <link rel="stylesheet" type="text/css" href="bootstrap/3.3.7/css/bootstrap.min.css" /> <script type="text/javascript" src="bootstrap/3.3.7/js/jquery-3.3.1.min.js"></script> <script src="bootstrap/3.3.7/js/bootstrap.min.js"></script> <!-- 引入自定义样式 --> <link rel="stylesheet" href="css/test.css"> <!-- 添加网站图标 --> <link rel="icon" href="img/water.ico" type="image/x-icon" /> <link rel="shortcut icon" href="img/water.ico" type="image/x-icon" /> <title>ouc-污水分析-about</title> </head> <body class="bg-img"> <!-- Static navbar --> <nav class="zmost navbar navbar-inverse navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">ouc-污水分析</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li> <a href="index.html">Home</a> </li> <li class="active"> <a href="about.html">About</a> </li> <li> <a href="contact.html">Contact</a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">User<span class="caret"></span></a> <ul class="dropdown-menu"> <li> <a href="#">Action</a> </li> <li> <a href="#">Something else here</a> </li> <li role="separator" class="divider"></li> <li class="dropdown-header">Nav header</li> <li> <a href="#">Separated link</a> </li> <li> <a href="#">One more separated link</a> </li> </ul> </li> </ul> </div> </div> </nav> <!-- About info --> <div class="container about zless"> <h1 class="about-title flex-center-block">网站声明</h1> <p class="about-content flex-center-block"> 污水处理按照其作用可分为物理法、生物法和化学法三种。 ①物理法:主要利用物理作用分离污水中的非溶解性物质,在处理过程中不改变化学性质。常用的有重力分离、离心分离、反渗透、气浮等。物理法处理构筑物较简单、经济,用于村镇水体容量大、自净能力强、污水处理程度要求不高的情况。 ②生物法:利用微生物的新陈代谢功能,将污水中呈溶解或胶体状态的有机物分解氧化为稳定的无机物质,使污水得到净化。常用的有活性污泥法和生物膜法。生物法处理程度比物理法要高。 ③化学法:是利用化学反应作用来处理或回收污水的溶解物质或胶体物质的方法,多用于工业废水。常用的有混凝法、中和法、氧化还原法、离子交换法等。化学处理法处理效果好、费用高,多用作生化处理后的出水,作进一步的处理,提高出水水质。 </p> </div> <!-- footer --> <div class="footer">@Copyright-中国海洋大学</div> </body> </html> ``` ### test.css ``` bg-img { background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; } body { display: flex; flex-direction: column; justify-content: space-between; height: calc(100vh); min-width: 380px; min-height: 680px; } .footer { height: 50px; width: 100%; background-color: #222; text-align: center; color: rgb(157, 157, 157); font-family: Arial; font-size: large; letter-spacing: 1px; line-height: 50px; } flex-header { /*background-color: lightblue;*/ } .flex-container{ /*background-color: lightgreen;*/ } .flex-footer { /*background-color: lightblue;*/ } .flex-center { display: flex; flex-direction: column; align-items: center; justify-content: center; } .flex-center-block { padding-right: 15px; padding-top: 15px; display: flex; align-items: center; justify-content: center; } .about{ padding-bottom: 15%; } .about-title { letter-spacing: 0.5em; font-family: "宋体"; font-weight: bold; } .about-content { font-size: large; padding: 0% 10%; line-height: 3em; letter-spacing: 0.1em; text-indent: 5% } ```
DW做的HTML网页,用IE和火狐打开是两种不同的效果
![图片说明](https://img-ask.csdn.net/upload/201906/27/1561610046_586741.png) DW里插入了一个MP4,点击播放弹出这个。 随后我在火狐的浏览器浏览,发现不能放MP4,就一个控件在那,但是布局背景导航栏都有 IE可以放MP4但是布局全乱了
想问关于html,css基础问题,关于块之间的间隙。
想问的是为什么红色框框和灰色框框之间有条缝隙,我用浏览器查看发现没有项目占着那个位置,但是就是有个空隙在中间。 html的代码 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="index.css"> <title>My First Website</title> </head> <body> <header> <nav class="clearfix"> <!--导航开始--> <div class="logo c1">FIRST</div> <div class="items c2"> <ul> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> <li><a href="#">item4</a></li> </ul> </div> </nav> <div class="inner"> <h1>My First Website</h1> <div class="h1-sub"> 16.11.09 </div> </div> </header><!--导航结束--> <div class="content"><!--内容开始--> <div class="contanter"> <div class="story-item"> <h2>第一个只用了html和css的网站</h2> <div class="summary">用了只是学了两三天的技能来实现一个网页的布局,看似简单却一点都不容易,margin的问题真的很多,div也是一个大问题,主要是要理解选择器之间的关系。 </div> <div class="info">16.11.10|作者:Chan|阅读:1</div> </div> </div> </div><!--内容结束--> <footer><!--页尾开始--> </footer><!--页尾开始--> </body> </html> ``` css的代码 ``` *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } h1{ margin: 20px; } ul{ margin: 0; padding: 0; } .c1,.c2{ position: relative; float: left; } .c1{ width: 16.666666%; } .c2{ width: 83.333333%; } .clearfix:before { content: " "; display:table; } .clearfix:after { content: " "; display:table; } .logo{ font-size: 20px; padding: 18px; font-weight: 900; color: #ddd; } header{ min-height: 350px; background-color: #aaa; } nav{ background-color: #333; } nav .items ul{ float: right; padding-right: 20px; } nav ul li{ list-style: none; display: inline-block; } nav ul li a{ display: inherit; text-decoration: none; padding: 20px 10px; color: #fff; } /*nav end*/ .inner { width: 400px; margin: 150px auto 20px; position: relative; text-align: center; } .h1-sub{ font-weight: 900; text-align:right; padding: 20px; } .contanter{ width: 1000px; margin: 0 auto; background-color: red; } .story-item h2{ font-size: 30px; margin: 10px 0; font-family: Microsoft Yahei; color: #444; } .story-item .summary{ font-size: 18px; font-family: Microsoft Yahei; width: 500px; font-weight: 100; color: #777; } ```
masonry+infinitescroll瀑布流布局怎么传参?
masonry+infinitescroll瀑布流布局怎么传参? 链接的选择器是: ``` <div id="navigation"><a href="page?page=1"></a></div> ``` 这里有个问题,如果<a>标签的href属性传参,例如href="page?page=1&XX=1&..."这样的,控件就会失效,就连改为href="page?page=0"都会失效,请问有解决的办法么? 附JS ``` <script type="text/javascript"> $(document).ready(function () { $('.wrapper:eq(1)').masonry({ itemSelector: '.wfc', gutterWidth: 15, columnWidth: 222, isFitWidth: true }); $('#waterfall').infinitescroll({ navSelector: "#navigation", //导航的选择器,会被隐藏 nextSelector: "#navigation a", //包含下一页链接的选择器 itemSelector: ".wfc", //你将要取回的选项(内容块) debug: true, //启用调试信息 animate: true, //当有新数据加载进来的时候,页面是否有动画效果,默认没有 extraScrollPx: 150, //滚动条距离底部多少像素的时候开始加载,默认150 bufferPx: 40, //载入信息的显示时间,时间越大,载入信息显示时间越短 errorCallback: function () { alert('error'); }, //当出错的时候,比如404页面的时候执行的函数 localMode: true, //是否允许载入具有相同函数的页面,默认为false dataType: 'html', //可以是json // template: function(data) { // //data表示服务端返回的json格式数据,这里需要把data转换成瀑布流块的html格式,然后返回给回到函数 // return ''; // }, loading: { msgText: "加载中...", finishedMsg: '没有新数据了...', selector: '.loading' // 显示loading信息的div } }, function (newElems) { //程序执行完的回调函数 var $newElems = $(newElems); $('.wrapper:eq(1)').masonry('appended', $newElems); }); }); </script> <div id="navigation"><a href="page?page=1"></a></div> ```
Boostrap4做好网页布局之后,下载压缩包在DW打开运行在网页上,导航条始终折叠。
![Boostrap4做好的预览图](https://img-ask.csdn.net/upload/201903/06/1551876239_751678.png)![下载下来在网页打开的图](https://img-ask.csdn.net/upload/201903/06/1551876254_897833.png) 第一张是在 https://layoutit.com/build 做好网页布局预览图,下载压缩包解压之后用dreamweaver打开,运行查看,无论网页大小,导航条始终是折叠起来的,如图2所示。 怎么修改才能正常显示?
求大哥们帮做一个简单的购物网页。
小弟本人是IT新手加菜鸟,刚上大一,这学期初学习了HTML静态网页制作,现在有道结课作业,要求如下: 至少应该有主页、注册登陆页面及其他商品介绍的页面。主页要求有导航栏区、登陆注册区、以及其他主题功能图片预览区;主页命名为index.html; 3、 完成注册、登陆功能,网站主页使用合理的框架结构; 4、 用户的注册功能利用表单来完成,注册用户登陆后可以上传本地其他图片到某某文件夹中; 5、 网站中的其他页面和功能可以根据自己能力水平进行其他方面设计,功能越多者结课成绩会越高;至少包括如下内容:table布局、表单、列表、超链接和框架结构。 已经帮别人做了2份了,这一份实在是做不出来,求大神们帮帮我,今天是最后日期,早上刚注册的好
怎么把extjs 的TabPanel加入到自定义的div中
我自己在主页面jsp上布局了格式,想把他的TabPanel加到自己定义的div中。给出详细代码!谢谢 ``` Ext.onReady(function(){ var centerRegion = new Ext.TabPanel({ region : 'center', margins : '3 3 3 0',//距离top、right、bottom、left边界的距离,单位为像素 activeTab : 0, defaults : { autoScroll : true }, items : [{ title : '主页', html : '内容' }] }); centerRegion.render('con'); var westRegion = new Ext.Panel({ title : '导航', region : 'west', split : true, width : 200, //True表示为面板是可收缩的,并自动渲染一个展开/收缩的轮换按钮在头部工具条 collapsible : true, margins : '3 0 3 3', cmargins : '3 3 3 3', layout : 'accordion', layoutConfig : { titleCollapse : true,//单击标题就可以折叠面板 animate : true,//展开的效果 activeOnTop : true//是否可以改变顺序 }, items : [] }); new Ext.Viewport({ layout : 'border', items : [{ region : 'north', height : 100, title : '顶部面板' }, { region : 'south', height : 30, title : '底部面板' }, westRegion, centerRegion] }); }); ``` 以上是extjs的布局页面我只想要他的TabPanel控件,其余都不要
使用MvcPager的时候,点击查询会使js失效
初学mvc,在使用mvcpager分页的时候遇到一个棘手的问题,请教各位大神 一个后台管理页面view,左边是导航相关,右边设置有一个iframe用于显示不同导航链接 对应的view 1.主页面index ``` <div class="container-fluid"> <div class="row"> <!--RIP左侧固定导航栏--> <div class="col-md-2"> <!--管理列表(使用Prodect页布局)--> <div class="list-group RIP-Leftnav" id="RIP-LEFTNAV"> <a href="#" class="list-group-item active" id="/RIPManage/RIPDynamic"> <h4 class="list-group-item-heading">首页</h4> <p class="list-group-item-text">提供动态信息维护</p> </a> <a href="#" class="list-group-item" id="/RIPManage/RIPProduct"> <h4 class="list-group-item-heading">产品与服务</h4> <p class="list-group-item-text">静态信息维护请联系开发人员</p> </a> <a href="#" class="list-group-item" id="/RIPManage/RIPApplication"> <h4 class="list-group-item-heading">应用案例</h4> <p class="list-group-item-text">提供动态信息维护</p> </a> <a href="#" class="list-group-item " id="/RIPManage/RIPQuality"> <h4 class="list-group-item-heading">质量保证体系</h4> <p class="list-group-item-text">静态信息维护请联系开发人员</p> </a> <a href="#" class="list-group-item " id="/RIPManage/RIPResult"> <h4 class="list-group-item-heading">研发能力</h4> <p class="list-group-item-text">提供动态信息维护</p> </a> <a href="#" class="list-group-item " id="/RIPManage/RIPEnterprise"> <h4 class="list-group-item-heading">企业信息</h4> <p class="list-group-item-text">静态信息维护请联系开发人员</p> </a> </div> </div> <!--RIP右侧自动管理页--> <div class="col-md-10"> <!--信息管理--> <section> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" id="RIP-iframe" scrolling="no" name="RIP-iframe" onload="this.height = RIP-iframe.document.body.scrollHeight" width="100%" frameborder="0"></iframe> </div> </section> </div> </div> </div> ``` 2.嵌入的子页面 ``` <div class="RIP-inside"> <div class="container"> <div class="page-header"> <h1>首页管理</h1> <p>提供对企业动态信息的维护管理,包括基本的文字、图片和附件管理</p> </div> <div class="RIP-Item-padding"> @*<input class="form-control input-sm" type="text" placeholder="查询内容">*@ <fieldset> <legend>查询</legend> <div class="RIP-CUDpadding"> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> @Html.ActionLink("新增", "RIPDynamicInsert", new { }, new { @class = "btn btn-primary" }) <!-- Indicates a successful or positive action --> <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal" data-tempdata="" id="RIP-Delete"> 删除 </button> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> <h4 class="modal-title" id="myModalLabel">删除确认</h4> </div> <div class="modal-body" id="Modal-DeleteContent"> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> @*<button type="button" class="btn btn-primary" id="RIP-Delete-confirm">确认删除</button>*@ <a href="javascript:void(0)" id="RIP-Delete-confirm" class="btn btn-primary">确认删除</a> </div> </div> </div> </div> <!-- Contextual button for informational alert messages --> <button type="button" class="btn btn-info">修改</button> <p>@TempData["Condition"]</p> </div> @using (Ajax.BeginForm("RIPDynamic", new RouteValueDictionary { { "id", "" } }, new AjaxOptions { UpdateTargetId = "articles", InsertionMode = InsertionMode.Replace }, new RouteValueDictionary { { "id", "searchForm" } })) { <div class="row"> <div class="col-md-4"><span>文章标题:</span><input type="text" name="title" id="title" class="form-control" /></div> <div class="col-md-4"><span>上传人员:</span><input type="text" name="author" id="author" class="form-control" /></div> <div class="col-md-4"><span>附件名称:</span><input type="text" name="source" id="source" class="form-control" /></div> </div> <div class="RIP-CUDpadding"><button type="submit" class="btn btn-success">查询</button></div> } </fieldset> </div> <div id="articles"> @Html.Partial("_AjaxSearchPost", Model) </div> @section Scripts { @{Html.RegisterMvcPagerScriptResource();} } <script> $(function () { //1.Table点击效果,可以多选,第二次点击取消效果 $('#RIP-Table tr').click(function () { var id = $(this).attr('id'); var value = $('#box-' + id + '').prop('checked'); if (value === true) { $('#box-' + id + '').prop('checked', false); $(this).removeClass('RIP-Click'); } else { $('#box-' + id + '').prop('checked', true); $(this).addClass('RIP-Click'); } }); //2.获取1中选择好的记录关键信息 $('#RIP-Delete').click(function () { var idlist = ''; $('#RIP-Delete').removeData('data-tempdata'); $('#RIP-Table input').each(function () { if ($(this).prop('checked') === true) { var value = $(this).attr('id'); if (value != 'undefine') idlist += value; } }); //根据所选内容是否为空初始化模态框对应内容 if (idlist == '') { $('#Modal-DeleteContent').text('需要选择数据'); $('#RIP-Delete-confirm').attr('disabled', 'true'); } else { $('#RIP-Delete').data('data-tempdata', idlist); var content = $('#RIP-Delete').data('data-tempdata'); $('#Modal-DeleteContent').text(content); $('#RIP-Delete-confirm').removeAttr('disabled'); $('#RIP-Delete-confirm').attr('href', '/RIPManage/RIPDynamicDelete/did=' + content + ''); } }); //3.ajax触发删除 }); </script> </div> </div> </body> ``` 对应的分部页 ``` @using Webdiyer.WebControls.Mvc; @model PagedList<Model.ViewModels.RIPDefaultViewModel> <div style="float:left;width:50%;vertical-align:middle; padding-bottom:10px"><h4>当前页: @Model.CurrentPageIndex / @Model.TotalPageCount 页, 总共:@Model.TotalItemCount 条记录</h4></div> <div>@Html.Partial("_DefaultTable", Model)</div> <div class="text-center">@Html.Pager(Model, new PagerOptions { PageIndexParameterName = "id", ContainerTagName = "ul", CssClass = "pagination", CurrentPagerItemTemplate = "<li class=\"active\"><a href=\"#\">{0}</a></li>", DisabledPagerItemTemplate = "<li class=\"disabled\"><a>{0}</a></li>", PagerItemTemplate = "<li>{0}</li>", Id = "bootstrappager" })</div> ``` 对应的table页 ``` @model Webdiyer.WebControls.Mvc.PagedList<Model.ViewModels.RIPDefaultViewModel> <table class="table table-bordered table-hover table-striped table-responsive" id="RIP-Table"> <tr> <th> <input role="checkbox" type="checkbox" id="checkbox-fullselect" /> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().AutoID)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().Title)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().Content)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().UploadPerson)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().UploadTime)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().FileName)</p> </th> <th class="nowrap"> <p> @Html.DisplayNameFor(model => model.SingleOrDefault().FileSize)</p> </th> </tr> @foreach (var item in Model) { <tr id="@Html.DisplayFor(modelitem=>item.AutoID)"> <td> <input role="checkbox" type="checkbox" id="box-@Html.DisplayFor(modelitem=>item.AutoID)" /> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.AutoID)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.Title)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.Content)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.UploadPerson)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.UploadTime)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.FileName)</p> </td> <td class="nowrap"> <p> @Html.DisplayFor(modelitem => item.FileSize)</p> </td> </tr> } </table> ``` 后台 ``` public ActionResult Index(int id=1) { return View(); } //1.动态页管理 public ActionResult RIPDynamic(int id=1) { List<Model.UDynamic> dylist = BLL.LUDynamic.GetRecordList(); List<Model.UDynamicFile> dyfilelist = BLL.LUDynamicFile.GetRecordList(); //linq方法 var listmodel = (from dy in dylist join dyf in dyfilelist on dy.DynamicFileID equals dyf.AutoID into result from item in result.DefaultIfEmpty() select new RIPDefaultViewModel { AutoID = dy.AutoID, Title = dy.Title, Content = dy.Content, UploadPerson = dy.UploadPersonName, UploadTime = dy.UploadTime, FileName = item.FilesName, FileSize = item.FilesSize }).OrderByDescending(s=>s.AutoID).ToPagedList(id,5); if (Request.IsAjaxRequest()) return PartialView("_AjaxSearchPost", listmodel); return View(listmodel); } [HttpPost] public ActionResult RIPDynamic(string title,string author,string source,int id=1) { return RIPDynamicResult(title,author,source,id); } private ActionResult RIPDynamicResult(string title, string author, string source, int id = 1) { List<Model.UDynamic> dylist = BLL.LUDynamic.GetRecordList(); List<Model.UDynamicFile> dyfilelist = BLL.LUDynamicFile.GetRecordList(); //linq方法 var listmodel = (from dy in dylist join dyf in dyfilelist on dy.DynamicFileID equals dyf.AutoID into result from item in result.DefaultIfEmpty() select new RIPDefaultViewModel { AutoID = dy.AutoID, Title = dy.Title, Content = dy.Content, UploadPerson = dy.UploadPersonName, UploadTime = dy.UploadTime, FileName = item.FilesName, FileSize = item.FilesSize }).AsQueryable(); if (!string.IsNullOrWhiteSpace(title)) listmodel = listmodel.Where(s => s.Title.Contains(title)); if (!string.IsNullOrWhiteSpace(author)) listmodel = listmodel.Where(s => s.UploadPerson.Contains(author)); if (!string.IsNullOrWhiteSpace(source)) listmodel = listmodel.Where(s => s.FileName.Contains(source)); var querymodel = listmodel.OrderByDescending(s => s.AutoID).ToPagedList(id, 5); if(Request.IsAjaxRequest()) return PartialView("_AjaxSearchPost", querymodel); return View(querymodel); } ``` 因为初学,有很多写的不对的地方,但为什么点击查询后,iframe嵌套的页面的自己写的js都失效了呢 因为暂时没有c币了,还请见谅,能有效解决的话会补回来
jsp连接数据后样式失效,请大神帮忙!!!
各位大神,本人小白,初学jsp。在做完连接数据库并将数据显示到页面上后,页面的所有样式都无效了,以下是我的代码。 ``` <%@page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@page import="java.util.ArrayList"%> <%@page import="org.cz.bean.Select"%> <% /*如果还未登录系统*/ if (session.getAttribute("user")==null || session.getAttribute("user")=="") out.println("<script>alert('未登录系统!');top.location.href='../login.jsp';</script>"); %> <%-- <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> --%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%-- <base href="<%=basePath%>"> --%> <title>数据查询</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- css文件 --> <link rel="stylesheet" type="text/css" href="../css/s_css/stys_index.css"><!-- 控制布局 --> <link type="text/css" rel="stylesheet" href="../css/s_css/style_index.css"/><!-- 控制样式 --> <!--js文件 --> <script src="../js/s_js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="../js/s_js/s_index.js" type="text/javascript"></script> </head> <body> <% if(request.getAttribute("result")!= null) {%> <script> alert('<%=request.getAttribute("result")%>'); </script> <% } %> <div class="wrap"> <div class="layout"> <div class="content"> <!-- 导航 --> <div class="Mynav"> <div class="menuleft"><a href="#">重管理系统后台</a></div> <div class="menu"> <ul class="nav"> <li></li> <li><a href="#">数据查询</a></li> <li><a href="#">导 出</a></li> <li><a href="#">查 看</a></li> <li><a href="#">退出</a></li> <!-- <li><a href="#">联系我们</a></li> --> </ul> </div> </div> <!-- 数据查询》结果 --> <div class="title"> <p class="title-w">数据查询</p> </div> <!-- 查询结果开始 --> <div class="main" overflow="auto"> <table class="tablenav" id="results"> <caption> <h4><strong>查询结果</strong></h4> <ul class="pagination" style="float:left;"> <% //String Xm = (String)request.getAttribute("Xm"); int recordCount = (Integer)request.getAttribute("recordCount"); //int pageSize = (Integer)request.getAttribute("pageSize"); int currentPage = (Integer)request.getAttribute("currentPage"); int totalPage = (Integer)request.getAttribute("totalPage"); String pageFootStr = ""; int next, prev; prev=currentPage-1;//上一页 next=currentPage+1;//下一页 String actionPath = "Select?action=queryall"; //&Xm=" + Xm pageFootStr+="<form aciont='" + actionPath + "' method=post>"; //pageFootStr += "查询到<span>"+recordCount+"</span>条记录"+" 共<span>"+totalPage+"</span>页"; //pageFootStr +=" 第<span>"+currentPage+"</span>页 "; pageFootStr += "<li><a >共<strong>"+recordCount+"</strong>条记录,<strong>"+totalPage+"</strong>页</a></li>"; if(currentPage>1) pageFootStr += "<li title=首页><a href="+ actionPath + "&currentPage=1"+">&laquo;</a></li>"; else pageFootStr += " &laquo; "; if(currentPage>1) pageFootStr += "<li title=上一页><a href=" + actionPath + "&currentPage=" + prev + ">&lsaquo;</a></li>"; else pageFootStr += "&lsaquo; "; pageFootStr += " <li title=当前页 class=active><a>"+currentPage+"</a></li>"; if(currentPage<totalPage) pageFootStr += " <li title=下一页><a href=" + actionPath + "&currentPage=" + next + ">&rsaquo;</a></li>"; else pageFootStr += "&rsaquo; "; if(totalPage>1&&currentPage!=totalPage) pageFootStr += " <li title=最末页><a href=" + actionPath + "&currentPage=" + totalPage + ">&raquo;</a></li>"; else pageFootStr += "&raquo;"; pageFootStr+="<li>第<input name=currentPage type=text size=2>页 <input type=submit value=GO></form></li>" ; %> </ul> <div style="float:right;padding:5px"> <!-- <a href="#" class="btn" onclick="showAdd()">添加员工</a> --> </div> </caption> <!-- <form method="post" action="Select?action=query2"> --> <thead> <tr> <th>单号</th> <th>净重编号</th> <th>车号</th> <th>业务类型</th> <th>货名</th> <th>发货单位</th> <th>收货单位</th> <th>司机</th> <th>仓库</th> <th>备注</th> </tr> </thead> <tbody> <div> <% //从request域中取得要显示的某页信息 ArrayList selectList = (ArrayList)request.getAttribute("selectList"); /*遍历每个的信息进行显示*/ for(int i=0;i< selectList.size();i++){ Select select = (Select)selectList.get(i); %> <tr> <td><%=select.getCode()%></td> <td><%=select.getCodeNet()%></td> <td><%=select.getCarCode()%></td> <td><%=select.getTheType()%></td> <td><%=select.getSp1()%></td> <td><%=select.getSp2()%></td> <td><%=select.getSp3()%></td> <td><%=select.getSp4()%></td> <td><%=select.getSp5()%></td> <td><%=select.getSp6()%></td> </tr> <% } %> <tr><td colspan=10> <%=pageFootStr %> &nbsp; </td> </tr> </div> </tbody> <!-- </form> --> </table> <!-- 查询结果结束 --> </div> </div> <!--/content--> </div> <!-- /layout --> <jsp:include page="../foot.jsp"></jsp:include> </div> <!-- /wrap --> </body> </html> ``` ![图片说明](https://img-ask.csdn.net/upload/201603/24/1458751776_349091.jpg) ![图片说明](https://img-ask.csdn.net/upload/201603/24/1458751820_784105.jpg)
Kafka实战(三) - Kafka的自我修养与定位
Apache Kafka是消息引擎系统,也是一个分布式流处理平台(Distributed Streaming Platform) Kafka是LinkedIn公司内部孵化的项目。LinkedIn最开始有强烈的数据强实时处理方面的需求,其内部的诸多子系统要执行多种类型的数据处理与分析,主要包括业务系统和应用程序性能监控,以及用户行为数据处理等。 遇到的主要问题: 数据正确性不足 数据的收集主要...
volatile 与 synchronize 详解
Java支持多个线程同时访问一个对象或者对象的成员变量,由于每个线程可以拥有这个变量的拷贝(虽然对象以及成员变量分配的内存是在共享内存中的,但是每个执行的线程还是可以拥有一份拷贝,这样做的目的是加速程序的执行,这是现代多核处理器的一个显著特性),所以程序在执行过程中,一个线程看到的变量并不一定是最新的。 volatile 关键字volatile可以用来修饰字段(成员变量),就是告知程序任何对该变量...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
有哪些让程序员受益终生的建议
从业五年多,辗转两个大厂,出过书,创过业,从技术小白成长为基层管理,联合几个业内大牛回答下这个问题,希望能帮到大家,记得帮我点赞哦。 敲黑板!!!读了这篇文章,你将知道如何才能进大厂,如何实现财务自由,如何在工作中游刃有余,这篇文章很长,但绝对是精品,记得帮我点赞哦!!!! 一腔肺腑之言,能看进去多少,就看你自己了!!! 目录: 在校生篇: 为什么要尽量进大厂? 如何选择语言及方...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
GitHub开源史上最大规模中文知识图谱
近日,一直致力于知识图谱研究的 OwnThink 平台在 Github 上开源了史上最大规模 1.4 亿中文知识图谱,其中数据是以(实体、属性、值),(实体、关系、实体)混合的形式组织,数据格式采用 csv 格式。 到目前为止,OwnThink 项目开放了对话机器人、知识图谱、语义理解、自然语言处理工具。知识图谱融合了两千五百多万的实体,拥有亿级别的实体属性关系,机器人采用了基于知识图谱的语义感...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
微信支付崩溃了,但是更让马化腾和张小龙崩溃的竟然是……
loonggg读完需要3分钟速读仅需1分钟事件还得还原到昨天晚上,10 月 29 日晚上 20:09-21:14 之间,微信支付发生故障,全国微信支付交易无法正常进行。然...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 cpp 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7 p...
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小型人工智障。 知识可以运用在不同地方,不一定非是天气预报。
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
英特尔不为人知的 B 面
从 PC 时代至今,众人只知在 CPU、GPU、XPU、制程、工艺等战场中,英特尔在与同行硬件芯片制造商们的竞争中杀出重围,且在不断的成长进化中,成为全球知名的半导体公司。殊不知,在「刚硬」的背后,英特尔「柔性」的软件早已经做到了全方位的支持与支撑,并持续发挥独特的生态价值,推动产业合作共赢。 而对于这一不知人知的 B 面,很多人将其称之为英特尔隐形的翅膀,虽低调,但是影响力却不容小觑。 那么,在...
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
YouTube排名第一的励志英文演讲《Dream(梦想)》
Idon’t know what that dream is that you have, I don't care how disappointing it might have been as you've been working toward that dream,but that dream that you’re holding in your mind, that it’s po...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
Java世界最常用的工具类库
Apache Commons Apache Commons有很多子项目 Google Guava 参考博客
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下...
8年经验面试官详解 Java 面试秘诀
作者 |胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实...
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车?某胡同口的煎饼摊一年能卖出多少个煎饼?深圳有多少个产品经理?一辆公交车里能装下多少个乒乓球?一个正常成年人有多少根头发?这类估算问题,被称为费米问题,是以科学家费米命名的。为什么面试会问这种问题呢?这类问题能把两类人清楚地区分出来。一类是具有文科思维的人,擅长赞叹和模糊想象,它主要依靠的是人的第一反应和直觉,比如小孩...
相关热词 c# clr dll c# 如何orm c# 固定大小的字符数组 c#框架设计 c# 删除数据库 c# 中文文字 图片转 c# 成员属性 接口 c#如何将程序封装 16进制负数转换 c# c#练手项目
立即提问