使用bootstrap如何制作导航栏自适应后连接变成按钮菜单?

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

4个回答

bootstrap本来就能自适应的,你是不是没设置自适应

bootstrap本来就能自适应的,你是不是没设置自适应

它自适应了 只是自动压到下一行,没有变成汉堡菜单。

bootstrap本来就能自适应的,你是不是没设置自适应

它自适应了 只是自动压到下一行,没有变成汉堡菜单。

bootstrap本身支持的,可能是你的代码没有写正确,请参考这篇文章:http://www.okbase.net/doc/details/484624

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
bootstrap在iframe下自适应问题

系统开发时,使用IP地址调试。bootstrap开发的程序可以在手机、IPAD、电脑上正常使用。但是用户的域名解析后,使用网址而不是IP地址时,bootstrap无法根据手机、IPAD自动适应了。查看了下网页源代码,用户的域名解析不是直接把网址解析到IP,而是出现了以下代码: <iframe style="width: 100%; height:100%;" frameborder="0" src="http://IP地址"></iframe> 也就是说:域名解析把原来的IP地址放到了iframe中。 请问,现在这样,如何处理,让bootstrap能够根据手机、IPAD、电脑自动适应?

bootstrap table 自适应内容宽度

我的表格只有3列,但是bootstrap table默认撑满了整个页面,请问怎么设置 表格宽度自适应 内容宽度?

关于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 中更改导航栏颜色

<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 加自适应 没有效果

<meta. ...>. 怎么解决自适应问题 <meta. ...>. 怎么解决自适应问题

前端小白请教一下bootstrap高度自适应问题

bootstrap元素的宽度可以通过col-xx-xx自适应,那高度自适应一般是怎么做的呢?

css的background属性在bootstrap中的自适应

section .floor1{ background:url('../images/video_bg.jpg') no-repeat; height:100%; background-size:100% 100%; position:absolute; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/video_bg.jpg',sizingMethod='scale'); } 这种情况下的width可以自适应100%,可是他的高会变的很小 写上width:100%之后会变得很宽超出界限,高也并比图片的高小, 是因为什么原因会造成这种情况呢? 希望各位大神帮帮忙

求解决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的 导航栏页面弹出框后从一行变两行,只有ie中有这种情况,还必须兼容

bootstrap的 页面两个元素使用的是class="nav nav-tabs nav-justified",本来两个元素是在一行的,可是调用了一个封装的方法,就是弹出一个模态框后,页面会有抖动,只有ie中这两个元素会变成两行,网上说是模态框引起页面抖动,可是不能动别人的代码,而且调用别人方法弹出模态框时,使用固定大小不会引起变化,可是弹出框设置的很小页面样式就乱了。一行变两行,不知道有没有前端大神知道这种状况怎么解决,代码如下: <ul class="nav nav-tabs nav-justified" <li class="active" id="tab1"> <a href="#tabs-1" data-toggle="tab"><s:text name="approval.pending"/></a> </li> <li class="" id="tab2"> <a href="#tabs-2" data-toggle="tab"><s:text name="approval.history"/></a> </li> </ul> 收起

登录后如何在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 background如何自适应,如下写的不行

<div class="container-fluid"> <div class="row-fluid" style="width:1380px; height:500px;background: #F5F5F5; margin-left: -33px; "> <div class="span12"> </div> </div> </div>

bootstrap的导航下拉菜单

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

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中能实现按钮点击事件吗

最近在做后台管理系统的界面,使用的是bootstrap,想实现通过点击nav导航栏中的按钮 然后显示相应的container,但是我在写js代码的时候却没法实现,求助大神帮忙指导!!!

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

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

bootstrap怎么改变导航条的宽度?

比如我这个代码 我想让它变宽点 应该怎么改呢 如果直接在css样式表里面设置宽度 改了以后缩小屏幕就不能占据整行了 <!DOCTYPE html> <html> <head> <title></title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <style type="text/css"> //li{width: 100px;text-align: center;} </style> </head> <body> <ul class="nav navbar-nav" style="background: green;"> <li class="active"><a href="">首页</a></li> <li><a href="">博文</a></li> <li><a href="">留言</a></li> </ul> </body> </html>

bootstrap 如何隐藏左边菜单栏

下面代码是一个模板页面,bootstrap如何控制点击按钮,左边菜单栏隐藏,右边内容自动扩大 ``` <!-- topbar ends --> <div class="ch-container"> <div class="row"> <!-- left menu starts --> <div class="col-sm-2 col-lg-2" style="padding-left:0px;padding-right:0px;"> <div class="sidebar-nav"> <div class="nav-canvas"> <div class="nav-sm nav nav-stacked"> </div> <ul class="nav nav-pills nav-stacked main-menu"> <li class="nav-header">#springMessage("main")</li> #menubar($!{menus},$selectedMenu) </ul> </div> </div> </div> <!--/span--> <!-- left menu ends --> <noscript> <div class="alert alert-block col-md-12"> <h4 class="alert-heading">Warning!</h4> <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p> </div> </noscript> <div id="content" class="col-lg-10 col-sm-10" style="margin-top:10px"> $screen_content </div> </div><!--/fluid-row--> ```

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

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

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

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

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

ArrayList源码分析(入门篇)

ArrayList源码分析 前言: 写这篇博客的主要原因是,在我上一次参加千牵科技Java实习生面试时,有被面试官问到ArrayList为什么查找的速度较快,插入和删除的速度较慢?当时我回答得不好,很大的一部分原因是因为我没有阅读过ArrayList源码,虽然最后收到Offer了,但我拒绝了,打算寒假学得再深入些再广泛些,下学期开学后再去投递其他更好的公司。为了更加深入理解ArrayList,也为

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

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

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

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

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

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

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

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

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

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

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

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

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

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

玩转springboot启动banner定义所得

最近接手了一个springboot项目,不是不熟悉这个框架,启动时打印的信息吸引了我。 这不是我熟悉的常用springboot的打印信息啊,我打开自己的项目: 还真是的,不用默认的感觉也挺高大上的。一时兴起,就去研究了一下源代码,还正是有些收获,稍后我会总结一下。正常情况下做为一个老程序员,是不会对这种小儿科感兴趣的,不就是一个控制台打印嘛。哈哈! 于是出于最初的好奇,研究了项目的源代码。看到

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

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

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

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

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

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

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

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

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

面试:第十六章:Java中级开发(16k)

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

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

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

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

你打算用Java 8一辈子都不打算升级到Java 14,真香

我们程序员应该抱着尝鲜、猎奇的心态,否则就容易固步自封,技术停滞不前。

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

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

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

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

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

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

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

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

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

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

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

立即提问
相关内容推荐