bootstrap的 导航栏页面弹出框后从一行变两行,只有ie中有这种情况,还必须兼容

bootstrap的 页面两个元素使用的是class="nav nav-tabs nav-justified",本来两个元素是在一行的,可是调用了一个封装的方法,就是弹出一个模态框后,页面会有抖动,只有ie中这两个元素会变成两行,网上说是模态框引起页面抖动,可是不能动别人的代码,而且调用别人方法弹出模态框时,使用固定大小不会引起变化,可是弹出框设置的很小页面样式就乱了。一行变两行,不知道有没有前端大神知道这种状况怎么解决,代码如下:







收起

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
使用bootstrap如何制作导航栏自适应后连接变成按钮菜单?

我用bootstrap框架做了一个导航栏,但自适应后很难看,我想浏览器窗口变小后, 导航栏能自适应,连接那些变成汉堡菜单,我应该怎么做?上网找插件?还是bootstrap 自带这种用法?

弹出框引起页面布局变化ie9

弹出一个对话框出现问题,弹出框是调用了别人封装好的方法,框架是bootstrap,我们只需设定弹出框的参数和宽高,就能弹出一个弹出框,可是就是这个出问题了, 我们的页面布局采用的是左右布局,左边是一个jsp:include引入的页面,右边弹出框是在iframe当中弹出来的, 弹出框宽如果设置的小于781px, 左边的页面会被挤掉,右边页面会占满整个页面,这种情况只在ie9中才有, 真的无语,这种情况怎么改,不能把一个很小的弹出框做成很大啊,太丑了。这个弹出框应该是模态框。不晓得它的框架怎么封装的。他的弹出框其实是弹出一个jsp页面, 只不过可以通过设置宽和高设置这个弹出的jsp页面的大小。

关于Bootstrap中导航栏问题

