图中bootstrap弹窗div的实现

普通的弹窗,我已经会了,目前不明白的是图上这种弹窗,点击下一步,跳到另外一个div中去。最好有类似的代码图片说明

5个回答

调用modal的show/hide隐藏显示对应的modal就行了

DEMO

 <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Bootstrap 实例 - 模态框(Modal)插件</title>
        <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#step1">开始演示模态框</button>
        <div class="modal fade" id="step1" 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-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">step1</h4>
                    </div>
                    <div class="modal-body">step1的内容</div>
                    <div class="modal-footer"><button type="button" class="btn btn-primary" onclick="$('#step1').modal('hide'); $('#step2').modal('show')">下一步</button></div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="step2" 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-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">step2</h4>
                    </div>
                    <div class="modal-body">step2的内容</div>
                    <div class="modal-footer"><button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button></div>
                </div>
            </div>
        </div>
        <!--更多的步骤,按照step1的代码调用modal的api显示隐藏对应的modal--->
    </body>
</html>
showbo
支付宝加好友偷能量挖 回复qq_29763559: 看我回复的另外一个示例
接近 2 年之前 回复
qq_29763559
liuleng68 回复showbo: 那怎么在模态框中引用这些div?
接近 2 年之前 回复
showbo
支付宝加好友偷能量挖 回复qq_29763559: 看我最后的回复,不要设置innerHTML,所有内容全部放到body里面,显示隐藏就行了
接近 2 年之前 回复
qq_29763559
liuleng68 回复showbo: 我设计了一个模态窗,在里面写了多个div模块,第一次弹窗得时候默认第一个div,点击下一步的时候,弹窗消失了。再点进去内容已经替换成了第2个div的内容了。(这是我需要的效果)但是能不能点击下一步,直接跳到第二个div的内容,整个弹窗不消失的那种?
接近 2 年之前 回复
showbo
支付宝加好友偷能量挖 回复qq_29763559: 什么问题的
接近 2 年之前 回复
qq_29763559
liuleng68 回复showbo: 步骤我已经实现得差不多了,有点小问题。能帮忙解决下吗?
接近 2 年之前 回复
showbo
支付宝加好友偷能量挖 回复qq_29763559: 或者采纳了我帮你写个demo
接近 2 年之前 回复
showbo
支付宝加好友偷能量挖 回复qq_29763559: 那不是在<div class="modal-body">step2的内容</div>这里放多个div替换step2的内容这些,第一个就显示第一个div,其他隐藏,一次类推
接近 2 年之前 回复
qq_29763559
liuleng68 我只建立一个弹窗,在弹窗里设置多个div,起先只显示一个,当点击下一步后,显示第二个div,隐藏第一个div.这样能实现图中的效果吗?
接近 2 年之前 回复
qq_29763559
liuleng68 明白了。顺便问一下,header部分,对应标题亮光要怎么实现呢?
接近 2 年之前 回复

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Bootstrap 实例 - 模态框(Modal)插件</title>
        <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <style>.step{display:none}.show{display:block}</style>
    </head>
    <body>
        <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#step1">开始演示模态框</button>
        <div class="modal fade" id="step1" 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-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">Modal</h4>
                    </div>
                    <div class="modal-body" id="dvSteps">
                        <div class="step show">step1</div>
                        <div class="step">step2</div>
                        <div class="step">step3</div>
                        <div class="step">step4</div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" disabled onclick="showDiv(this,true)">上一步</button>
                        <button type="button" class="btn btn-primary" onclick="showDiv(this)">下一步</button>
                    </div>
                </div>
            </div>
        </div>
        <script>
            function showDiv(btn, isPre) {
                var divs = $('#dvSteps>div'), cur = divs.filter('.show').index(), btns = $(btn).parent().find('button');
                isPre ? cur-- : cur++;
                divs.removeClass('show').eq(cur).addClass('show')
                btns.eq(0).prop('disabled', cur == 0 ? true : false);
                btns.eq(1).prop('disabled', cur == divs.length - 1 ? true : false)
            }
        </script>
    </body>
</html>

弹窗的图在哪里呢?是不是漏传了

qq_29763559
liuleng68 补发了。
接近 2 年之前 回复

直接替换页面内容$('.mainbox').html(data)

