jQuery 如何制作下拉菜单

如下图,当鼠标移入第n个li,如何使第n个div显示,移出隐藏。用jQuery代码怎么写

图片说明

5个回答

按照描述这应该是选项卡,而不是下拉菜单
http://blog.csdn.net/qq_29594393/article/details/52891881
有完整可运行代码参考

//正好有空,给你写了一个,直接贴到html文件,双击看效果
<html>
    <head>
        <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
        <style>
            ul>li {
                float:left;
                width:200px;
                height:30px;
                text-align:center;
                line-height:30px;
                padding-left:10px;
                border:1px solid #fff;
                background:#add2f9;
            }
            ul>li:hover{
                background:#20ADE5;
            }
            .subnav{
                position:relative;
                top:0px;
                left:-50px;
                display:none;
            }
        </style>
        <script>
            $(function(){
                $("body").click(function(){
                    $("ul li>.subnav").css('display','none');
                });
                $("ul>li").click(function(e){
                    e.stopPropagation()
                    var subnav=$(this).find('.subnav');
                    var subnavDis=subnav.css('display');
                    $("ul li>.subnav").css('display','none');
                    if(subnavDis=='none'){
                        subnav.css('display','block');
                    }
                    else{
                        subnav.css('display','none');
                    }
                });
            })
        </script>
    </head>
    <body>
        <ul>
            <li><span>1</span>
                <ul class="subnav">
                    <li><span>1.1</span></li>
                    <li><span>1.2</span></li>
                    <li><span>1.3</span></li>
                    <li><span>1.4</span></li>
                </ul>
            </li>
            <li><span>2</span>
                <ul class="subnav">
                    <li><span>2.1</span></li>
                    <li><span>2.2</span></li>
                    <li><span>2.3</span></li>
                    <li><span>2.4</span></li>
                </ul>
            </li>
            <li><span>3</span>
                <ul class="subnav">
                    <li><span>3.1</span></li>
                    <li><span>3.2</span></li>
                    <li><span>3.3</span></li>
                    <li><span>3.4</span></li>
                </ul>
            </li>
            <li><span>4</span>
                <ul class="subnav">
                    <li><span>4.1</span>
                    </li>
                    <li><span>4.2</span></li>
                    <li><span>4.3</span></li>
                    <li><span>4.4</span></li>
                </ul>
            </li>
        </ul>
    </body>
</html>

在每个 li 上面加两个事件 onMouseOver onMouseOut

这种效果叫做 table切换

