使用bootstrap后jQuery弹出框问题

原来使用的是jQuery的$message.confirm弹出框没有问题,引入bootstrap后,手机端的弹出框会出现一块阴影部分,是怎么回事!如图左上角阴影图片说明

4个回答

你最好贴一下源码 然后看样子很像是div层级 或者是你对应的bt的核心样式版本号 这两个方向看看

应该是样式的问题,你可以用google chrome在电脑上模拟一下手机客户端,然后分析是不是样式重叠了。

你F12看下阴影部分的样式

样式重叠

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
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-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的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>
在eclipse里用bootstrap日期控件无法弹出日期选择框。
我把bootstrap和bootstrapdaetimepicker包还有jquery都导入到eclipse工程里了,代码也写好了,但是不知道为什么boostrap别的功能都能实现,就是运行时日期控件无法弹出日期选择框。这是我的代码,求大神帮忙看看! <%@ page language="java" contentType="text/html" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>TaskInformation</title> <link href = "Bootstrap\css\bootstrap.min.css" rel = "stylesheet" media = "screen"> <link href = "Bootstrap\css\BootSideMenu.css" rel="stylesheet" media = "screen"> <link href = "BootstrapDateTimePicker\css\bootstrap-datetimepicker.min.css" rel = "stylesheet" type = "text/css"> <script type = "text/javascript" src = "Bootstrap\js\jquery-1.12.2.min.js" charset = "utf-8"></script> <script type = "text/javascript" src = "Bootstrap\js\bootstrap.min.js" charset = "utf-8"></script> <script type = "text/javascript" src = "BootstrapDateTimePicker\js\bootstrap-datetimepicker.js" charset = "utf-8"></script> <script type = "text/javascript" src = "BootstrapDateTimePicker\js\locales\bootstrap-datetimepicker.fr.js" charset = "utf-8"></script> <script type = "text/javascript" src = "Bootstrap\js\BootSideMenu.js"></script> <meta name = "viewport" content = "width=device-width,initial-scale=1.0"> </head> <body> <% String taskname=(String)session.getAttribute("task"); String address=(String)session.getAttribute("address"); String remarkname = "no remark yet"; String commentname = "no comment yet"; %> <pre>主页面</pre> <div id="demo"> <div class="list-group"> <form action = "taskinformation" method = "post"> <pre><input type="checkbox"><strong><%=taskname%></strong></pre> <pre>设置任务开始日期</pre> <div class="input-append date" id="datetimepicker" data-date="2016-01-01" data-date-format="yyyy-mm-dd"> <input class= "span2" id = "start" size="16" type="text" value="2016-01-01"> <span class="add-on"><i class="icon-remove"></i></span> <span class="add-on"><i class="icon-th"></i></span> </div> <script type = "text/javascript"> $('start').datetimepicker ({ format:yyyy-mm-dd, weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, forceParse: 0, showMeridian: 1 }); </script> <pre>设置任务结束日期</pre> <div class="input-append date" id="datetimepicker" data-date="2016-01-01" data-date-format="yyyy-mm-dd"> <input class="span2" id = "end" size="16" type="text" value="2016-01-01"> <span class="add-on"><i class="icon-remove"></i></span> <span class="add-on"><i class="icon-th"></i></span> </div> <script type = "text/javascript"> $('end').datetimepicker ({ format:yyyy-mm-dd, weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, forceParse: 0, showMeridian: 1 }); </script> <pre>添加备注</pre> <textarea name = "remarkname" class="form-control" rows="3"></textarea> <% remarkname = (String)session.getAttribute("remark"); %> <pre><%=remarkname%></pre> <pre>添加评论</pre> <input type="text" name = "commentname" class="form-control" id = "comment" placeholder="给小伙伴评论一番吧"> <% commentname = (String)session.getAttribute("comment"); %> <pre><%=address%>说:<%=commentname%></pre> <br> <button type="submit" class="btn btn-default">确定</button> </form> </div> </div> <script type="text/javascript"> $('#demo').BootSideMenu ({ side:"right", autoClose:true }); </script> </body> </html>
怎么做一个弹出多项选择框?
jsp中怎么做一个弹出多项选择框?选择框中的数据是动态加载进去的。 在关闭弹出选择框之后,弹出选择框中的数据需要回传,请问我应该怎么实现? 望请各位路过的大佬不吝赐教,小白跪谢!
在用jquery datatables插件的buttons扩展时,设置colvis属性问题
前端框架bootstrap3,使用mvc5 在使用jquery datatables插件的buttons扩展过程中,因为需要设置隐藏显示列的问题,使用了colvis属性, 初始化如下: buttons: [ { extend: 'colvis', text: '显示/隐藏列', columns: ':not(:last-child)', postfixButtons: [{ extend: 'colvisRestore', text: '重置' }, ] }, ] js文件导入顺序如下: jquery-3.0.0.min.js bootstrap.min.js jquery.dataTables.js dataTables.bootstrap.js dataTables.buttons.js buttons.bootstrap.js buttons.colVis.js css文件如下: bootstrap.css dataTables.bootstrap.css buttons.bootstrap.css 遇到的问题:页面生成的“显示/隐藏列”按钮,点击该按钮后弹出一下拉菜单,(内容为列集合,点击可进行隐藏或显示列),此菜单无法关闭,只能重新刷新页面才能关闭,请问怎么解决? 官网的例子:https://datatables.net/extensions/buttons/examples/column_visibility/simple.html 用的谷歌浏览器、火狐浏览器都有此问题,但官网例子则没有该现象。 请问我还需要进行什么设置?盼得到解答,谢谢!
bootstrap模态框传值传不过去
模态框html <!--弹出修改蛋糕窗口--> <div class="modal fade" id="reviseCake" role="dialog" aria-labelledby="gridSystemModalLabel"> <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="gridSystemModalLabel">修改蛋糕</h4> </div> <div class="modal-body"> <div class="container-fluid"> <form class="form-horizontal" id="updatecakeform" > <div class="form-group "> <label for="sName" class="col-xs-3 control-label">编号:</label> <div class="col-xs-8 "> <input type="email" class="form-control input-sm duiqi" id="cakeid" placeholder="" name="cakeid""> </div> </div> <div class="form-group"> <label for="sLink" class="col-xs-3 control-label">名称:</label> <div class="col-xs-8 "> <input type="" class="form-control input-sm duiqi" id="cName" placeholder="" name="cName"> </div> </div> <div class="form-group"> <label for="sOrd" class="col-xs-3 control-label">价格:</label> <div class="col-xs-8"> <input type="" class="form-control input-sm duiqi" id="cPrice" placeholder="" name="cPrice"> </div> </div> <div class="form-group"> <label for="sKnot" class="col-xs-3 control-label">节日:</label> <div class="col-xs-8"> <input type="" class="form-control input-sm duiqi" id="cFestival" placeholder="" name="cFestival"> </div> </div> <div class="form-group"> <label for="sKnot" class="col-xs-3 control-label">上传图片:</label> <div class="col-xs-8"> <input type="" class="form-control input-sm duiqi" id="cImage" placeholder="" name="cImage"> </div> </div> <div class="form-group"> <label for="sKnot" class="col-xs-3 control-label">库存:</label> <div class="col-xs-8"> <input type="" class="form-control input-sm duiqi" id="amount" placeholder="" name="amount"> </div> </div> </form> </div> </div> <div class="modal-footer"> <form action="UpdateCake"> <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button> <button type="button" class="btn btn-xs btn-green" onclick="updateCake()">保 存</button> </form> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> 按钮 div class="col-xs-2"> <button class="btn btn-success btn-xs" id="update" data-toggle="modal" data-id="${cake.cakeId}" data-target="#reviseCake" >修改</button> <button class="btn btn-danger btn-xs" id="delete" data-toggle="modal" data-target="#deleteCake" data-id="${cake.cakeId}" >删除</button> </div> JS代码 $('#reviseCake').on('show.bs.modal', function (event) { var a = $(event.relatedTarget) var id = button.data('id') var modal = $(this) modal.find('.modal-title').text('New message to ' + id) modal.find('.modal-body input').val(id) }); 效果
前端导航栏下拉框鼠标悬浮弹出失败
这是写的事件,静态页面上好这,但是我挪到Django上就不行了, ``` $('li.dropdown').find('.fa-angle-down').each(function(){ $(this).on('click', function(){ if( $(window).width() < 768 ) { $(this).parent().next().slideToggle(); } return false; }); }); ``` HTML是这样的,有大佬知道怎么改么? ``` <li class="dropdown"><a href="#">分类 <i class="fa fa-angle-down"></i></a> <ul role="menu" class="sub-menu"> <li><a href="aboutus.html">About</a></li> <li><a href="aboutus2.html">About 2</a></li> <li><a href="service.html">Services</a></li> <li><a href="pricing.html">Pricing</a></li> <li><a href="contact.html">Contact us</a></li> <li><a href="contact2.html">Contact us 2</a></li> <li><a href="404.html">404 error</a></li> <li><a href="coming-soon.html">Coming Soon</a></li> </ul> </li> ```
通过ajax将jsp做的登录放在弹出框中提交时不能传递值
RT,下面是代码: 一:这是主页面单出窗的代码: ``` <p id="login_reg"> <a class="btn btn-large btn-success"><b>登录/注册 </b></a> </p> <script> $('#login_reg').click(function() { layer.open({ title : '登录/注册页面', time : 0, type : 1, skin : 'layui-layer-rim', //加上边框 area : [ '1000px', '500px' ], //宽高 content : $('#login_reg_window') }); }) </script> <script> $("#login_frame").load( "${pageContext.request.contextPath}/page/bizPage/login.jsp", function(response, status, xhr) { $('#login_frame').html(response); }); </script> <script> $("#register_frame").load( "${pageContext.request.contextPath}/page/bizPage/register.jsp", function(response, status, xhr) { $('#register_frame').html(response); }); </script> ``` 二:被调用的jsp代码 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <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"> <title>登录页_房屋中介网站</title> <link rel="stylesheet" href="${pageContext.request.contextPath}/ui/bs/css/bootstrap.min.css"> </head> <body> <div class="container-fluid" id="login_frame"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-6"> <h1 style="text-align: center">登录</h1> <form class="form-horizontal" id="login_form" method="post" style="padding-top: 50px; padding-bottom: 100px"> <div class="form-group"> <label for="user_account" class="col-sm-2 control-label"> 用户名 </label> <div class="col-sm-10"> <input type="text" class="form-control" id="user_account" name="user_account" /> </div> </div> <div class="form-group"> <label for="user_password" class="col-sm-2 control-label"> 密码 </label> <div class="col-sm-10"> <input type="password" class="form-control" id="user_password" name="user_password" /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label"> </label> <div class="col-sm-10"> <div class="form-group"> <div class="col-sm-4"> <input type="checkbox" name="set_login_cookies" /> 下次自动登录 </div> <div class="col-sm-7"> <div class="form-group"> <div class="col-sm-10"> </div> <div class="col-sm-2"> <input type="submit" class="btn btn-primary" id="login_button" value="登录"> </div> </div> </div> </div> </div> </div> </form> </div> <div class="col-md-2"></div> </div> </div> <script src="${pageContext.request.contextPath}/ui/bs/js/jquery.min.js"></script> <script src="${pageContext.request.contextPath}/ui/bs/js/bootstrap.min.js"></script> <script> $(function() { $('#login_button').unbind("click").bind("click",function() { $.ajax({ type : 'POST', url : '${pageContext.request.contextPath}/userBiz', dataType : 'json', data : "user_account="+$("#user_account").val()+"&user_password="+$("#user_password").val()+"&action=login", //data: "user_account=admin&user_password=admin&action=login", success : function(msg){ if(msg.result==1){ alert("登陆成功"); location.reload(); }else{ alert(msg.msg); } } }) }) }) </script> </body> </html> ``` 如果单独使用登录页面的话后台可以接收到输入的用户名密码,但是通过主页面弹出到后,后台就接收不到用户名密码
用Jquery的cookie插件,保存登录的学号名和密码到cookie里,怎么马上去cookie里去取值,结果是undefined??
我用js代码保存了学号名和密码到cookie里,采用了jquery的cookie插件。结果我马上去cookie里取值,总是undefined? 求解释?求真相。十分感谢。 部分代码: else if(temp=="success"){ console.log("777"); $.cookie('studentId',studentId, {expires:70,path: '/books'}); $.cookie('password',password,{expires:70,path:'/books'}); console.log("cookieValue:"+$.cookie('password')) // var IdAndPasswordModal=$('#varifyModal'); // IdAndPasswordModal.modal({ // show : false,//关闭弹出层 //backdrop: 'static',//禁止位置关闭 // keyboard: false//关闭键盘事件 // }); window.location.reload(); 我想实现,学号名和密码与数据库里的匹配对了,就把bootstrap提供的模态框隐藏,结果,模态框仍然还在?花了不少时间解决,还没解决?求兄弟们解答。很感谢你们!网上说用chrome浏览器在本地搭建的服务器tomcat上, chrome即谷歌浏览器是不会启用cookie的,结果我用ie10浏览器测试,发现 上面的这段代码, console.log("cookieValue:"+$.cookie('password'))。 打印出来的还是cookieValue:undefined 求解答??
easyui textbox 设置属性editable: false, required: true 表单验证的时候会不弹出提示信息
<input id="CustID" name="CustID" class="easyui-textbox" /> $("#CustID").textbox({ missingMessage: '此项必输', prompt: '请单击右侧\'放大镜\'按钮进行操作!', editable: false, tipPosition: 'bottom', required: true, multiline: false, width: '350px', buttonText: '', buttonIcon: 'icon-search', onClickButton: function () { GetSysPointId(); }, icons: [{ iconCls: 'icon-clear', handler: function (e) { $(e.data.target).textbox('clear'); } }] });
html上如何在一个button的右上方加一个可以删除该button的x,并且可以有alert确认是否删除
想要做到的样式 ![图片说明](https://img-ask.csdn.net/upload/201908/22/1566463261_530893.png) 当鼠标放在button上时,出现关闭按钮,点击关闭按钮时,弹出提示 ![图片说明](https://img-ask.csdn.net/upload/201908/22/1566463354_137975.png) 前端小白,跪求大神解答。。。。
js里面的function怎么调用同一个js文件的function
需求是在一个模态框中输入信息未保存关闭,弹出提示框提示保存,点击保存时调用另一个保存信息的方法 ``` function studentMessagUnSave() { var gradeId = $("#modleStudentGradeId").val(); var classId = $("#modleStudentClassId").val(); var personnelNumber = $("#modleStudentNumber").val(); if(gradeId !== ""||classId !== ""||personnelNumber !== "") { var index = layer.alert('当前信息尚未保存,是否继续',{ btn: ['关闭','保存',"取消"] //按钮 // shade: false //不显示遮罩 },function () { layer.close(index); $('#addStudentMessageModel').modal('hide'); },function () { **addStudentMessageSend();****_这是保存信息的方法,但是点击的时候并不保存,应该如何调用这个方法?_** },function () { layer.close(index); }); return; } } ``` 新手,没有分了,请各位帮帮忙
制作一个考勤表格如何实现鼠标拖动选择多个单元格然后右键菜单实现批量考勤
![图片说明](https://img-ask.csdn.net/upload/201906/19/1560937583_947710.png) 用bootstraptable做了一个考勤的表格。 请问怎么鼠标拖动怎么选取多个单元格弹出菜单然后批量设置呢? html代码 ``` <button class="btn btn-primary" type="button" id="searchBtn_Table" onclick="ifnull()">查询</button> <div class="col-sm-12" id="singlelast"> </div> ``` js ``` function ifnull() { if ($("#TeamGroupName").val() == "0") { zcy.alert.error("请选择需要查询的班组"); return false; } if ($("#date").val() == "") { zcy.alert.error("请选择需要查询的时间"); return false; } //get数据 getAttendanceResult(); //加载表头日期 var date = $("#date").val(); var year = parseInt(date.split("-")[0]); var month = parseInt(date.split("-")[1]); var daycount = getLastDay(year, month); //得到选中月份的最大天数 MaxDays = daycount; selectYear = year; $("#singlelast").empty(); $("#singlelast").append("<table id='tablesinglelast' data-toggle='table' align='center' ></table>") var appendPos = $("#tablesinglelast"); //$("#tablesinglelast").bootstrapTable('destroy'); appendPos.append("<thead><tr>"+ "<th data-field='EmployeeId' rowspan='2' id='employeeName' data-valign='middle' data-align='center'> 工号</th > " + "<th id='lineTd' data-field='EmployeeName' data-valign='middle' rowspan='2' data-align='center'>" + "<span style='float:left;margin-top:20px;'>姓名</span>" + "<span style='float:left;margin-top:-10px;'>日期</span>"+ "</th > " + "<th data-formatter='OvertimeLength' data-valign='middle' colspan='2' data-align='center'>加班</th>" + "<th data-formatter='Askleavelength' data-valign='middle' colspan='2' data-align='center'>请假</th>" + "<th data-valign='middle' data-align='center'>工伤</th>" + "</tr><tr></tr></thead>"); //加载table_foot var table_foot = $("#table_foot"); table_foot.css("display","block"); for (var i = 1; i <= daycount; i++) { var appendPos2 = $("#tablesinglelast").children().eq(0).children().eq(0).children().eq(i+1 - 1); appendPos2.after("<th data-valign='middle' colspan='1' data-align='center'>" + i + "</th>"); } for (var i = 1; i <= daycount; i++) { var appendPos3 = $("#tablesinglelast").children().eq(0).children().eq(1); var month2 = (month > 9) ? ("" + month) : ("0" + month); var day = (i > 9) ? ("" + i) : ("0" + i); var heredate = year + "-" + month2 + "-" + day; var weekday = new Date(heredate).getDay(); text = ""; switch (weekday) { case 0: text = "日"; break; case 1: text = "一"; break; case 2: text = "二"; break; case 3: text = "三"; break; case 4: text = "四"; break; case 5: text = "五"; break; case 6: text = "六"; break; } appendPos3.append("<th data-formatter='DateAttendance' data-align='center' data-field='" + year + "-" + month2 + "-" + day + "'>" + text + "</th>"); selectMonth = month2; } var appendPos3 = $("#tablesinglelast").children().eq(0).children().eq(1); appendPos3.append("<th data-formatter='OverDay' data-align='center'>天</th>"+ "<th data-formatter='OverHour' data-align='center'>时</th>"+ "<th data-formatter='AskleaveDay' data-align='center'>天</th>"+ "<th data-formatter='AskleaveHour' data-align='center'>时</th>"+ "<th data-align='center'>天</th>" ); $('.context').contextmenu({ target: '#context-menu', before: function (e, context) { // execute code before context menu if shown }, onItem: function (context, e) { // execute on menu item selection } }); readyTable(); $("#singlelast tr td").addClass(); } function getLastDay(year, month) { var new_year = year; //取当前的年份 var new_month = month++;//取下一个月的第一天,方便计算(最后一天不固定) if (month > 12) //如果当前大于12月,则年份转到下一年 { new_month -= 12; //月份减 new_year++; //年份增 } var new_date = new Date(new_year, new_month, 1); //取当年当月中的第一天 return (new Date(new_date.getTime() - 1000 * 60 * 60 * 24)).getDate();//获取当月最后一天日期 } function readyTable() { $("#tablesinglelast").bootstrapTable({ //bootstraptable 插件 pageNumber: 1, //初始化加载第一页,默认第一页 pageSize: 10, //每页的记录行数(*) pageList: [10, 20, 30], pagination: true, //是否显示分页(*) sortable: true, //是否启用排序 sortOrder: 'asc', striped: true, //行间隔色 showExport: true, //是否显示导出 exportDataType: 'all', search: true, detailView: false,//父子表 onExpandRow: function (index, row, $detail) { oInitInitSubTable(index, row, $detail); } }); } function getAttendanceResult() { var TeamGroupId = $("#TeamGroupName").val(); var date = $("#date").val(); $.ajax({ url: "/Employee/getAttendanceResult", type: "post", dataType: 'json', data: { "TeamGroupId": TeamGroupId, "date": date, }, success: function (data) { chkData = eval(data); $('#tablesinglelast').bootstrapTable('load', chkData); }, error: function () { zcy.alert.error("获取考勤表失败"); } }); } ``` 我用bootstrap-table-contextmenu 在getAttendanceResult实现了一个右键菜单 ``` function getAttendanceResult() { //鼠标右键菜单 $('#tablesinglelast').bootstrapTable({ contextMenu: '#context-menu', onContextMenuItem: function(row, $el){ if ($el.data("item") == "properfunctioning") { //var msg = "你确定要设置为考勤?"; //zcy.alert.confirm("请确认操作",msg); console.log(row); zcy.alert.success(""+row+"的考勤记录"); } } }); var TeamGroupId = $("#TeamGroupName").val(); var date = $("#date").val(); $.ajax({ url: "/Employee/getAttendanceResult", type: "post", dataType: 'json', data: { "TeamGroupId": TeamGroupId, "date": date, }, success: function (data) { chkData = eval(data); $('#tablesinglelast').bootstrapTable('load', chkData); }, error: function () { zcy.alert.error("获取考勤表失败"); } }); } ``` ![图片说明](https://img-ask.csdn.net/upload/201906/20/1561022981_497748.png) 但是获取的都是一行的值,获取不到单元格的值,该怎么办呢?
(html)弹窗播放优酷视频的Sctipt怎么使用
如何实现如图网站,只不过点击图片后弹出的视频为优酷的。 ![实现目标](https://img-ask.csdn.net/upload/201704/22/1492841272_367696.png) 之前放油管视频的源码: ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Fresh Tomatoes!</title> <!-- Bootstrap 3 --> <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"> <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css"> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <style type="text/css" media="screen"> body { padding-top: 80px; } #trailer .modal-dialog { margin-top: 200px; width: 640px; height: 480px; } .hanging-close { position: absolute; top: -12px; right: -12px; z-index: 9001; } #trailer-video { width: 100%; height: 100%; } .movie-tile { margin-bottom: 20px; padding-top: 20px; } .movie-tile:hover { background-color: #EEE; cursor: pointer; } .scale-media { padding-bottom: 56.25%; position: relative; } .scale-media iframe { border: none; height: 100%; position: absolute; width: 100%; left: 0; top: 0; background-color: white; } </style> <script type="text/javascript" charset="utf-8"> // Start playing the video whenever the trailer modal is opened $(document).on('click', '.movie-tile', function (event) { var trailerYouTubeId = $(this).attr('data-trailer-youtube-id') var sourceUrl = 'http://www.youtube.com/embed/' + trailerYouTubeId + '?autoplay=1&html5=1'; $("#trailer-video-container").empty().append($("<iframe></iframe>", { 'id': 'trailer-video', 'type': 'text-html', 'src': sourceUrl, 'frameborder': 0 })); }); </script> </head> <body> <!-- Trailer Video Modal --> <div class="modal" id="trailer"> <div class="modal-dialog"> <div class="modal-content"> <a href="#" class="hanging-close" data-dismiss="modal" aria-hidden="true"> <img src="https://lh5.ggpht.com/v4-628SilF0HtHuHdu5EzxD7WRqOrrTIDi_MhEG6_qkNtUK5Wg7KPkofp_VJoF7RS2LhxwEFCO1ICHZlc-o_=s0#w=24&h=24"/> </a> <div class="scale-media" id="trailer-video-container"> </div> </div> </div> </div> <div class="container"> <div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="tJ7JcweIOZ4" data-toggle="modal" data-target="#trailer"> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1493212043&di=c33e7ecc83b30ca4a84a179c74e06a34&imgtype=jpg&er=1&src=http%3A%2F%2Faskpanda.cc%2Fask%2Fpics%2Fstar%2Fmovie%2F9856%2F9856-dm2420160527105239.jpg" width="220" height="342"> <h2>Toy Story</h2> </div> </div> </body> </html> ``` 可参考优酷Script源码: ``` <div id="youkuplayer" style="width:480px;height:400px"></div> <script type="text/javascript" src="//player.youku.com/jsapi"></script> <script type="text/javascript"> var player = new YKU.Player('youkuplayer',{ styleid: '0', client_id: 'YOUR YOUKUOPENAPI CLIENT_ID', vid: '替换成优酷视频ID', newPlayer: true }); function playVideo(){ player.playVideo(); } </script> ```
如何回显jsp多个表单不同时显示时模态框?
一个jsp页面内有两个连接连个form表单,当点击一个连接时弹出其中的一个form表单 运行时,只显示两个连接,form表单是不显示的回显时怎么弄???? ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib uri="/struts-tags" prefix="s" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="http://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <style> body{ /*background-color: aliceblue;*/ font-family: "microsoft yahei"; /*min-width: 800px;*/ } img{ width: 100%; /*height: 462px;*/ } .navbar{ /*margin-bottom: -10px;*/ } #myppt{ margin-top: -20px; } </style> </head> <body> <ul class=" navbar-nav navbar-right" style="list-style: none;"> <s:if test="#session.user != null"> <li ><a class="glyphicon glyphicon-user login_text" style="float:left;" data-target="#register" href="${pageContext.request.contextPath}/cancell.action">注销 </a></li> <li ><span class="glyphicon glyphicon-log-in wish" data-toggle="modal" style=" margin-top:17px">&nbsp欢迎你<s:property value="#session.user"/> </span></li> </s:if> <s:if test="#session.user == null"> <li ><a class="glyphicon glyphicon-user login_text" style="float:left; margin-right:75px" data-toggle="modal" data-target="#register" ><span >注册</span> </a>&nbsp&nbsp&nbsp&nbsp</li> <li ><a class="glyphicon glyphicon-log-in wish" data-toggle="modal" data-target="#login" href=""><span>登录</span></a></li> </s:if> </ul> <!-- 注册窗口 --> <div id="register" class="modal fade" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <button class="close" data-dismiss="modal"> <span>&times;</span> </button> </div> <div class="modal-title"> <h1 class="text-center">注册</h1> </div> <div class="modal-body"> <form class="form-group" action="${pageContext.request.contextPath}/login2.action" method="post"> <div class="form-group"> <label for="">用户名</label> <input name="username" class="form-control" type="text" placeholder="6-15位字母或数字"> </div> <div class="form-group"> <label for="">密码</label> <input class="form-control " name="password" type="password" placeholder="至少6位字母或数字"> </div> <div class="form-group"> <label for="">再次输入密码</label> <input type="password" placeholder="至少6位字母或数字"> </div> <div class="form-group"> <label for="">邮箱</label> <input class="form-control" type="email" name="email" placeholder="例如:123@123.com"> </div> <div class="text-right"> <button class="btn btn-primary" type="submit">注册</button> <button class="btn btn-danger" data-dismiss="modal">取消</button> </div> <a href="" data-toggle="modal" data-dismiss="modal" data-target="#login">已有账号?点我登录</a> </form> </div> </div> </div> </div> <!-- 登录窗口 --> <div id="login" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <button class="close" data-dismiss="modal"> <span>&times;</span> </button> </div> <div class="modal-title"> <h1 class="text-center">登录</h1> </div> <div class="modal-body"> <form class="form-group" action="${pageContext.request.contextPath}/login.action" method="post"> <div class="form-group"> <label for="">用户名</label> <input name="username" class="form-control" type="text" placeholder=""> </div> <div class="form-group"> <label for="">密码</label> <input name="password" class="form-control" type="password" placeholder=""> </div> <div class="text-right"> <button class="btn btn-primary" type="submit">登录</button> <button class="btn btn-danger" data-dismiss="modal">取消</button> </div> <a href="" data-toggle="modal" data-dismiss="modal" data-target="#register">还没有账号?点我注册</a> </form> </div> </div> </div> </div> </body> </html> ``` ``` ```
struts2+ajax登录问题
action中: public String execute() throws Exception { User u=userService.findUserByNameAndPassword(user); try { u.setStudentCourseInfoList(null); u.setTeacherCourseInfoList(null); user.setId(u.getId()); return String.valueOf(u.getType()); /*return SUCCESS;*/ } catch (NullPointerException e) { //json.fromObject("用户名密码错误,请重新登录!"); //this.message="错误"; JSONObject jsob = new JSONObject(); jsob.put("success", "用户名密码错误或不存在"); json = JSONObject.fromObject(jsob); return ERROR; } } 配置文件中: <action name="loginPro" class="com.lb.action.UserAction"> <result name="1">/jsp/teacher/teacher.jsp</result> <result name="2">/jsp/student/student.jsp</result> <result name="0">/jsp/admin/admin.jsp</result> <!-- <result name="error">/jsp/login/fail.jsp</result> <result type="json" name="error"> <param name="root">json</param> </result>--> </action> 页面中: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <%@ taglib prefix="s" uri="/struts-tags"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>用户登录界面</title> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/icon.css"> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/color.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css"> <script src="${pageContext.request.contextPath}/jquery/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.easyui.min.js"></script> <script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script> <style type="text/css"> .myBackground { background: url("${pageContext.request.contextPath}/picture/background.jpg") no-repeat; background-position: 50px 50px; } .myInstitute { background: url("${pageContext.request.contextPath}/picture/logo.jpg") no-repeat; } .myBackgroundColor { background-color: #fff; } </style> </head> <body class="easyui-layout"> <div data-options="region:'north',split:false" style="height: 100px" class="myInstitute myBackgroundColor"></div> <div data-options="region:'center',split:false" style="width: 800px" class="myBackground"> <div style="margin-top: 30px; margin-left: 250px;"> <h2 style="font-size: 40px; color: grey;">学生信息管理系统</h2> <h4 style="font-size: 15px; color: grey; margin-left: 100px; margin-top: 30px;">——光山县第二高级中学</h4> </div> <div style="margin-top: -10px; margin-left: 800px;"> <form id="loginForm" method="post" style="border-left: #CCC 2px solid"> <div style="margin: 20px; margin-left: 50px;"> <input type="text" name="user.username" class="form-control" id="inputUsername" placeholder="用户名" style="width: 250px;"> </div> <div style="margin: 20px; margin-left: 50px;"> <input type="password" name="user.password" class="form-control" id="inputPassword" placeholder="密码" style="width: 250px;"> </div> <div style="margin: 20px; margin-left: 50px;"> <button id="login" type="submit" class="btn btn-default" style="width: 250px;">登录</button> </div> </form> </div> </div> <script type="text/javascript"> function loginHandle() { $.ajax({ //url:g_contextPath+'/servlet/LoginHandleServlet', url:'loginPro.action', //url表示服务器端处理用户登录的URL地址 //data表示要提交到服务器端的数据,更加简洁的写法 data: $('#loginForm').serialize(), //serialize()方法的作用是将form表单中的内容序列化成字符串 dataType: 'json', type:'post', success: function(data) { var dataObj=eval(data); $.messager.alert('提示',dataObj.success,'error'); } }); }; $("#loginForm").keydown(function(e){ if(e.keyCode == 13){ loginHandle(); } }); $(function(){ $('#login').click(function() { //var params=$('input').serialize(); //将input元素序列化,返回JSON数据格式 $.ajax({ type: 'post', //请求方式为post方式 url: 'login.action', //请求地址 dataType: 'json', //服务器返回类型为JSON类型 data:$('#loginForm').serialize(), //发送到服务器的数据 success:function(data){ //请求成功后的回调函数 var dataObj=eval(data); $.messager.alert('提示',dataObj.success,'error'); } }); }); }) </script> </body> </html> 问题:学生 老师 管理员都在一个用户表,用类型区分,用户登录判断用户名和密码,判断用户类型 跳转对应页面,如果用户名或密码错误,弹出错误消息
为什么两个按钮我随便点击一个按钮都会更新成功,插入按钮我需要的是插入更能而不是更新功能,求大神指教
<%@ page import="com.trs.constants.AuthConstants"%> <%@ page import="org.springframework.validation.FieldError"%> <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>短信管理-修改短信模板</title> <link rel="stylesheet" type="text/css" href="<%=basePath %>images/smsNewAndUpdatePopup.css" /> <link rel="stylesheet" type="text/css" href="<%=basePath %>images/bootstrap.min.css" /> <script src="<%=basePath %>images/jquery.min.js"></script> <script src="<%=basePath %>images/layer/layer.js"></script> </head> <body> <div class="smsNewAndUpdate_Popup"> <div class="titlePopup_head"> <span>修改短信模板</span> <img src="<%=basePath %>images/cls.jpg" class="titlePopup_head_right" onclick="cancelbtn()"> </div> <div class="smsNewAndUpdate_Popup_con"> <div class="smsNewAndUpdate_Popup_main"> <form class="form-horizontal" id="updateSmsTemp" action="<%=basePath%>smsTemp.do?method=updateSmsTemp" method="post"> <input type="hidden" name="stId" value="${requestScope.mrsSmsTemp.stId}"> <fieldset> <div class="popupInfo_left"> <span>名称:</span><input type="text" placeholder="" class="input-xlarge" value="${requestScope.mrsSmsTemp.tempName}" id="tempName" name="tempName"/><span class="required_Info">*</span> </div> <div class="popupInfo_left"> <span>类型:</span> <div class="drop_down"> <select class="border_clr" id="tempType" name="tempType" value="${requestScope.mrsSmsTemp.tempType}"> <option value="1" <c:if test="${requestScope.mrsSmsTemp.tempType eq '1'}">selected</c:if> >自取</option> <option value="2" <c:if test="${requestScope.mrsSmsTemp.tempType eq '2'}">selected</c:if> >邮寄</option> <option value="3" <c:if test="${requestScope.mrsSmsTemp.tempType eq '3'}">selected</c:if>>打卡</option> </select> </div> </div> <div class="popupInfo_left"> <span>内容:</span> <div class="drop_down"> <select class="border_clr" id="ditchId" name="ditchId" value="${requestScope.mrsSmsTemp.ditchId}"> <option value="0" <c:if test="${requestScope.mrsSmsTemp.ditchId eq '0'}">selected</c:if> >渠道选择</option> <option value="1" <c:if test="${requestScope.mrsSmsTemp.ditchId eq '1'}">selected</c:if> >APP</option> <option value="2" <c:if test="${requestScope.mrsSmsTemp.ditchId eq '2'}">selected</c:if> >网站</option> <option value="3" <c:if test="${requestScope.mrsSmsTemp.ditchId eq '3'}">selected</c:if>>纸媒</option> <option value="4" <c:if test="${requestScope.mrsSmsTemp.ditchId eq '4'}">selected</c:if>>杂志</option> </select> </div> <div class="drop_down"> <select class="border_clr" > <option value="标题">标题</option> <option value="作者">作者</option> <option value="时间">时间</option> </select> </div> <button class="border_clr0" onclick="insert()">插入</button> </div> <div class="popupInfo_left"> <textarea class="ml42 popupInfo_right_area" name="tempContent" id="tempContent" cols="57" rows="7" >${requestScope.mrsSmsTemp.tempContent }</textarea><span class="required_Info1">*</span> </div> <div class="popupInfo_left"> <span>说明:</span> <textarea class="popupInfo_right_area" name="tempDescription" id="tempDescription" cols="57" rows="7">${requestScope.mrsSmsTemp.tempDescription }</textarea> </div> </fieldset> </form> <div class="smsNewAndUpdatePopup_footer"> <button class="news-role-btn-success" onclick="successBtn()">确定</button> <button class="news-role-btn" onclick="cancelbtn()">取消</button> </div> </div> </div> </div> <script type="text/javascript"> function insert() { } //关闭弹出层 function cancelbtn() { var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); } function successBtn(){ var tempName = document.getElementById("tempName").value; var tempContent = document.getElementById("tempContent").value; if(tempName==""){ layer.tips('模板名称不能为空!', '#tempName', { tips: 3 }); }else if(tempContent==""){ layer.tips('模板内容不能为空!', '#tempContent', { tips: 3 }); }else{ document.getElementById("updateSmsTemp").submit(); } } </script> <!-- 判断如果返回了错误信息则显示 --> <c:forEach items="${requestScope.hasError}" var="hasError" > <c:set var="_haserror" scope="page" value="${hasError }"/> </c:forEach> <c:if test="${_haserror!=null}"> <script> layer.tips('${_haserror}', '#tempName', { tips: 3 }); </script> </c:if> <% //如果没有错误信息则代表成功,关闭当前窗口 %> <c:if test="${requestScope.success eq 'success'}"> <script> var index = parent.layer.getFrameIndex(window.name); parent.location.reload(); parent.layer.close(index); </script> </c:if> <script type="text/javascript"> (function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if ($t.selectionStart || $t.selectionStart == '0') { var startPos = $t.selectionStart; var endPos = $t.selectionEnd; var scrollTop = $t.scrollTop; $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length); this.focus(); $t.selectionStart = startPos + myValue.length; $t.selectionEnd = startPos + myValue.length; $t.scrollTop = scrollTop; } else { this.value += myValue; this.focus(); } } }); })(jQuery); $(".border_clr0").change(function(){ $("#tempContent").insertAtCaret($(this).val()); }); </script> </body> </html>
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
面试官问我:什么是消息队列?什么场景需要他?用了会出现什么问题?
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸,打败了无数
8年经验面试官详解 Java 面试秘诀
    作者 | 胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。   Java程序员准备和投递简历的实
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
MyBatis研习录(01)——MyBatis概述与入门
C语言自学完备手册(33篇) Android多分辨率适配框架 JavaWeb核心技术系列教程 HTML5前端开发实战系列教程 MySQL数据库实操教程(35篇图文版) 推翻自己和过往——自定义View系列教程(10篇) 走出思维困境,踏上精进之路——Android开发进阶精华录 讲给Android程序员看的前端系列教程(40集免费视频教程+源码) 版权声明 本文原创作者:谷哥的小弟 作者博客
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
你知道的越多,你不知道的越多 点赞再看,养成习惯 本文 GitHub https://github.com/JavaFamily 已收录,有一线大厂面试点思维导图,也整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。 前前言 为啥今天有个前前言呢? 因为你们的丙丙啊,昨天有牌面了哟,直接被微信官方推荐,知乎推荐,也就仅仅是还行吧(心里乐开花)
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
Python爬虫精简步骤1 获取数据
爬虫的工作分为四步: 1.获取数据。爬虫程序会根据我们提供的网址,向服务器发起请求,然后返回数据。 2.解析数据。爬虫程序会把服务器返回的数据解析成我们能读懂的格式。 3.提取数据。爬虫程序再从中提取出我们需要的数据。 4.储存数据。爬虫程序把这些有用的数据保存起来,便于你日后的使用和分析。 这一篇的内容就是:获取数据。 首先,我们将会利用一个强大的库——requests来获取数据。 在电脑上安装
Python绘图,圣诞树,花,爱心 | Turtle篇
1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle() circle.shape('circle') circle.color('red') circle.speed('fastest') circle.up() square = turtle.Turtle()
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 更多有趣分析教程,扫描下方二维码关注vx公号「裸睡的猪」 即可查看! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布
web前端javascript+jquery知识点总结
Javascript javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ,语法同java类似,是一种解释性语言,边执行边解释。 JavaScript的组成: ECMAScipt 用于描述: 语法,变量和数据类型,运算符,逻辑控制语句,关键字保留字,对象。 浏览器对象模型(Br
Python实战:抓肺炎疫情实时数据,画2019-nCoV疫情地图
文章目录1. 前言2. 数据下载3. 数据处理4. 数据可视化 1. 前言 今天,群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者,国家重点实验室成员,于不惑之年学习python,实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据,也没有画过类似的数据分布图。于是就拿了两个小时,专门研究了一下,遂成此文。 2月6日追记:本文发布后,腾讯的数据源多次变更u
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
渗透测试-灰鸽子远控木马
木马概述 灰鸽子( Huigezi),原本该软件适用于公司和家庭管理,其功能十分强大,不但能监视摄像头、键盘记录、监控桌面、文件操作等。还提供了黑客专用功能,如:伪装系统图标、随意更换启动项名称和表述、随意更换端口、运行后自删除、毫无提示安装等,并采用反弹链接这种缺陷设计,使得使用者拥有最高权限,一经破解即无法控制。最终导致被黑客恶意使用。原作者的灰鸽子被定义为是一款集多种控制方式于一体的木马程序
Python:爬取疫情每日数据
前言 有部分同学留言说为什么412,这是因为我代码里全国的cookies需要你自己打开浏览器更新好后替换,而且这个cookies大概只能持续20秒左右! 另外全国卫健委的数据格式一直在变,也有可能会导致爬取失败! 我现在已根据2月14日最新通报稿的格式修正了! 目前每天各大平台,如腾讯、今日头条都会更新疫情每日数据,他们的数据源都是一样的,主要都是通过各地的卫健委官网通报。 为什么已经有大量平台做
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计
Python新型冠状病毒疫情数据自动爬取+统计+发送报告+数据屏幕(三)发送篇
今天介绍的项目是使用 Itchat 发送统计报告 项目功能设计: 定时爬取疫情数据存入Mysql 进行数据分析制作疫情报告 使用itchat给亲人朋友发送分析报告(本文) 基于Django做数据屏幕 使用Tableau做数据分析 来看看最终效果 目前已经完成,预计2月12日前更新 使用 itchat 发送数据统计报告 itchat 是一个基于 web微信的一个框架,但微信官方并不允
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧...... 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升
粒子群算法求解物流配送路线问题(python)
粒子群算法求解物流配送路线问题(python) 1.查找论文文献 找一篇物流配送路径优化+粒子群算法求解的论文 参考文献:基于混沌粒子群算法的物流配送路径优化 2.了解粒子群算法的原理 讲解通俗易懂,有数学实例的博文:https://blog.csdn.net/daaikuaichuan/article/details/81382794 3.确定编码方式和解码策略 3.1编码方式 物流配送路线的
教你如何编写第一个简单的爬虫
很多人知道爬虫,也很想利用爬虫去爬取自己想要的数据,那么爬虫到底怎么用呢?今天就教大家编写一个简单的爬虫。 下面以爬取笔者的个人博客网站为例获取第一篇文章的标题名称,教大家学会一个简单的爬虫。 第一步:获取页面 #!/usr/bin/python # coding: utf-8 import requests #引入包requests link = "http://www.santostang.
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
情人节来了,教你个用 Python 表白的技巧
作者:@明哥 公众号:Python编程时光 2020年,这个看起来如此浪漫的年份,你还是一个人吗? 难不成我还能是一条狗? 18年的时候,写过一篇介绍如何使用 Python 来表白的文章。 虽然创意和使用效果都不错,但有一缺点,这是那个exe文件,女神需要打开电脑,才有可能参与进来,进而被你成功"调戏”。 由于是很早期的文章了,应该有很多人没有看过。 没有看过的,你可以点击这里查看:用Pyt...
相关热词 c# 识别回车 c#生成条形码ean13 c#子控制器调用父控制器 c# 写大文件 c# 浏览pdf c#获取桌面图标的句柄 c# list反射 c# 句柄 进程 c# 倒计时 线程 c# 窗体背景色
立即提问