哦,用active属性应该也可以

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
怎样让bootstrap中div水平居中
怎样让bootstrap中div水平居中 怎样让bootstrap中div水平居中 怎样让bootstrap中div水平居中 怎样让bootstrap中div水平居中 怎样让bootstrap中div水平居中 怎样让bootstrap中div水平居中 怎样让bootstrap中div水平居中
bootstrap如何实现点击按钮隐藏弹窗
bootstrap如何实现点击按钮隐藏弹窗,不刷新页面。如在弹窗页面中有个 关闭按钮,点击该按钮触发事件,隐藏弹窗.弹窗是这个方法调出来的: > ``` BootstrapDialog.show({cssClass:'two-row-dialog', message: $('<div></div>').load(basePath + '/goEdit/'+id), title: '编辑', onhidden: function(){ //window.location.reload(); //DATA_LIST.actionSearch(); } }); ```
bootstrap 弹窗中easyui dayagrid 显示不出来,怎么回事?
bootstarp 弹窗中easyui dayagrid 显示不出来,怎么回事
bootstrap弹出模态框显示动态内容
我想实现的功能是,点击删除按钮,弹出模态框,显示删除行的具体内容,点击保存则提 交该项id至服务器,用bootstrap应该如何实现?
bootstrap模态框中div切换问题
在第一次调用模态框显示第一个div内容,点击下一步,模态框消失了。再次调用模态框时,内容已经变成了第二个div的内容。 能不能不让模态框消失,点击下一步,直接显示第二个div的内容。只能上传一张图片,这是第一个div的内容。 ![图片说明](https://img-ask.csdn.net/upload/201804/11/1523423272_874756.png)ng)
在bootstrap弹出窗口(Modal )中使用AutoComplete
``` $(function () { var availableTags = ["ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"]; $("#ingredientName").autocomplete({ source: availableTags }); var dataTable = $('#tableIngredients').dataTable(); $('#buttonAddIngredient').click(function (e) { bootbox.dialog({ message: $("#addIngredient").html(), title: "添加配料", className: "modal-darkorange", buttons: { "取消": { className: "btn", callback: function () { } }, success: { label: "添加", className: "btn-primary", callback: function () { } } } }); }); }); ``` ![图片说明](https://img-ask.csdn.net/upload/201511/01/1446374912_743900.png) 在非Modal窗口 中使用正常,但在Modal窗口中自动提示就是不出现.
bootstrap模态窗口中调用其他的页面,被调用页面被压缩不能完全显示怎么解决
bootstrap模态窗口中调用其他的页面,被调用页面被压缩不能完全显示怎么解决 <!-- 用户列表模态窗口 --> <div id="userlistModel" class="modal hide fade" data-backdrop="static" > <div class="modal-header" style="height: 20px"> <span style="font-weight: bold">用户信息列表</span> <button type="button" class="close" data-dismiss="modal" > <i class="icon-remove"></i> </button> </div> <div class="modal-body" > <div id="insertDisplayMode"></div> </div> <div class="modal-footer"> <a href="javascript:void(0);" class="btn" onClick="getSelectNodeVaue('1')" data-dismiss="modal" >确认</a> <a href="javascript:void(0);" class="btn" data-dismiss="modal" >关闭</a> </div> </div> <!-- 被调用页面的部分代码 --> <div class="container-fluid" id="userlistStation"> <div class="row-fluid"> <div class="span12"> <div class="widget-box"> <!-- 页签 --> <div class="widget-title" onClick="showQueryDiv()"> <span class="icon"> <i class="icon-th"></i> </span> <h5>用户信息列表</h5> <span class="widgetese"> <a href="${ctx}/letterStationManagement/create" class="tip-left" data-original-title="返回"><i class="icon-share-alt"></i></a> <a href="javascript:void(0)" class="tip-left" data-original-title="查询"><i class="icon-filter"></i></a> </span> </div> <!-- 页签(完) --> <form id="userListForm" class="form-search" action="${ctx}/letterStationManagement/userList" method="post"> <!-- 下面为JQery码 --> //用户列表模态窗 function userModel(dtId){ $('#userlistModel').modal().css({ width: '276px', 'margin-left': function () { return -($(this).width() / 2); }, 'margin-top': function () { return -($(this).height() / 2); } }); $('#dtID').val(dtId); $('#deleteModal').modal().show(); $.ajax({ type:"get", url:"${ctx}/letterStationManagement/userList", dataType:"html", success:function(data,textStatus){ var result=$(data).filter("#userlistStation").html() ; alert(result); $("#insertDisplayMode").html(result); loadingBgRemove(); } }); }
用bootstrap框架时的分页如何实现
现在想在前台页面用bootstrap实现分页功能,但是bootstrap用的不熟练,大神们有没有bootstrap分页功能实现的代码或者是给我指导指导,拜托了!
bootstrap-table中如何实现带模糊查询的下拉菜单
我知道普通的html可以用特定的JS函数写出带文本框查询的下拉菜单,也知道 bootstrap-select插件可以自动实现带查询框的下拉菜单,bootstr-table自己 可以生成下拉菜单,但是只能是json格式,生成不了文本框,那么怎么能在 bootstrap-table这种插件里写带模糊查询的下拉菜单
bootstrap<div contentEditable="true" > 编辑的时候 总是跳出 字体 修改的工具栏,如何禁用
bootstrap<div contentEditable="true" > 编辑的时候 总是跳出 字体 修改的工具栏,如何禁用 ![图片说明](https://img-ask.csdn.net/upload/201903/07/1551946565_271941.png)
bootstrap如何实现高度随屏幕大小动态变化
使用bootstrap把页面中的一个div设置成了自适应的( ``` <div class="col-** col-**..."> ``` )。然后想让这个div模块的高度随宽度按比例变化,达到“height=width*x”的效果,应该怎么实现呢?
bootstrap 图片布局问题
bootstrap 怎么在不改变原图片大小的前提下实现居中,两边多出的部分隐藏
页面使用bootstrap的remote: url弹出一个表单模态框,为什么关闭后bootstrap Table获取不到当前选中行的数据了?
``` ``` ``` 第一次点击修改,能获取到列表选中行数据的ID,弹窗正常,然后关闭弹窗,什么都不动再次点击修改,却获取不到选中行的ID了,获取到的ID居然是table的id,之后再怎么切换选中的行数据,获取的ID都变成table 的ID,郁闷啊,一直找不到问题出在哪。 直接上代码,列表使用的是bootstrapTable,如下是列表的jsp代码: <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>角色表列表</title> </head> <body style="overflow-x: hidden;overflow-y: auto"> <div id="page-inner"> <div class="row"> <div class="col-md-12"> <h1 style="margin: 1px 0 2px"> <small>角色表</small> </h1> </div> </div> <!-- /. ROW --> <div id="toolbar" style="margin-left: 3px;"> <a href="javascript:void(0);" class="btn btn-primary btn-sm" id="addForm"><i class="glyphicon glyphicon-plus"></i>新增</a> <a href="javascript:void(0);" class="btn btn-success btn-sm" id="editForm"><i class="glyphicon glyphicon-pencil"></i>修改</a> <a href="javascript:void(0);" class="btn btn-danger btn-sm" id="deleteData"><i class="glyphicon glyphicon-remove"></i>删除</a> </div> <table class="table table-bordered table-hover" id="roleTable"> </table> </div> <!-- 模态框 --> <div id="formModal" class="modal fade bs-example-modal-lg" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div id="formContent" class="modal-content"> </div> </div> </div> <!-- /.modal --> </body> </html> # // 下面是点击 修改 时的方法: $("#editForm").click(function(){ var id=""; var a= $('#roleTable').bootstrapTable('getSelections'); if(a.length==1){ id=a[0].id; }else{ layer.msg("只能选中一行数据进行修改!", {icon: 0}); return; } var url="/system/xxx/addForm?id="+id; $("#formModal").removeData("bs.modal"); $("#formModal").modal({ remote: url }); }); 下面为url对应的jsp页面: <%@ page language="java" contentType="text/html;charset=UTF-8"%> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="myModalLabel">表信息</h4> </div> <form id="roleForm" class="form-horizontal form-label-left" novalidate> <input type="hidden" id="id" name="id" value="${role.id }"/> <input type="hidden" id="tempFileId" name="tempFileId" value="${role.id }"/> <div class="modal-body"> ....表单.....略... </div> <div class="m ```odal-footer" style="text-align: center;"> <button type="button" class="btn btn-danger" onclick="save();">保存</button> <but ```ton type="button" class="btn btn-primary" data-dismiss="modal">取消</button> </div> </form>
bootstrap分页功能实现
bootstrap可否实现分页原理是什么,可以将后台查询出的数据全部返回到前台直接进行分页吗
bootstrap问题,请问如何让栅格div水平居中
div栅格是左对齐的,现在我想让一个col-md-11的div水平居中,请问应该怎么办? PS:如果是偶数的话可以用左右各放一个空div的方法实现 如 1 10 1 但是奇数不行啊 。。。
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> ```
有关 bootstrap table 插件中的问题
我想问一下各位大佬 那个 我在bootstrap中的标签页下想要放置一个表格 想要实现点击不同的标签显示不同的表格数据,表格使用了bootstrap table 插件,使用的时候发现表格全部都堆叠在一起了,切换标签也没有反应了, 希望大家给一个解决办法,谢谢 ![图片说明](https://img-ask.csdn.net/upload/201910/07/1570456847_566211.png)
Bootstrap的col-md-*中thumbnail样式包不住图片按钮
接触时间不长,还不太懂Bootstrap框架,html也只是知道一些常用的控件和用法,请教个小问题,麻烦谁能解答一下。 页面中显示商品列表,在angular应用子组件的html中,父节点div是thumbnail样式的,里边首行想设定一个图片按钮,图片下方对应相关商品名和概要。 开始没有想作成按钮时,直接用image放了个网上的通用图片,显示没有问题,能包含在这个thumbnail的div中(即使图片大小超过父组件html布局此组件定义的样式,也会按照父组件显示),但换成input标签是一个图片按钮后,页面会显示图片指定就size而不是col-md-*的布局,导致图片溢出了thumbnail的div。 请问这个原理是什么呢?解决方法是什么呢?想到的是直接改原图片size,但实际上根据浏览器窗口大小,也是不能动态解决的,比如,F12时,左边显示列表被压缩宽度,图片还是会溢出。 看代码吧,比较清楚: 1,父组件:app.component.html ![图片说明](https://img-ask.csdn.net/upload/201711/29/1511934736_668297.jpg) 2,子组件(商品列表):product.component.html ![图片说明](https://img-ask.csdn.net/upload/201711/29/1511935295_300228.jpg) 执行结果: ![图片说明](https://img-ask.csdn.net/upload/201711/29/1511935461_769430.jpg)
bootstrap3的轮播图设置div背景图检查发现url(undefind)导致无法加载图片,什么原因?
# bootstrap3的轮播图设置div背景图检查发现url(undefind)导致无法加载图片,什么原因? ##描述 使用bootsrtap3给页面添加轮播图,给轮播的元素是 ``` <div class="item" style="background-image: url('img/slide_04_2000x410.jpg');"></div> ``` 但是在chrome和opera浏览器中打开显示不了图片,检查元素发现元素变成了 ``` <div class="item" style="background-image: url("undefined");"></div> ``` 但是在Firefox中能够正常显示图片,检查元素也和想象的一样 ##代码 HTML代码 ```html <!--广告轮播--> <section id="main_ad" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#main_ad" data-slide-to="0" class="active"></li> <li data-target="#main_ad" data-slide-to="1"></li> <li data-target="#main_ad" data-slide-to="2"></li> <li data-target="#main_ad" data-slide-to="3"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active" style="background-image: url('img/slide_01_2000x410.jpg');"></div> <div class="item" style="background-image: url('img/slide_02_2000x410.jpg');"></div> <div class="item" style="background-image: url('img/slide_03_2000x410.jpg');"></div> <div class="item" style="background-image: url('img/slide_04_2000x410.jpg');"></div> </div> <!-- Controls --> <a class="left carousel-control" href="#main_ad" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#main_ad" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </section> <!--/广告轮播--> ``` css代码 ```css #main_ad{ } #main_ad > .carousel-inner > .item{ height: 410px; background-position: center center; background-repeat: no-repeat; background-size: cover; } ``` ##截图 代码截图 ![图片说明](https://img-ask.csdn.net/upload/201902/23/1550892246_940063.jpg) chrome的截图 ![图片说明](https://img-ask.csdn.net/upload/201902/23/1550892006_156210.jpg) Firefox的截图 ![图片说明](https://img-ask.csdn.net/upload/201902/23/1550892336_145547.jpg) ## 补充 后面发现<section>的id为'main_ad'时会出现这个问题。改成其他名字就不会出现这个问题。怀疑因为过滤广告的原因使页面不能正常访问。但是我已经把过滤广告的插件给关闭了。还是会出现这个情况,后来直接重装浏览器,也不能解决。觉得可能是浏览器默认的广告过滤功能在搞怪
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
前端 | 2. 正则
转载请注明以下: 本文转自清自以敬的博客:https://blog.csdn.net/qq_45791147 文章目录1.转义2.正则表达式初步2.1.匹配字符2.1.1.组成元素2.1.2.基础正则的设计 1.转义 转义的作用: 当某个字符在表达式中具有特殊含义,例如字符串引号中出现了引号,为了可以使用这些字符本身,而不是使用其在表达式中的特殊含义,则需要通过转义符“\”来构建该字符转义...
有哪些让程序员受益终生的建议
从业五年多,辗转两个大厂,出过书,创过业,从技术小白成长为基层管理,联合几个业内大牛回答下这个问题,希望能帮到大家,记得帮我点赞哦。 敲黑板!!!读了这篇文章,你将知道如何才能进大厂,如何实现财务自由,如何在工作中游刃有余,这篇文章很长,但绝对是精品,记得帮我点赞哦!!!! 一腔肺腑之言,能看进去多少,就看你自己了!!! 目录: 在校生篇: 为什么要尽量进大厂? 如何选择语言及方...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
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)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
Docker 从入门到掉坑
Docker 介绍 简单的对docker进行介绍,可以把它理解为一个应用程序执行的容器。但是docker本身和虚拟机还是有较为明显的出入的。我大致归纳了一下,可以总结为以下几点: docker自身也有着很多的优点,关于它的优点,可以总结为以下几项: 安装docker 从 2017 年 3 月开始 docker 在原来的基础上分为两个分支版本: Docker CE 和 Doc...
为啥国人偏爱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 进程负责处...
Python 编程开发 实用经验和技巧
Python是一门很灵活的语言,也有很多实用的方法,有时候实现一个功能可以用多种方法实现,我这里总结了一些常用的方法和技巧,包括小数保留指定位小数、判断变量的数据类型、类方法@classmethod、制表符中文对齐、遍历字典、datetime.timedelta的使用等,会持续更新......
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...
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
相关热词 c# 二进制截断字符串 c#实现窗体设计器 c#检测是否为微信 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片
立即提问

相似问题

3
bootstrap模态框中div切换问题
8
bootstrap怎么实现鼠标悬停在img上面之后切换照片
3
bootstrap datatable 实现复杂表格数据类型
2
bootstrap-table中如何实现带模糊查询的下拉菜单
2
关于bootstrap table这个插件的问题
4
前端小白请教一下bootstrap高度自适应问题
2
判断input的值是否为空,为空的话想让用Bootstrap插件写的模态框禁用,不弹出,请问改怎么写
1
bootstrap是怎么让二级菜单大屏幕时浮动在上方,小屏幕时不浮动位于在一级菜单父元素下方中
1
bootstrap中能实现按钮点击事件吗
0
bootstrap table onPostBody事件
1
bootstrap的导航下拉菜单
1
bootstrap 导航组件里面的li 在点击之后的高亮背景色怎么去掉 ? 怎么改变高亮背景色的颜色?
1
bootstrap如何让form-inline内的两个div分别左居中右居中?
0
表格用的是bootstrap table,导出插件用的是tableexport.js。希望导出table中勾选的内容。
4
bootstrap table onLoadSuccess里的代码不执行
1
bootstrap3的轮播图设置div背景图检查发现url(undefind)导致无法加载图片,什么原因?
1
bootstrap-datepicker弹出框覆盖了输入框,请问怎么解决?
1
bootstrap<div contentEditable="true" > 编辑的时候 总是跳出 字体 修改的工具栏,如何禁用
0
Bootstrap 模态框中嵌入jqgrid 切换页面jqgrid宽度会变为0
1
在bootstrap的模态框中使用ueditor(百度编辑器),点击字号,字体,字体颜色没有反应