这玩意不是插件挺多的么

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery下拉菜单在浏览器中只显示1像素,求大神帮帮忙
本人小菜鸟一枚,用jquery写了个简单的下拉菜单,代码如下: $(document).ready(function(){ $("#navRight .jiantou").hover(function(){ $(this).find(".xiangq").stop().slideDown("slow"); },function(){ $(this).find(".xiangq").stop().slideUp("fast"); }); }); 一开始在浏览器可以实现下拉效果, 图片描述 但如果我鼠标移近移出反复操作几次或者点击别的文字与空白处就会产生 图片描述 再反复几次最后导致变成1像素 图片描述 线上网址:www.ainiwan.com jquery版本:jquery-1.7.2.js 求大神指导
急!在html页面jQuery从下拉菜单获取选中项的ID怎么做
我做的html页面 select下拉菜单的名字和id是从数据库读过来的 现在在添加操作的时候 我怎么获取这个动态下拉菜单选中项的ID??? 急
jquery如何判断鼠标停留以及鼠标滑过
jquery如何判断鼠标停留以及鼠标滑过?因为有时候鼠标只是经过那个li并不想让下拉菜单出现
Bootstrap下拉菜单组件的 .dropdown('toggle')在jquery自定义函数里面为什么不能正常使用?
![图片说明](https://img-ask.csdn.net/upload/201907/09/1562640932_248838.png) **这是菜鸟教程里面的一段关于下拉菜单的html代码** ![图片说明](https://img-ask.csdn.net/upload/201907/09/1562641198_251573.png) **这是通过jquery开头就调用.dropdown()函数,目的是为了让下拉菜单在网页刚进入的时候就可以显示,这个功能是可以实现的。** ![图片说明](https://img-ask.csdn.net/upload/201907/09/1562641332_3577.png) **我现在想实现的效果是点击 SVN这个链接,但是打开的是JAVA的下拉菜单,所以我自己添加了一个Jquery函数来完成这个功能** ![图片说明](https://img-ask.csdn.net/upload/201907/09/1562641461_9732.png) **但是事实证明点了之后并没有什么反应,目前是一个暑假在家自学的大学生,看了半天愣是没看出来哪里出现了问题,求大神指导!谢谢!**
jQuery的each循环实现左侧下拉菜单的问题
期望效果:点击一个菜单,会显示选中的效果(背景变灰色,文字变红色),点击有子菜单的选项,子菜单会下拉显示,再点一下这个选项,子菜单收回(必须再点击同一个父选项才会收回)。 现有问题:选中效果已经出来,但在子菜单下拉后,点击列表中的任意选项都会使子菜单收回。 被要求的实现方式:通过控制高度(height),设置其为0或不为0来控制子菜单的显示,通过transition:height 1s来控制下拉效果。 附上代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.2.1.js" type="text/javascript"></script> <style type="text/css"> .nav_bg { height: 42px; border-bottom: 1px solid; } .nav_submenu { height: 24px; border-bottom: 1px solid; } .nav_bg_gray { background-color: gray; } .nav_sub { overflow: hidden; height: 0; transition: height 1s; } </style> </head> <body> <div id="menulist"> <div class="nav_bg" id="nav_bg_1" onclick="loacalPage()"> <a><span>单位审核</span></a> </div> <div class="nav_bg" id="nav_bg_2" onclick="loacalPage()"> <a><span>未读事项</span></a> </div> <div class="nav_bg" id="nav_bg_3" onclick="loacalPage()"> <a><span>我的工作</span></a> </div> <!--原本nav_submenu和nav_bg是同级,现添加一个div——nav_sub将他们包裹起来--> <div class="nav_sub" id="nav_bg_4"> <div class="nav_submenu" onclick="loacalPage()"> <a><span>&nbsp;&nbsp;&nbsp;&nbsp;已完成</span></a> </div> <div class="nav_submenu" onclick="loacalPage()"> <a><span>&nbsp;&nbsp;&nbsp;&nbsp;未完成</span></a> </div> </div> <div class="nav_bg" id="nav_bg_5" onclick="loacalPage()"> <a><span>督办事项</span></a> </div> <div class="nav_bg" id="nav_bg_6" onclick="loacalPage()"> <a><span>测试</span></a> </div> <div class="nav_sub" id="nav_bg_7"> <div class="nav_submenu" onclick="loacalPage()"> <a><span>&nbsp;&nbsp;&nbsp;&nbsp;测试1</span></a> </div> <div class="nav_submenu" onclick="loacalPage()"> <a><span>&nbsp;&nbsp;&nbsp;&nbsp;测试2</span></a> </div> </div> </div> </body> <script> $(function() { loacalPage(); }); function loacalPage() { changemenucolor(); dropdown(); } //该方法用于添加一个功能———点击“我的工作”或“测试”两项时,下面的子div隐藏,再次点击时则 //显示 function dropdown() { $("#nav_bg_3").on("click", function() { var subdiv = $("#nav_bg_4").find("div"); var h = 0; subdiv.each(function() { h += $(this).outerHeight();//获得每个子div的高度,包括边框 }); var val = $("#nav_bg_4").height(); if(val != 0) { $("#nav_bg_4").height(0); } else { $("#nav_bg_4").height(h); } }); $("#nav_bg_6").on("click", function() { var subdiv = $("#nav_bg_7").find("div"); var h = 0; subdiv.each(function() { h += $(this).outerHeight();//获得每个子div的高度,包括边框 }); var val = $("#nav_bg_7").height(); if(val != 0) { $("#nav_bg_7").height(0); } else { $("#nav_bg_7").height(h); } }); } //该方法使用了each进行循环,点击menudiv下的每一个div时,将点击的div样式改为灰底红字 //其他地方的样式改为白底默认字体 function changemenucolor() { $("#menulist div").click(function() { var menudiv = $("#menulist").find("div"); var thisclass = $(this).attr("class"); //添加该if条件进行判断,防止因多次重复进入each循环中而导致的nav_submenu无样式 if(thisclass != 'nav_sub') { menudiv.each(function() { $(this).find('a').attr("style", ""); if($(this).attr("class") != 'nav_submenu') { if($(this).attr("class") != 'nav_sub') { $(this).attr("class", "nav_bg"); } else { $(this).attr("style", "background-color:#fff;"); } } else { $(this).attr("style", "background-color:#fff;"); } }); } $(this).find('a').attr("style", "color:#B50B14;font-weight:bold"); if($(this).attr("class") != 'nav_submenu') { if($(this).attr("class") != 'nav_sub') { $(this).addClass("nav_bg_gray"); } else { $(this).attr("style", "background-color:gray;"); } } else { $(this).attr("style", "background-color:gray;"); } }); } </script> </html> ```
jquery弹出框(层)里的下拉层级菜单效果如何做?
请教各位大神,如何做如图所示的jquery easyui弹出框下拉层级菜单? ![图片说明](https://img-ask.csdn.net/upload/201611/20/1479620248_633158.jpg) 我想用springmvc来做,我现在用Controller.java写了如下的代码取得menusubject和submenusubject的json的值,不过,我这里使用的是users的数据代替,分别代替的是userid和username,如下代码所示 ``` @ResponseBody @RequestMapping(value = "/goodnight.do") public String say(HttpServletResponse response,Model model) { PrintWriter out = null; Map<String, Object> map=null; String sql="from User"; List<User> users=userService.findAll(sql); System.out.println(users); map=new HashMap<String, Object>(); map.put("users", users); System.out.println(map); String json=JsonUtil.toJson(map); try { out=response.getWriter(); /*} catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); }*/ out.print(json); } catch (UnsupportedEncodingException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } finally { if(out != null) { out.close(); } } model.addAllAttributes(map); return "hello"; } ``` 可是,取到的是这样的结果: {"users":[{"user_id":0,"user_name":"","user_pwd":"","memo":""}]} 不知道如何能取到所有数据表user的值,然后,怎么才能显示在层级菜单里?希望知道的大神给予帮助,谢谢。 Anna
bootstrap中为什么下拉菜单显示不出来
bootstrap中为什么下拉菜单显示不出来?jquery和bootstrap插件顺序都对着呢,版本也都是按照官网要求的,怎么下拉菜单还是显示不出来![图片说明](http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/1.gif)
bootstrap的导航下拉菜单
我同通过 jquery load 方法 加载一个导航子html页面,然后我在主页面点击下拉导航,bootstrap下拉导航菜单失效 不知为何
jquery如何获取springmvc传来的数据集合?
我要做的是省市区三级联动,不想发送ajax请求 后台会获取所有省市区的数据集合 ``` cityCodeList ``` 字段包括 区域id,区域名,区域级别(省:1 市:2 区:3),父id 后台会把cityCodeListl传到html页 在html页面我也可以通过${cityCodeList}取到值 选择 省 后可以获取到选中 省 的id 之后打算在js画 市 的下拉菜单 首先要遍历cityCodeList集合获取父id为 选中 省 的id(即获取到选中该省的所有城市) 可是我无法在js中用jquery获取到cityCodeList集合 该如何解决?
jquery 联动下拉框,动态添加dropdownlist option项后遇到问题
![图片说明](https://img-ask.csdn.net/upload/201501/20/1421764145_208667.png) 这是一个联动的案例 选择一级菜单 二级菜单随之改变, 现在选择二级菜单也就是成员那个下拉框的选项之后,点击查询(服务端查询)按钮,这个下拉框动态append的option都没有了,变成了空,请问如何选择完二级下拉的选项之后,点击查询按钮在后台能获取到它的选择项呢??? **完整代码如下:** ``` $(document).ready(function() { var $ddl = $("select[name$=txtPRJ_NAME0]"); $ddl.focus(); $ddl.bind("change", function() { if ($(this).val() != "") { loadEmployeeCarsTop($(this).val()); } else { } }); }); ``` **以下是调用的方法:** ``` function loadEmployeeCarsTop(selectedItem) { var schdata = { id: selectedItem }; $.post( "../../../WebHandler/DRProjectOperation.ashx" , { method: 'GetData', param: selectedItem } , function(result) { var rejson = $.parseJSON(result); if (rejson != null) { $("select[name$=ddlMember] > option").remove(); for (var i = 0; i < rejson.length; i++) { $("<option></option>").val(rejson[i].USERID).html(rejson[i].USERNAME) } } }); } ``` **这是一个联动的案例,txtPRJ_NAME0] 是在服务端绑定好的代码如下: ** ``` DataSet dt = Facade.FacadeFactory.Instance.DR_PRJ_MEMBERFacade.QueryDR_PRJ_MEMBERDataSet(dr); txtPRJ_NAME0.DataTextField = "PRJ_NAME"; txtPRJ_NAME0.DataValueField = "PRJ_ID"; txtPRJ_NAME0.DataSource = dt.Tables[0]; txtPRJ_NAME0.DataBind(); ListItem li = new ListItem(); li.Text = "--请选择--"; li.Value = ""; txtPRJ_NAME0.Items.Insert(0, li); ```
求教那种弹窗式下拉菜单怎么制作,急需
像招聘网站那种,一点所在地,弹出了对话框将全国的省份显示(同时自动屏蔽后面的主窗口),待选择了地点后将搜索菜单的相应项换成对应的省份名。像这种较为复杂的复合弹窗下拉菜单怎么做呢,哪位兄弟能赐教提供一些资料,非常感谢,急需
如何解决下拉菜单被遮罩(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% } ```
如何实现4级,或者5级下右侧下拉菜单(最好是无线级)
![图片说明](https://img-ask.csdn.net/upload/201708/28/1503906240_660972.png) 如上图所示的多级下拉右侧菜单 给点提示
ie下鼠标经过弹出下拉菜单,菜单里的select点击后下拉菜单消失的问题
比如以下这种情况: ``` <!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>无标题文档</title> <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(".aa").mouseover(function(){ $(".cc").show(); }).mouseleave(function(){ $(".cc").hide(); }); }); </script> </head> <body> <div class="aa" style="width:800px; background:#CCC; margin:0 auto;"> <p style=" text-align:center; line-height:60px; font-size:16px;">戳我</p> <div class="cc" style="width:720px; height:300px; margin:0 auto; background:#6CF; text-align:center; padding:20px; display:none;"> <select name=""> <option>菜单一一一一一一</option> <option>菜单2222222222</option> <option>333333333333333333</option> <option>44444444444</option> <option>555555555555</option> </select> </div> </div> </body> </html> ```
求大神指导下拉框多选 按钮问题
多选下拉框 带有按钮 点击确定提交数据 一个页面有多个这样的下拉框 提交后前一个下拉菜单选项不清空![图片说明](https://img-ask.csdn.net/upload/201601/05/1451963507_919311.png)
动态mega菜单的实现,希望给些好的解决方案
动态mega菜单的实现, 有没有好的解决方案 或者 建议,需求是:( mega menu)JQUERY下拉菜单插件实现,下拉菜单中可以设置每一项的链接, 找了好久,但没有相对较好的方案, 希望大家给些建议。
怎样用js或者jquery实现效果(模仿京东的下拉菜单展开),有图,有我的原代码
![图片说明](https://img-ask.csdn.net/upload/201608/04/1470302599_841911.png)![图片说明](https://img-ask.csdn.net/upload/201608/04/1470302617_107753.png) 需要实现的效果:两个div(上下),首先下div是隐藏的,鼠标放在上div,下div显示,鼠标放在下div上,下div显示,鼠标移开 上和下 div时,下div都要隐藏。 我的部分代码: `` <div class="img1 col-xs-1 col-xs-offset-1"> <div class="pointer" > <div > <img src="../img/goodShow.jpg"> </div> <div > <h5 >商品信息&gt;</h5> </div> </div> </div> <!-- 隐藏商品信息div--> <div class="goodsInfo" tabindex="1"> 影藏Div </div> <script> $(function(){ $(".goodsInfo").hide(); $(".pointer").hover( /*鼠标放上去动作*/ function(){ $(".goodsInfo").show(); }, /*鼠标移开动作*/ function() { if( $(".goodsInfo").show()){ $(".goodsInfo").hide(); }else{ $(".goodsInfo").show(); } } ); </script> ``` 求代码实现该效果,谢谢了!
bootstrap中的导航中java为何在360浏览器java下拉菜单点了没反应
<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 带有下拉菜单的标签</title> <meta http-equiv="content-Type" content="text/html charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery/jquery-1.11.3.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> </head> <body> <p>带有下拉菜单的标签</p> <ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a></li> <li><a href="#">SVN</a></li> <li><a href="#">iOS</a></li> <li><a href="#">VB.Net</a></li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Java <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="#">Swing</a></li> <li><a href="#">jMeter</a></li> <li><a href="#">EJB</a></li> <li class="divider"></li> <li><a href="#">分离的链接</a></li> </ul> </li> <li><a href="#">PHP</a></li> </ul> </body> </html> 以下是显示的图片 ![图片说明](https://img-ask.csdn.net/upload/201511/20/1448028175_964646.jpg)
jquery 修改和替换input中值的问题
![图片说明](https://img-ask.csdn.net/upload/201503/18/1426652671_751566.png) 左边的input中用"_"短下划线分割了4组元素,我现在需要通过右边的下拉菜单选择数字(1-10),选择后替换input中第三个短下划线中的内容,请问如何实现 代码怎么写呢?
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
【资源】一个C/C++开发工程师的学习路线(已经无路可退,唯有逆风飞翔)【内附资源页】
声明: 1)该文章整理自网上的大牛和专家无私奉献的资料,具体引用的资料请看参考文献。 2)本文仅供学术交流,非商用。所以每一部分具体的参考资料并没有详细对应。如果某部分不小心侵犯了大家的利益,还望海涵,并联系博主删除。 3)博主才疏学浅,文中如有不当之处,请各位指出,共同进步,谢谢。 4)此属于第一版本,若有错误,还需继续修正与增删。还望大家多多指点。大家都共享一点点,一起为祖国科研的推进...
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
20道你必须要背会的微服务面试题,面试一定会被问到
写在前面: 在学习springcloud之前大家一定要先了解下,常见的面试题有那块,然后我们带着问题去学习这个微服务技术,那么就会更加理解springcloud技术。如果你已经学了springcloud,那么在准备面试的时候,一定要看看看这些面试题。 文章目录1、什么是微服务?2、微服务之间是如何通讯的?3、springcloud 与dubbo有哪些区别?4、请谈谈对SpringBoot 和S...
达摩院十大科技趋势发布:2020 非同小可!
【CSDN编者按】1月2日,阿里巴巴发布《达摩院2020十大科技趋势》,十大科技趋势分别是:人工智能从感知智能向认知智能演进;计算存储一体化突破AI算力瓶颈;工业互联网的超融合;机器间大规模协作成为可能;模块化降低芯片设计门槛;规模化生产级区块链应用将走入大众;量子计算进入攻坚期;新材料推动半导体器件革新;保护数据隐私的AI技术将加速落地;云成为IT技术创新的中心 。 新的画卷,正在徐徐展开。...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
2020 年,大火的 Python 和 JavaScript 是否会被取而代之?
Python 和 JavaScript 是目前最火的两大编程语言,但是2020 年,什么编程语言将会取而代之呢? 作者 |Richard Kenneth Eng 译者 |明明如月,责编 | 郭芮 出品 | CSDN(ID:CSDNnews) 以下为译文: Python 和 JavaScript 是目前最火的两大编程语言。然而,他们不可能永远屹立不倒。最终,必将像其他编程语言一...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
神级宝库!GitHub 标星 1.2w+,Chrome 最天秀的插件都在这里啦!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个沉迷 Chrome 不能自拔的蒟蒻… 作为一个在远古时代用过什么 IE、360、猎豹等浏览器的资深器哥,当我第一次了解 Chrome 的时候,就被它的美貌给吸引住了… 就在我用了一段时间之后,我坚决的卸载了电脑上其它碍眼的浏览器,并觉得在之前的搬砖生涯中,我不配当哥,我只配是个沙雕… ...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
张朝阳回应迟到 1 分钟罚 500:资本家就得剥削员工
loonggg读完需要2分钟速读仅需 1 分钟大家我,我是你们的校长。前几天,搜狐的董事局主席兼 CEO 张朝阳和搜狐都上热搜了。原因很简单,就是搜狐出了“考勤新规”。一封搜狐对员工发布...
立即提问