我使用了bootstrap的响应式导航栏功能,为了使导航栏中每个<li>元素拥有同样的宽度,我设置CSS样式 width:16.6%;在页面未折叠之前,都运行良好。 ![图片说明](https://img-ask.csdn.net/upload/201708/18/1503060999_502542.jpg) 可是折叠之后就成了这样 ![图片说明](https://img-ask.csdn.net/upload/201708/18/1503060468_601164.jpg) 本来“start”(navbar-band)应该单独占一行的,现在和要折叠的内容在同一行了。 我觉得这是由于我设置了<li>元素宽度的问题,但如果我不设置其宽度,每个<li>元素的 宽度就不等,这样在应用a:hover时就显得很难看。请问该怎样解决? html ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Marine Geology Office 201</title> <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link href="styles/index.css" rel="stylesheet" media="screen" /> </head> <body> <header> <div class="container"> <div class="row"> <div class="col-sm-8 col-xs-12"> <div class="row"> <div class="col-sm-3 col-xs-4"> <a href="http://www.zju.edu.cn/"><img id="logo" src="images/school.gif" class="img-responsive" alt="ZJU" /></a> </div> <div class="col-sm-9 col-xs-8"> <h1 id="title" class="text-left"><b><i>Marine Geology Office 201</i></b></h1> </div> </div> </div> <div class="col-sm-4 col-xs-12"> <form role="form" id="search"> <div class="input-group"> <input type="text" class="form-control" placeholder="Search..." /> <span class="input-group-btn"> <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button> </span> </div> </form> </div> </div> </div> <div class="container"> <nav class="navbar" role="navigation"> <div class="nav-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand visible-xs" href="#">Start</a> </div> <div class="collapse navbar-collapse" id="navbar"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Introduction</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Teachers <b class="caret"></b> </a> <ul class="dropdown-menu" role="meun"> <li><a href="#">ChunFeng Li</a></li> <li><a href="#">YingMin Wang</a></li> </ul> </li> <li><a href="#">Students</a></li> <li><a href="#">News</a></li> <li><a href="#">Contact</a></li> </ul> </div> </nav> </div> </header> <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </body> </html> ``` index.css ``` body{ background-color:#fdfcf8; margin-left:10%; margin-right:10%; margin-top:1em; } #logo{ min-width:4em; padding-left:10%; padding-right:10% } #title{ padding-top:5%; margin-left:-0.5em; } #search{ padding-top:0.3em; } nav{ margin-top:0.5em; background-color:#A52A2A; } #navbar>ul{ width:100%; } #navbar>ul>li{ width:16.5%; min-width:13em; } #navbar>ul>li>a{ color:#FFFFFF; font-size:2em; text-align:center; } #navbar>ul>li>a:visited{ color:#FFFFFF; font-size:2em; text-align:center; font-weight:bold; background-color:#DC143C; } #navbar>ul>li>a:hover{ color:#FFFFFF; font-size:2em; text-align:center; font-weight:bold; background-color:#DC143C; } #navbar>ul>li>a:active{ color:#FFFFFF; font-size:2em; text-align:center; font-weight:bold; background-color:#DC143C; } div.nav-header>button{ background-color:#FFFFFF; } div.nav-header>button>span{ background-color:#A52A2A; } #navbar ul.dropdown-menu{ width:100%; } #navbar ul.dropdown-menu a{ font-size:20px; text-align:center; } div.nav-header a{ color:#FFFFFF; font-weight:bold; font-size:25px; } ```

bootstrap modal弹出框问题

modal弹出来之后,在modal上面有文本框,文本域和下拉框, 当在文本框里面敲回车的时候,modal就自动关闭了。请大神帮忙解答, 这是啥问题

bootstrapDialog + bootstrapSelect 下拉框在弹出框内不显示,怎么解决,求大神指点?

不在弹出框中是可以正常显示的,代码: ``` <div class="form-group" > <label for="basic" class="col-lg-2 control-label">"Basic" (liveSearch disabled)</label> <div class="col-lg-10" id="selectdiv"> <select id="basic" class="selectpicker show-tick form-control"> <option>cow</option> <option data-subtext="option subtext">bull</option> <option class="get-class" disabled>ox</option> <optgroup label="test" data-subtext="optgroup subtext"> <option>ASD</option> <option selected>Bla</option> <option>Ble</option> </optgroup> </select> </div> </div> ``` 在bootstrapDialog弹出框中也是这样写的但是怎么都不显示 ,这是什么原因,求大神指点

登录后如何在bootstrap导航栏中显示登录用户名

<div class="post-text" itemprop="text"> <p>I have login button on my navbar, its opening login modal. I want to change login button with username who logged in that modal.</p> <p>I'am a newbee in php and mysqli. One week and i'm here. Pls give me explained directions about my problem, else i'cant understand :)</p> <p>Here is my codes;</p> <p><strong>index.php</strong></p> <pre><code>&lt;?php include 'config/setup.php'; //database connection here session_start(); ?&gt; &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;!-- showing title dynamicly --&gt; &lt;title&gt;&lt;?php echo $page['title'].' | '.$site_title; ?&gt;&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;link rel="shortcut icon" type="image/x-icon" href="img/favicon.png"&gt; &lt;?php include "config/css.php"; ?&gt; &lt;!-- bootstrap css links --&gt; &lt;?php include "config/js.php"; ?&gt; &lt;!-- jquery javascript links --&gt; &lt;/head&gt; &lt;body&gt; &lt;?php include (D_TEMPLATE.'/navigation.php'); ?&gt; &lt;!-- including navbar --&gt; &lt;div class="container"&gt; &lt;!-- body items will be here --&gt; &lt;/div&gt; &lt;?php include (D_TEMPLATE.'/footer.php'); ?&gt; &lt;!-- including footer--&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>navigation.php</strong></p> <pre><code>&lt;?php include 'config/js.php'; ?&gt; &lt;!-- Navbar --&gt; &lt;nav class="navbar navbar-inverse"&gt; &lt;div class="container"&gt; &lt;div class="navbar-header"&gt;&lt;img src="img/brand.png"&gt;&lt;/div&gt; &lt;ul class="nav navbar-nav"&gt; &lt;?php nav_main($dbc, $pageid); ?&gt; &lt;!-- Im showing page links dynamicly in mysql database --&gt; &lt;/ul&gt; &lt;form class="navbar-form navbar-left" role="search"&gt; &lt;div class="form-group"&gt; &lt;input type="text" class="form-control" placeholder="Search"&gt; &lt;a href="#"&gt; &lt;i class="fa fa-search fa-lg" style="color:#FFFFFF;" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt; &lt;/div&gt; &lt;/form&gt; &lt;div class="navbar-form navbar-right"&gt; &lt;?php if(isset($_POST['login'])){ require 'config/dbc.php'; $username = $_POST['username']; $password = $_POST['password']; $result = mysqli_query($dbc, "SELECT * FROM users WHERE username = '$username' AND password = '$password'"); if(mysqli_num_rows($result) == 1){ $_SESSION['username'] = $username; echo $username; }else{ echo "problem"; } } ?&gt; &lt;!-- Modal Login Button, i'm asking to erase this and write $username when user logged in, php codes is here because of this. In this situation, writing username WITH buttons, i want to erase that buttons after user logged in, it has to be write only username after login. I've tried echo this buttons after }else{ code; but any buttons not shown before login.I'm trying trying trying --&gt; &lt;button id="login" name="login" class="btn btn-primary"&gt;&lt;i class="fa fa-sign-in" aria-hidden="true"&gt;&lt;/i&gt; Login&lt;/button&gt; &lt;!-- It will be register modal button, i will work on it later --&gt; &lt;button id="register" name="register" class="btn btn-success"&gt;&lt;i class="fa fa-user-plus" aria-hidden="true"&gt;&lt;/i&gt; Register&lt;/button&gt; &lt;/div&gt; &lt;/nav&gt; &lt;!-- Here is my Login Modal --&gt; &lt;section id="modal" class="modal fade"&gt; &lt;div class="modal-body"&gt; &lt;form method="post" action="index.php"&gt; &lt;div class="form-group"&gt; &lt;h4&gt;&lt;i class="fa fa-sign-in" aria-hidden="true"&gt;&lt;/i&gt; Login to Your Account &lt;a href="#"&gt;&lt;span id="close" class="glyphicon glyphicon-remove-circle pull-right"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/h4&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="username"&gt;Username&lt;/label&gt; &lt;input type="text" name="username" class="form-control" id="username" placeholder="Enter username"&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;label for="password"&gt;Password&lt;/label&gt; &lt;input type="password" name="password" class="form-control" id="password" placeholder="Enter password"&gt; &lt;/div&gt; &lt;div class="checkbox"&gt; &lt;label&gt;&lt;input type="checkbox"&gt;Remember Me&lt;/label&gt; &lt;button class="btn btn-primary pull-right" data-dismiss="modal"&gt;Close&lt;/button&gt; &lt;button type="submit" name="login" class="btn btn-danger pull-right"&gt;&lt;i class="fa fa-sign-in" aria-hidden="true"&gt;&lt;/i&gt; Login&lt;/button&gt;&lt;br&gt;&lt;br&gt; &lt;a href="#"&gt;&lt;label&gt;Forgot password?&lt;/label&gt;&lt;/a&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; &lt;/section&gt; &lt;!-- It will be my Register Modal --&gt; &lt;section id="modal_register" class="modal fade"&gt; &lt;div class="modal-body"&gt; &lt;form action="" method="post" role="form"&gt; Register Here &lt;button id="submit" class="btn btn-danger"&gt;Login&lt;/button&gt; &lt;/form&gt; &lt;/div&gt; &lt;/section&gt; </code></pre> </div>

在 Bootstrap 中更改导航栏颜色

<div class="post-text" itemprop="text"> <p>How would I go about modifying the CSS to change the color of the navbar in Twitter Bootstrap?</p> </div> <p>转载于:https://stackoverflow.com/questions/18529274/change-navbar-color-in-twitter-bootstrap</p>

bootstrap菜单栏问题,怎么菜单栏不刷新,内容刷新?

我用bootstrap做的页面是左边是竖直菜单,右边是内容页面,现在我点击菜单栏上的链接,怎么样才能实现菜单栏不刷新,一直在左边显示,而跳转的页面显示在右边的区域呢???

怎么调整bootstrap中在弹出框的下拉搜索框的设置呀!

![图片说明](https://img-ask.csdn.net/upload/201607/08/1467970061_841803.png) 下拉搜索框在弹出框的表中出现了这样,为什么呀! 怎么实现这样的呀!![ 图片说明](https://img-ask.csdn.net/upload/201607/08/1467970199_477264.png) 代码 <select class=" chosen-select col-md-10" " id="form-field-select-3" placeholder="--下拉选择维修项目--" data-rel="tooltip" title="必填项!" > <option value=""> </option> <option value="AL"></option> <option value="AK">111</option> <option value="AZ">222</option> <option value="AR">2222</option> <option value="CA">222</option> <option value="CO">1111o</option> <option value="CT">8888</option> </select>

bootstrap 模态框 弹出慢的问题 已完结

$(document).ready(function(){ $('#waitDoRank').on('shown.bs.modal', function () { setTimeout(doRank(),500); }) }); 我监听了一个模态框,弹出的时候,运行doRank方法, 但是结果总是在doRank方法运行完了之后, 我的模态框才显示出来,请问是什么原因啊

bootstrap弹出模态框显示动态内容

我想实现的功能是,点击删除按钮,弹出模态框,显示删除行的具体内容,点击保存则提 交该项id至服务器,用bootstrap应该如何实现?

bootstrap的导航下拉菜单

我同通过 jquery load 方法 加载一个导航子html页面,然后我在主页面点击下拉导航,bootstrap下拉导航菜单失效 不知为何

bootstrap modal弹出框 关闭后会再弹出一次 急求解答

``` <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>alert_modal弹出框</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/index.css"> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> </head> <body> <!-- Button trigger modal --> <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> Launch demo modal </button> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <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">Modal title</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div> </body> </html> ```

jsp前端页面bootstrap中nav导航栏点击效果不明显问题

``` //加载菜单代码 //使用ajax异步请求后台加载商品类型 $(document).ready(function(){ $.ajax({ dataType : 'json', type : 'POST', url : '${pageContext.request.contextPath}/listCategory.action', success : function(data) { // alert(JSON.stringify(data)); var content=""; // for(var i=0;i<data.length;i++){ // content+="<li class='active'><a href='${pageContext.request.contextPath}/findProductByCategory.action?id="+data[i].id+"'>"+data[i].categoryName+"</a></li>"; // alert(data[i].id+data[i].categoryName); // } for(var i=0;i<data.length;i++){ content+="<li class='active'><a onclick='findProductByCategory("+data[i].id+");'>"+data[i].categoryName+"</a></li>"; //alert(data[i].id+data[i].categoryName); } $("#categoryContent").html(content); } }); }); //导航条代码 <div class="container-fluid"> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <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="${pageContext.request.contextPath }/index.jsp">首页</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav" id="categoryContent"> </ul> <div class="navbar-form navbar-right" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search" id="findName"> </div> <button class="btn btn-default" onclick="findGood()">Submit</button> </div> </div> </div> </nav> </div> 主要是菜单点击功能可以实现 不过没有点击效果 ```

bootstrap-datepicker弹出框覆盖了输入框,请问怎么解决?

点击输入框加载时间选择器后,将输入框覆盖住了。 ![图片说明](https://img-ask.csdn.net/upload/201902/25/1551092333_848023.jpg) ``` <link href="/css/bootstrap_3.3.7_css_bootstrap.min.css" rel="stylesheet"> <link href="/css/bootstrap-datepicker.min.css" rel="stylesheet"> <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) --> <script src="/js/jquery_1.12.4_jquery.min.js"></script> <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->![图片说明](https://img-ask.csdn.net/upload/201902/25/1551085130_620440.jpg) <script src="/js/bootstrap_3.3.7_js_bootstrap.min.js"></script> <script src="/js/bootstrap-datepicker.min.js"></script> <script src="/js/bootstrap-datepicker.zh-CN.min.js"></script> <body> <div class="page-header"> <h1>数据检查</h1> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <form class="form-horizontal" name="fm" action="/checkRule/execute" > <div class="col-sm-6"> <div class="form-group"> <label for="startToDate" class="col-sm-2 controls-label">起始时间</label> <div class='input-group date' id="startToDateDiv"> <input id="startToDate" name="startToDate" type="text" class="form-control" placeholder="请输入起始时间"> </div> </div> </div> <div class="col-sm-6"> <div class="form-group"> <label for="endToDate" class="col-sm-2 controls-label">终止时间</label> <div class='input-group date' id="endToDateDiv"> <input id="endToDate" name="endToDate" type="text" class="form-control" placeholder="请输入终止时间"> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-primary" name="executeRule">执 行</button> </div> </div> </form> </div> </div> </div> </body> <script> $('#startToDate').datepicker({ format:"yyyy-mm-dd", language:'zh-CN', autoclose:true, toggleActive:true, }).on("click",function(){ $("#startToDate").datepicker("setEndDate",$("#endToDate").val()) }); $('#endToDate').datepicker({ format:"yyyy-mm-dd", language:'zh-CN', autoclose:true, toggleActive:true, orientation:'right' }).on("click",function(){ $("#endToDate").datepicker("setStartDate",$("#startToDate").val()) }); </script> ```

求解决bootstrap 4 导航栏鼠标经悬浮菜单

<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="#">Navbar</a> <div class="collapse navbar-collapse" id="navbarsExampleDefault"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link</a> </li> <li class="nav-item"> <a class="nav-link disabled" href="#">Disabled</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a> <div class="dropdown-menu" aria-labelledby="dropdown01"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div> </li> </ul> <form class="form-inline my-2 my-md-0"> <input class="form-control mr-sm-2" type="text" placeholder="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> </form> </div> </nav> ``` ``` 4.0版本和3.0版本有很大的区别,求帮忙解决4.0版本鼠标移动上去后下拉菜单自动展开,点击展开变成触动展开。谢谢

bootstrap响应式导航条窄屏显示小图标效果

我用的是bootstrap框架的导航条,然后当我的屏幕缩小到768时右侧的内容会隐藏,变成一个小图标,我想在屏幕更宽时(如1600px)就把他显示小图标隐藏文本内容,该怎么做呢

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

springboot+jwt实现token登陆权限认证

一 前言 此篇文章的内容也是学习不久,终于到周末有时间码一篇文章分享知识追寻者的粉丝们,学完本篇文章,读者将对token类的登陆认证流程有个全面的了解,可以动态搭建自己的登陆认证过程;对小项目而已是个轻量级的认证机制,符合开发需求;更多精彩原创内容关注公主号知识追寻者,读者的肯定,就是对作者的创作的最大支持; 二 jwt实现登陆认证流程 用户使用账号和面发出post请求 服务器接受到请求后使用私...

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

程序员写出这样的代码,能不挨骂吗?

当你换槽填坑时,面对一个新的环境。能够快速熟练,上手实现业务需求是关键。但是,哪些因素会影响你快速上手呢?是原有代码写的不够好?还是注释写的不够好?昨夜...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

早上躺尸,晚上干活:硅谷科技公司这么流行迟到?

硅谷科技公司上班时间OPEN早已不是什么新鲜事,早九晚五是常态,但有很多企业由于不打卡,员工们10点、11点才“姗姗来迟”的情况也屡见不鲜。 这种灵活的考勤制度为人羡慕,甚至近年来,国内某些互联网企业也纷纷效仿。不过,硅谷普遍弹性的上班制度是怎么由来的呢?这种“流行性迟到”真的有那么轻松、悠哉吗? 《动态规划专题班》 课程试听内容: 动态规划的解题要领 动态规划三大类 求最值/计数/可行性 常...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

Python爬虫,高清美图我全都要(彼岸桌面壁纸)

爬取彼岸桌面网站较为简单,用到了requests、lxml、Beautiful Soup4

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

Java岗开发3年,公司临时抽查算法,离职后这几题我记一辈子

前几天我们公司做了一件蠢事,非常非常愚蠢的事情。我原以为从学校出来之后,除了找工作有测试外,不会有任何与考试有关的事儿。 但是,天有不测风云,公司技术总监、人事总监两位大佬突然降临到我们事业线,叫上我老大,给我们组织了一场别开生面的“考试”。 那是一个风和日丽的下午,我翘着二郎腿,左手端着一杯卡布奇诺,右手抓着我的罗技鼠标,滚动着轮轴,穿梭在头条热点之间。 “淡黄的长裙~蓬松的头发...

大胆预测下未来5年的Web开发

在2019年的ReactiveConf 上,《Elm in Action》的作者Richard Feldman对未来5年Web开发的发展做了预测,很有意思,分享给大家。如果你有机会从头...

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

都前后端分离了,咱就别做页面跳转了!统统 JSON 交互

文章目录1. 无状态登录1.1 什么是有状态1.2 什么是无状态1.3 如何实现无状态1.4 各自优缺点2. 登录交互2.1 前后端分离的数据交互2.2 登录成功2.3 登录失败3. 未认证处理方案4. 注销登录 这是本系列的第四篇,有小伙伴找不到之前文章,松哥给大家列一个索引出来: 挖一个大坑,Spring Security 开搞! 松哥手把手带你入门 Spring Security,别再问密...

立即提问
相关内容推荐