html5-form表单中的input输入框无法被鼠标点击获取焦点？—

form表单中的input输入框无法被鼠标点击获取焦点？

在form表单中多增加了层div，鼠标点击无法获取焦点，按table建可以。

<form>
<div class = "1">
  <input type="text" >
<div>
<div class ="1">
  <div class ="2">
    <input type="text">
    </div>
</div>
</form>

出现在 class="2"这一层的input输入框鼠标点击无法获取焦点.这个是什么原因呢?

编辑于：2019.03.05 17:12 发布于：2019.03.05 17:07

| 评论0 | 收藏 | 浏览1353 |

: weixin_43225142

声望： 0

5个回答

按赞数排序

input输入框被div层覆盖住了吧

发布于：2019.03.05 17:17

评论 2 |

: 天际的海浪

声望： 3149

: weixin_43225142 回复weixin_43225142: 在不取消div层的情况下; 11 个月之前回复

: weixin_43225142 那这个问题该怎么解决呢; 11 个月之前回复

你可以设置z-index值试试

发布于：2019.03.05 17:28

评论 0 |

: ganlubaba666

声望： 15

给input和div都设置position然后调z-index

发布于：2019.03.05 17:48

评论 1 |

: 子幽

声望： 619

: weixin_43225142 源代码在class=“2”这一层有个float属性，去掉float属性之后，输入框可以被点击了; 11 个月之前回复

F12查看下 是不是  class="2"这一层的input输入框 被上面的 文本框遮挡住了

发布于：2019.03.06 09:09

评论 0 |

: qq_34624181

声望： 0

你的类名为“class1”的div没有闭合，注意书写习惯

发布于：2019.03.25 17:39

评论 1 |

: 下一个喵呜

声望： 55

: weixin_43225142 谢谢指出!; 10 个月之前回复

: 插入链接

本地上传网络图片

上传中...

浏览

上传图片

插入图片

其他相关推荐

微信小程序如何只在前端获取input里面输入的值？: 微信小程序如何利用navigator的同时，获取input里面输入的值呢。在form表单里面，我在input输入框输入内容后，点击navigator后进入其他页面，并且带着input输入框的值。

怎么把一个form表单里的input框分类，做到转换为json格式时可以形成一个大数组？: 想实现的就是有在一个form表单里有一系列输入框分为好几个组，输入值后选择用转换为json格式提交 ![图片说明](https://img-ask.csdn.net/upload/201908/13/1565687289_915229.png)最后想导出的json想是每个红框里是一组，然后是存在一个大的json数组里想把在一个form表单里的N个input输入框分为几个组可以在导出json时实现 [{zubie1:{{name: "333", value: ""} , {name: "input", value: ""} ,{name: "title", value: ""} ,{name: "sex", value: ""} , {name: "null", value: ""} ,{name: "null", value: ""}}，{zubie2:{{name: "333", value: ""} , {name: "input", value: ""} ,{name: "title", value: ""} ,{name: "sex", value: ""} , {name: "null", value: ""} ,{name: "null", value: ""}}]这种形式的求助各位大神

html5 form表单里有多个 input type="search"的问题?: html5页面 form表单里有多个 input type="search"，在手机上浏览，在search框内输入后，点击键盘右下角的搜索，form表单没有提交。若form表单里只有一个search，则会提交表单。这类问题主要是什么？

如何获取同一个form表单里的对象的value值呢: ``` <input type="hidden" id="district<%=i%>" name="district" > <script> document.getElementById("district"+i).value=document.getElementById("shuru"+i).value </script> ``` 如题，我想将hidden里的value 设置为上面id为shuru的的值 ``` <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@page import="Db.Db"%> <%@page import="java.text.SimpleDateFormat"%> <%@ page import="java.sql.*"%> <%@ page import="java.util.Date"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %>  <% request.setCharacterEncoding("utf-8"); String uaddr = null; int uid = 0; String uname = request.getParameter("uname"); String[] strgid = request.getParameterValues("addOrders"); Connection conn = null; Statement stmt = null; Statement stmt1 = null; ResultSet rs = null; ResultSet rs1 = null; conn = Db.getconn(); stmt = conn.createStatement(); stmt1 = conn.createStatement(); System.out.println(uname); rs1 = stmt1.executeQuery("select * from user where uname = '"+ uname + "' "); if (rs1.next()) { uaddr = rs1.getString("uaddr"); uid = rs1.getInt("uid"); } %> <% SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String nowTime = sdf.format(new Date()); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>购物车</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> </head> <body> <form method="post" action="servlet/AddOrdersServlet" name="numSender"> <input type="hidden" name="uid" value="<%=uid%>"> <input type="hidden" name="uname" value="<%=uname%>"> <input type="hidden" name="oaddr" value="<%=uaddr%>"> <input type="hidden" name="dealtime" value="<%=nowTime%>">  <script type="text/javascript"> function jianC(i,p1) { /*定义变量K，用商品数量输入框里面的数字赋值*/ var k =document.getElementById("shuru"+i);//获取数量输入控件 var v=parseInt(k.value,10); v--; /*点击-号按钮会递减商品价格*/ if (v < 1) { alert("亲，商品数量不能小于1！"); return//超限退出 } k.value=v; k.setAttribute('sum',v*p1)//将这个物品的小计放到自定义属性sum中，方便计算总价 setTotal()//重新设置总价钱 } function adddC(i,p1) { /*点击+号按钮会递加商品数量*/ var k =document.getElementById("shuru"+i);//获取数量输入控件 var v=parseInt(k.value,10); v++; if (v > 99) { alert("您所选择的数量已经到达库存上限！"); return//超限退出 } k.value=v; k.setAttribute('sum',v*p1)//将这个物品的小计放到自定义属性sum中，方便计算总价 setTotal()//重新设置总价钱 } function setTotal(){//设置总价 var o=document.getElementsByName('init_num');//获取数量输入框 var sum=0; for(var i=0;i<o.length;i++)sum+=parseInt(o[i].getAttribute('sum')||0) document.getElementById("cost").value = sum + "元" } function sendNum() { alert("xxxxxx"); document.getElementById("district"+i).value=document.getElementById("shuru"+i).value; alert("aaaaaaaaaaa"); } </script> <table border=1 align="center"> <tr> <td colspan="4" align="center">购物车</td> </tr> <tr> <td align="center">商品</td> <td align="center">数量</td> <td align="center" colspan="1">操作</td> </tr> <% for (int i = 0; i < strgid.length; i++) { int gid = Integer.parseInt(strgid[i]); rs = stmt.executeQuery("select * from goods where gid =" + gid); if (rs.next()) { String strgprice = rs.getString("gprice"); Double p =Double.parseDouble(strgprice); // System.out.println("p="+p); %>  <tr> <td><img src="<%=rs.getString("gpicture")%>"> <%=rs.getString("gname")%></td> <td><input type="button" id="jian" onClick="jianC(<%=i%>,<%=p%>)" value="-"> <input id="shuru<%=i%>" name="init_num" class="input_text" type="text" value="0" size="3"> <input type="hidden" id="district<%=i%>" name="district" > <script> document.getElementById("district"+i).value=document.getElementById("shuru"+i).value </script> <input type="button" id="addd" onClick="adddC(<%=i%>,<%=p%>)" value="+"></td> <td> <input type="checkbox" name="gid" value="<%=gid %>"> </td> </tr> <% } } rs.close(); rs1.close(); stmt.close(); stmt1.close(); conn.close(); %> <tr> <td colspan="4" align="center"> 总价:<input id="cost" class="input_text" type="text" value="0" size="3" value="0"></td> </tr> <tr> <td colspan="5" align="center"> <button id="buy_anniu" type="submit" onClick="sendNum()">提交</button> <button type="reset">重置</button> </td> </tr> </table> </form> </body> </html> ```

关于form表单中的a标签传值问题: 例如： jsp: < form style="left: -40%;" action="updateServlet"> < input type="text" name="name1"> < a href="updateServlet2">修改< /a> < input type="submit" value="提交"> < /form> updateServlet2: String a = request.getParameter("name1"); System.out.print(a); 这种情况下输出字符串a为NULL值，请问这是为什么？另外我应该用什么办法让a标签转到的页面可以得到框中输入的值呢？ ps：我输入的值还想放在数据库当中

form表单同事提交多个文件盒文本框中数据，后台该输入接收数据？: 表单内容如下： <form> <input type="file" name="file"/> <input type="file" name="file"/> <input type="text" name="userName"/></br> <input type="text" name="password"/> </form> 对于如上的表单，后台如何接收数据的方法如下： public String registMrl( @RequestParam("files") MultipartFile[] files, @RequestParam(value = "userName", required = true) String userName, @RequestParam(value = "password", required = true) String password, HttpSession session, HttpServletResponse response, HttpServletRequest request) throws Exception { .........//业务处理 } 这样子接收文件始终不对，问题出在哪里呢？

form提交后，action中怎么获取select下拉框的选中值: 点击按钮后如果选择.com表单应该是 http://我的域名/nav/c1.php?id= 如果选择.cn应该是 http://我的域名/nav/c2.php?id= 小白不懂想问下怎么实现 ``` <form action="这里应该填什么才能保证选择其他选项的时候自动变成option value后的内容" method="get" name="form"> <div class="form-group"> <div class="input-group"> <input type="text" name="id" class="form-control" placeholder="请输入删除后缀的域名"> <div class="input-group-addon"> <select id="select" onchange="change();"> <option value="./nav/c1.php" selected>.com</option> <option value="./nav/c2.php">.cn</option> <option value="./nav/c3.php">.cc</option> <option value="./nav/c4.php">.me</option> <option value="./nav/c5.php">.pw</option> <option value="./nav/c6.php">.top</option> <option value="./nav/c7.php">.net</option> <option value="./nav/c8.php">.bid</option> <option value="./nav/c9.php">.online</option> <option value="./nav/a1.php">.xyz</option> </select> </div> </div> </div> <button type="submit" class="btn btn-success btn-block">生成短链接</button> ```

nodejs 如何传给 html 数据: 我做一个计算器,我现在可以接收到form表单的值,但是怎么能把运算后的数值返回给html页面,在input输入框中显示

jquery问题，为什么通过append增加的input，无法获取id名称？: ``` $("form button").click(function () { $("#newinput").empty(); if ($(this).attr("id") === "newpren") { $("#newinput").append("<input id=\"newclass\" name=\"newclass\" style=\"margin-top:10px;\" mtype=\"str:4:30\" class=\"form-control\" placeholder=\"新父类名称\" min=\"5\" max=\"30\" type=\"text\"/>"); } if ($(this).attr("id") === "oldclass") { $("#newinput").append("<input id=\"oldclass\" name=\"oldclass\" style=\"margin-top:10px;\" mtype=\"str:4:30\" placeholder=\"旧子类列表\" class=\"form-control\" min=\"5\" max=\"30\" type=\"text\"/>");//ajax抽取后台数据？ } }); $("#submit").click(function () { var sumQ = $("#MTform").serializeArray(); var strs; for (i = 0; i < sumQ.length; i++) { // if(sumQ[i]){} strs = strs + sumQ[i].name + " , "; //上面比如创建了oldclass的输入框，这里怎么也获取不到其name值呢？表单默认有的input里的id都可以获取，唯独这个动态创建的不行，郁闷 } alert(strs); }); ``` 谢谢各位帮忙

本人是初学者看一些代码有些不懂，还请大神指点一下，谢谢: ${ msg }表示什么意思呢？？？ index.jsp怎么跳转到main.jsp呢？？？ **index.jsp** ``` <html > <title>聊天室</title> <link href="CSS/style.css" rel="stylesheet"> <script type="text/javascript"> function check(){ if(document.getElementById("form1").username.value==""){ alert("请输入用户名！"); document.getElementById("form1").username.focus(); return false; } if(document.getElementById("form1").password.value==""){ alert("请输入密码名！"); document.getElementById("form1").password.focus(); return false; } } </script> <body> <br> <center><h3 style="color:red;">${ msg }</h3></center> <form id="form1" name="form1" method="post" action="${pageContext.request.contextPath }/user" onSubmit="return check()"> <input type="hidden" name="method" value="login"> <table width="371" height="230" border="0" align="center" cellpadding="0" cellspacing="0" background="images/login.jpg"> <tr> <td height="120" colspan="3" class="word_dark"> </td> </tr> <tr> <td width="53" align="center" valign="top" class="word_dark"> </td> <td width="216" align="center" valign="top" class="word_dark"> <table width="100%" height="100%"> <tr> <td>用户名：</td> <td><input type="text" name="username" class="login"></td> </tr> </table> </td> <td width="94" valign="top" class="word_dark"></td> </tr> <tr> <td width="53" align="center" valign="top" class="word_dark"> </td> <td width="216" align="center" valign="top" class="word_dark"> <table width="100%" height="100%"> <tr> <td>密  码：</td> <td><input type="password" name="password" class="login"></td> </tr> </table> </td> <td width="94" valign="top" class="word_dark"></td> </tr> <tr> <td width="53" align="center" valign="top" class="word_dark"> </td> <td width="216" align="center" valign="top" class="word_dark"> <input name="Submit" type="submit" class="btn_bg" value="进入"> </td> <td width="94" valign="top" class="word_dark"> </td> </tr> </table> </form> </body> </html> ``` **main** ``` <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ include file="safe.jsp"%> <html> <head> <title>聊天室</title> <link href="CSS/style.css" rel="stylesheet"> <script type="text/javascript" src="${ pageContext.request.contextPath }/js/jquery-1.8.3.js"></script> <script type="text/javascript"> var sysBBS = "<span style='font-size:14px; line-height:30px;'>欢迎光临心之语聊天室，请遵守聊天室规则，不要使用不文明用语。</span><br><span style='line-height:22px;'>";var sysBBS = "<span style='font-size:14px; line-height:30px;'>欢迎光临心之语聊天室，请遵守聊天室规则，不要使用不文明用语。</span><br><span style='line-height:22px;'>"; window.setInterval("showContent();",1000); window.setInterval("showOnLine();",10000); window.setInterval("check();",1000); // Jquery:JS框架. // 相当于window.onload $(function(){ showOnLine(); showContent(); check(); }); function check(){ $.post("${pageContext.request.contextPath}/user?method=check",function(data){ if(data == 1){ // 提示用户下线了 alert("用户已经被踢下线了!"); // 回到登录页面! window.location = "index.jsp"; } }); } // 显示在线人员列表 function showOnLine(){ // 异步发送请求获取在线人员列表 // Jquery发送异步请求 $.post("${pageContext.request.contextPath}/online.jsp?"+new Date().getTime(),function(data){ // $("#online") == document.getElementById("online"); $("#online").html(data); }); } // 显示聊天的内容 function showContent(){ $.post("${pageContext.request.contextPath}/user?"+new Date().getTime(),{'method':'getMessage'},function(data){ $("#content").html(sysBBS+data); }); } function set(selectPerson){ //自动添加聊天对象 if(selectPerson != "${existUser.username}"){ form1.to.value=selectPerson; }else{ alert("请重新选择聊天对象！"); } } function send(){ if(form1.to.value==""){ alert("请选择聊天对象！"); return false; } if(form1.content.value==""){ alert("发送信息不可以为空！"); form1.content.focus(); return false; } // $("#form1").serialize():让表单中所有的元素都提交. // jquery提交数据.{id:1,name:aa,age:25} $.post("${pageContext.request.contextPath}/user?"+new Date().getTime(),$("#form1").serialize(),function(data){ $("#content").html(sysBBS+data+"</span>"); }); } function exit(){ alert("欢迎您下次光临！"); window.location.href="${pageContext.request.contextPath}/user?method=exit"; } function checkScrollScreen(){ if(!$("#scrollScreen").attr("checked")){ $("#content").css("overflow","scroll"); }else{ $("#content").css("overflow","hidden"); //当聊天信息超过一屏时，设置最先发送的聊天信息不显示 //alert($("#content").height()); $("#content").scrollTop($("#content").height()*2); } setTimeout('checkScrollScreen()',500); } </script> </head> <body> <table width="778" height="150" border="0" align="center" cellpadding="0" cellspacing="0" background="images/top.jpg"> <tr> <td> </td> </tr> </table> <table width="778" height="276" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="165" valign="top" bgcolor="#f6fded" id="online" style="padding:5px">在线人员列表</td> <td width="613" height="200px" valign="top" background="images/main_bj.jpg" bgcolor="#FFFFFF" style="padding:5px; "> <div style="height:290px; overflow:hidden" id="content">聊天内容</div></td> </tr> </table> <table width="778" height="95" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#D6D3CE" background="images/bottom.jpg"> <form action="" id="form1" name="form1" method="post"> <input type="hidden" name="method" value="sendMessage"/> <tr> <td height="30" align="left"> </td> <td height="37" align="left"> <input name="from" type="hidden" value="${existUser.username}">[${existUser.username} ]对 <input name="to" type="text" value="" size="35" readonly="readonly"> 表情 <select name="face" class="wenbenkuang"> <option value="无精打采的">无精打采的</option> </select> 说：</td> <td width="189" align="left">  字体颜色： <select name="color" size="1" class="wenbenkuang" id="select"> <option selected>默认颜色</option> <option style="color:#999999" value="999999">烟雨蒙蒙</option> </select> </td> <td width="19" align="left"><input name="scrollScreen" type="checkbox" class="noborder" id="scrollScreen" onClick="checkScrollScreen()" value="1" checked> </td> </tr> <tr> <td width="21" height="30" align="left"> </td> <td width="549" align="left"> <input name="content" type="text" size="70" onKeyDown="if(event.keyCode==13 && event.ctrlKey){send();}"> <input name="Submit2" type="button" class="btn_grey" value="发送" onClick="send()"> </td> <td align="right"><input name="button_exit" type="button" class="btn_grey" value="退出聊天室" onClick="exit()"> </td> <td align="center"> </td> </tr> <tr> <td height="30" align="left"> </td> <td align="center"> </td> </tr> </form> </table> </body> </html> ```

输入框为日期格式，后台怎么处理: <form action="" method="Post"> <input type="datetime-local" name="DateTime"/> <input type="submit" value="submit" /> </form> 前台表单数据、后台怎么接收该数据并处理我使用String 接收但那毕竟不是日期格式。 String time = (String)request.getPamater("Datetime"); 怎样拿到的还是日期格式的时间

node.js解析input中文报错: 通过nodejs将html页面中的表单内容插入mysql数据库。当input文本框内输入的为英文或数字时完全正确，一旦输入中文，点击提交按钮，服务端显示错误"Incorrect String Value……' 现在检查，数据库所有的字符设置都已经为utf8。nodejs代码中也有req.setEncoding('utf8')。表单form标签中也有accept-charset="UTF-8"。node.js代码、html代码、浏览器编码全部为utf8。请问是哪里的错误导致nodejs不能解析input里的中文？以下是我node.js的代码： ``` var http=require('http'); var mysql=require('mysql'); var qs=require('querystring'); var db=mysql.createConnection({ host:'127.0.0.1', user:'root', password:'12345', database:'datanews' }); var server=http.createServer(function(req,res){ switch (req.method) { case 'POST': switch (req.url) { case '/': addUser(db,req,res); break; } break; } }); server.listen(3000,'127.0.0.1'); function addUser(db,req,res) { var newData=''; req.setEncoding('utf8'); req.on( 'data', function(chunck){ newData+=chunck; } ); req.on( 'end', function () { var data=qs.parse(newData); db.query( "INSERT INTO userInfo(nickname,identify,password,gender,birthDay) "+ " VALUES(?,?,?,?,?)", [data.nickname,data.identify,data.password,data.gender,data.birthDay], function (err) { if (err) { throw err; } else{ console.log("seccussful"); var html='<p>注册成功</p>' toBrowser(res,html); } } ) } ) } function toBrowser(res,htmldata) { res.setHeader('Content-Type','text/html;charset=utf8'); res.setHeader('Content-Length',Buffer.byteLength(htmldata)); res.end(htmldata); } ```

html 字体标签列表表格表单: 一、字体标签 1、字体标签使用<font color="" face="" size="">...</font>表示 color属性：表示字体颜色取值：英文 red blue yellow green black pink white 十六进制 #开头前两位控制红色中间两位控制绿色后两位控制蓝色 #00 00 00 十六进制的取值0-F face属性：字体格式比如：宋体、微软雅黑 size属性：字体大小取值：1-7 可以为负数，为负数字字体会变小，超出7以最大值为准默认为3 （官方取值1-7，无特殊情况，不要使用负数）加粗字：<b>...</b>标签中的内容字体会加粗斜体字：<i>...</i>标签中的内容字体会倾斜下划线字：<u>...</u>标签中的内容字体会有下划线二、列表 1、有序列表 order list <ol></ol>表示有序列表 <li></li> list item 列表元素 <ol type="1|A|a|I|i"> <li></li> </ol> type属性取值： 1 阿拉伯数字默认 A 大写的英文字母 a 小写的英文字母 I 大写的罗马数字 i 小写的罗马数字 2、无序列表 unordered list <ul></ul>表示无序列表 <li></li> list item 列表元素 <ul type="disc|circle|square|none"> <li></li> </ul> type属性取值：disc 实心圆默认 circle 空心圆 square 实心方块 none 不修饰一级默认实心圆二级默认空心圆三级默认实心方块 3、自定义列表 definition list <dl></dl> 自定义列表 <dt></dt> 自定义标题 definition title <dd></dd> 自定义描述 definition description <dl> <dt>...</dt> <dd></dd> </dl> 三、表格 <table> <tr> <td>...</td> </tr> </table> table标签：代表表格 tr标签：代表一行注：只有单元格才能放东西，其他的不能放任何元素 thead标签：表格的头部 tbody标签：表格的内容 tfoot标签：表格的尾部 caption标签：表格的标题 boder属性：表格的边框 width属性：宽度 height属性：高度 align属性：对齐方式，取值：左、中、右 cellspacing属性：单元格与单元格之间的间隙外边距 cellpadding属性：单元格与内容之间的间隙内边距 bgcolor属性：表格背景颜色 colspan属性：列合并 rowspan属性：行合并四、表单表单：把客户端页面数据提交给服务器端<form></form> 格式：<form action="" method="" type=""> <input /> </form> form：表单标签 action属性：提交到服务器端的地址 method属性：提交方式，取值：get 默认 post input标签：表单元素 type属性：定义表单中的元素类型，取值如下： text 文本输入框默认 password 密码框 radio 单选框必须每个单选框name属性相同 chackbox 复选框必须每个复选框name属性相同 submit 提交按钮会提交表单 reset 重置按钮会重置表单 button 普通按钮 image 图片按钮会提交表单 hidden 隐藏域 file 文件上传 name属性：元素的名称服务器端是通过name属性获取input框的值 value属性：元素的值 readonly属性：只读会传输到服务器 disabled属性：禁用不会传输到服务器 maxlength属性：最大输入字符个数 placeholder属性：提示语 checked属性：是否选中 select标签：下拉列表 size属性：显示下拉列表中几个值 multicol标签：可以选中多个选项 option标签：下拉列表中的选项格式:<select> <option>...</option> </s/elect> textarea标签：文本区域框 rows属性：行数 cols属性：列数 URL与参数用？连接参数与参数之间用&

html表单提交时，不显示文本框上的错误提示信息: ``` <input type="text" class="form-control" style="width:80%;" id="username" name="username" placeholder="请输入商户昵称" required pattern="[A-Za-z0-9\u4e00-\u9fa5]{0,25}" title="最大长度为25位" > <input id="string_confirm_the_registration" type="submit" value="确认注册" style="margin-top: -50px; width: 287px;" onclick="register_user()"> function register() { var form = $("#form") ; $.post('user/reg',form.serialize(), function(result){ if(result.code==0){ window.location.href="register_success.html"； }else{ alert(result.msg); } }, 'JSON') ; } 文本框输入错误，只显示result.msg里的内容 ```

动态添加行获取input的ID: <%@ page language="java" pageEncoding="gb2312"%> <%@ page import="java.util.Collection,java.util.Iterator"%> <%@ page import="dy.web.beans.NewsClass" %> <%@ page import="dy.web.mgr.NewsClassMgr" %> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSF 'addnews.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">  <script type="text/javascript" src="FCKeditor/fckeditor.js"></script> <script type="text/javascript" src="FCKeditor/calendar/calendarShow.js"></script> <script src="./javascript/jquery.js" type="text/javascript"></script> <script src="./javascript/cookie.js" type="text/javascript"></script> <script language="javascript">  </script> <script language="javascript" type="text/javascript">  </script> </head> <body> <%!String attachfilename=""; %> <%[color=red]//后台传过来的参数[/color] attachfilename=(String)request.getAttribute("attachfilename"); System.out.println("接受到了"+attachfilename); if(attachfilename==null){ %> <script type="text/javascript"> alert("文件上传出错,请您重新上传!"); </script> <% }else{ %> <script type="text/javascript"> //要为输入框写入文件名 alert("到这来了1"); test('attachmentNum'); var temgetcook = getCookie('attachmentNum'); var affile=$('#attachmentFile'+temgetcook); var affilenametest =$('#attachmentNames'+temgetcook); alert("得到cookie的值是"+temgetcook); alert(affilenametest.val());//[color=red]在这里获得不了有效值为什么？[/color] alert("填充框"+affile.val()); alert("文件名测试二"+'<%=attachfilename%>'); </script> <% } %> <script type="text/javascript"> //上传附件 function uploadAttachment(n) { var af = $('#attachmentFile'+n); var affilename =$('#attachmentNames'+n); //检查是否选择了文件 if(af.val()=='') { alert('请选择要上传的文件'); return; } alert(af.val()); alert(affilename.val());//[color=red]在这里获得没有问题[/color] //将file移动至上传表单 $('#attachmentContent').empty(); $('#attachmentContent').append(af); //复制一个file放至原处 $('#afc'+n).append(af.clone().attr('value','')); //修改属性 af.attr('id',''); //其他表单 $('#attachmentNum').val(n); $('#attachmentForm').submit(); SetCookie ("attachmentNum",n); } </script> <form id="attachmentForm" action="servlet/UploadServlet" method="post" enctype="multipart/form-data" target="attachment_iframe" style="display:none;width:0px;height:0px;"> <span id="attachmentContent"></span> <input type="hidden" id="attachmentNum" name="attachmentNum" size="30"/> </form> <iframe name="attachment_iframe" frameborder="0" border="0" style="display:none;width:0px;height:0px;"></iframe> <form name="addnewsfrom" method="post" action="servlet/AddNewsServlet" onSubmit="return check_input()"> <font size="2"> <table width="100%" height="35" border="1" cellpadding="0" cellspacing="0">  <tr> <td width="40%" bordercolor="#FF0000" bgcolor="#FF3333" height="35" align="left"><font color="#ffffff"><b>当前位置:新闻管理 - 添加新闻</b></font><br></td> <td width="40%" bordercolor="#FF0000" bgcolor="#FF3333" height="35" align=center><br></td> <td width="20%" bordercolor="#FF0000" bgcolor="#FF3333" height="35" align="right"> <input type="button" value="返回列表" onclick="window.location='servlet/NewsListServlet'"/> <input type="hidden" name="cid" value="4"/> </td> </tr> </table> <table width="100%" height="5" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="100%" height="5"> </td> </tr> </table> <table width="100%" height="" border="1" cellpadding="0" cellspacing="0"> <tr id="topic"> <td width="13%" height="30" align="right" bgcolor="#FFFF8E"><font color="#FF0000">*</font>标题:</td> <td height="30" colspan="4"> <input name="Topic" type="text" id="Topic" size="70" maxlength="255" /> </td> </tr> <tr> <td width="13%" height="" align="right" bgcolor="#FFFF8E">附件:</td> <td height="30" colspan="4"> <table id="attachTable" border="0"> <tr> <td align="center"><input type="button" onclick="addAttachLine();" value="增加"/></td> <td align="center">附件名称</td> <td align="center">附件地址</td> <td align="center">附件上传</td> </tr> </table> <textarea id="attachTr" style="display:none"> <tr id="attachTr{0}"> <td align="center"><a onclick="$('#attachTr{0}').remove();" href="javascript:void(0);" class="pn-opt">删除</a></td> <td align="center"><input type="text" id="attachmentNames{0}" name="attachmentNames"/></td> <td align="center"><input type="text" id="attachmentPaths{0}" name="attachmentPaths"/></td> <td align="center"> <span id="afc{0}"><input type="file" id="attachmentFile{0}" name="attachmentFile" size="12" style="width:160px"/></span> <input type="button" value="上传" onclick="uploadAttachment({0});"/> <input type="hidden" id="attachmentFilenames{0}" name="attachmentFilenames"/> </td> </tr> </textarea> <script type="text/javascript"> var attachIndex = 2; var attachTpl = $.format($("#attachTr").val()); function addAttachLine() { $('#attachTable').append(attachTpl(attachIndex++)); } </script> </td> </tr> <tr> <td width="100%" height="40" align="center" colspan="4" bgcolor="#FF3333"> <input type="submit" value="提交" onclick="return confirm('是否确定提交?')"/> <input type="reset" value="重置"/> </td> </tr> </table> </font> </form> </body> </html> 在上面代码中在未上传之前可以获得所要的值，但是在长传之后就是在后台上传处理之后就无法再次获得input的值！高手们请进啦！

PHP获取表单相关问题，求教，谢谢了: ``` <!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=gb2312"> <title>获取文本框的信息</title> </head> <body> <form name="form1" method="post" action=""> <table width="509" border="0"> <tr> <td>用户名：</td> <td><input type="text" name="user" size="20" ></td> <td> 密  码：</td> <td><input name="pwd" type="password" id="pwd" size="20" ></td> <td><input name="submit" type="submit" id="submit" value="登录" /></td> </tr> </table> </form> <?php **if($_POST["submit"]=="登录"){ echo "您输入的用户名为：" . $_POST[user] . " 密码为：" . $_POST[pwd]; }**//第22、23行 ?> </body> </html> ``` 是用wamp环境下运行的，新手，不知道问题在哪？求教，谢谢了

表单选择其他后要求必填文本: 如下：选择标签select中有一个option为“其他”，现想实现如果选择为“其他”选项的时候，显示一个“input type="text" ”的输入框，然后对这个输入框做失去焦点验证是否有值的功能。请各位大大帮忙下（JS不佳，最好详细点）部分代码片段如下 ![图片说明](https://img-ask.csdn.net/upload/201708/21/1503280683_364858.png) ``` <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8_decode" /> <title>无标题文档</title> </head> <script>  function select_change() { if (document.getElementById("select_id").value == "其他") { document.getElementById("input_text").style.display = "block"; } else { document.getElementById("input_text").style.display = "none"; } } function show() { var input_text = document.getElementById("input_text").value; if (input_text.length > 0) { document.getElementById("input_text").style.display = "none"; } else { document.getElementById("input_text").style.display = "block"; } } </script> <body> <form name="form1" action="update2.php" method="post"> <table > <tr> <td>故障描述</td> <td> <select name="question" onchange="select_change()" id="select_id"> <option>花屏</option> <option>3.5mm接口无法使用</option> <option>电源接口接触不良</option> <option>电脑蓝屏</option> <option>提示需运行“chkdsk”工具</option> <option>其他</option> </select> <input type="text" id="input_text" style="display: none" name="question2" onblur="show()"/> <strong id="input_text" style="color: red;display: none;">您输入的信息为空！</strong> </td> </tr> </table> </form> </body> </html> ```

TypeError: form.validateFilds is not a function多表单分别向父组件传值时取不到Form的值: 问题描述：我一个页面有多个Modal嵌套Form的组件，现在需要点击各个Modal的OK键取出对应Form里面的值，但是，当仅存在一个Modal时没问题，多个时就报错TypeError: form.validateFilds is not a function，应该是settingFormRef = (form) => { this.form = form; }; const form = this.form; 上面的form没取到值。页面用了多个Form.create()。对react、ref神马一知半解的菜鸟求解。。。。。。其中某一个子组件： class ModifyPhone1 extends PureComponent{ constructor(props) { super(props); this.state = { isSend:false, }; } /*发验证码*/ sendCodeOldPhone=()=>{ const {user:{currentUser:{phone}}} = this.props; const {dispatch} = this.props; const payload = {phone}; dispatch({ type:'settings/sendVerificationCode', payload, callback:()=>{ this.setState({ isSend:true, }) } }); }; onhandlePhone=()=>{ this.sendCodeOldPhone(); }; render(){ const {getFieldDecorator} = this.props.form; const {user:{currentUser:{phone}}} = this.props; return( <Modal title={this.props.title} visible={this.props.visible} confirmLoading={this.props.confirmLoading} onOk={this.props.handleOK} okText='确定' cancelText='取消' onCancel={this.props.onCancel} > <Form layout='horizontal' hideRequiredMark='true'> <FormItem> <Row> <Col span={6}><img src={light} className={styles.img}/><span className={styles.numLocation}>1</span><span className={styles.title1}>验证身份</span></Col> <Col span={3}><Icon type="caret-right" style={{color:'#CFD1D2',fontSize:16}} /></Col> <Col span={6}><img src={gray} className={styles.img}/><span className={styles.numLocation}>2</span><span className={styles.title2}>修改手机</span></Col> <Col span={3}><Icon type="caret-right" style={{color:'#CFD1D2',fontSize:16}} /></Col> <Col span={6}><img src={gray} className={styles.img}/><span className={styles.numLocation}>3</span><span className={styles.title2}>完成</span></Col> </Row> </FormItem> <FormItem> <Row> <span>当前手机号：{phone}</span><span>(如果手机号不能用，请联系客服)</span> </Row> </FormItem> <FormItem> <Row gutter={8}> <Col span={18}> {getFieldDecorator('verificationCode1',{ rules:[{required:true,message:'请输入短信验证码'}], })( <Input placeholder='请输入短信验证码'/> )} </Col> <Col span={6}> {/*<Button type='default'>获取验证码</Button>*/} <SendVerifyCode isSend={this.state.isSend} onhandlePhone={this.onhandlePhone} // onSuccessSend={this.onSuccessSend} /> </Col> </Row> </FormItem> </Form> </Modal> ) } }; ModifyPhone1.propTypes = { title: PropTypes.string.isRequired, visible: PropTypes.bool, initValues: PropTypes.object, onCancel: PropTypes.func, handleOK: PropTypes.func, confirmLoading: PropTypes.bool }; const WrappedModifyPhone1 = Form.create()(ModifyPhone1); 父组件： class Security extends PureComponent{ componentDidMount(){ const {dispatch}=this.props; } /*弹出修改手机-验证旧手机Modal*/ showModalModifyPhone1=()=>{ this.setState({ modifyPwd:false, modifyPhone1:true, modifyPhone2:false, modifyPhone3:false, }); }; /*Modal-取消*/ handleCancel=()=>{ this.setState({ modifyPwd:false, modifyPhone1:false, modifyPhone2:false, modifyPhone3:false, }) }; /*关闭Modal*/ cancelModal = () => { this.setState({ modifyPwd: false, modifyPhone1:false, modifyPhone2:false, modifyPhone3:false, }); }; settingFormRef = (form) => { this.form = form; }; /* 验证旧手机 */ **handleModifyPhone1 = () => { const form = this.form; console.log('验证旧手机'); console.log(form); form.validateFilds((err,values)=>{ if(err){ return; } //处理表单values if(values.verificationCode1&&values.verificationCode1.length>0){ const {dispatch} = this.props; const payload = produce(values,draft=>{ let code = draft.verificationCode1; draft.code = code; delete draft.verificationCode1; }); dispatch({ type:'settings/modifyPhoneOne', payload, callback:()=>{ this.setState({ modifyPwd: false, modifyPhone1:false, modifyPhone2:true, modifyPhone3:false, }); } }); } }); };** constructor(props) { super(props); this.state = { // visible: false, modifyPwd:false, modifyPhone1:false, modifyPhone2:false, modifyPhone3:false, initValues: null, // 初始值 modalTitlePwd: '修改密码', modalTitlePhone:'修改手机', }; } render() { return ( <Fragment> ...... {/*修改密码弹框*/} <WrappedModifyPwdForm // ref={this.settingFormRef} title={this.state.modalTitlePwd} visible={this.state.modifyPwd} initValues={this.state.initValues} onCancel={this.cancelModal} handleOK={this.handleModifyPwd} destroyOnClose={true} /> {/*修改手机-验证旧手机*/} <WrappedModifyPhone1 ref={this.settingFormRef} title={this.state.modalTitlePhone} visible={this.state.modifyPhone1} initValues={this.state.initValues} onCancel={this.cancelModal} handleOK={this.handleModifyPhone1} destroyOnClose={true} /> {/*修改手机-验证新手机*/} <WrappedModifyPhone2 // ref={this.settingFormRef} title={this.state.modalTitlePhone} visible={this.state.modifyPhone2} initValues={this.state.initValues} onCancel={this.cancelModal} handleOK={this.handleModifyPhone2} destroyOnClose={true} /> {/*修改手机-修改成功*/} <ModifyStatus // ref={this.settingFormRef} title={this.state.modalTitlePhone} visible={this.state.modifyPhone3} initValues={this.state.initValues} onCancel={this.cancelModal} handleOK={this.handleModifyPhone3} destroyOnClose={true} /> </Fragment> ) } } export default Security;

如何回显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>×</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>×</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> ``` ``` ```

爬虫福利二之妹子图网MM批量下载: 爬虫福利一：27报网MM批量下载点击看了本文，相信大家对爬虫一定会产生强烈的兴趣，激励自己去学习爬虫，在这里提前祝：大家学有所成！目标网站：妹子图网环境：Python3.x 相关第三方模块：requests、beautifulsoup4 Re：各位在测试时只需要将代码里的变量 path 指定为你当前系统要保存的路径，使用 python xxx.py 或IDE运行即可。

字节跳动视频编解码面经: 三四月份投了字节跳动的实习（图形图像岗位），然后hr打电话过来问了一下会不会opengl，c++，shador，当时只会一点c++，其他两个都不会，也就直接被拒了。七月初内推了字节跳动的提前批，因为内推没有具体的岗位，hr又打电话问要不要考虑一下图形图像岗，我说实习投过这个岗位不合适，不会opengl和shador，然后hr就说秋招更看重基础。我当时想着能进去就不错了，管他哪个岗呢，就同意了面试...

Java学习的正确打开方式: 在博主认为，对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结，前三者博主将淋漓尽致地挥毫于这篇博客文章中，至于总结在于个人，实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍，博客次之，这又是一个层次了，这里暂时不提后面再谈。博主将为各位入门java保驾护航，各位只管冲鸭！！！上天是公平的，只要不辜负时间，时间自然不会辜负你。何谓学习？博主所理解的学习，它是一个过程，是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。

程序员必须掌握的核心算法有哪些？: 由于我之前一直强调数据结构以及算法学习的重要性，所以就有一些读者经常问我，数据结构与算法应该要学习到哪个程度呢？，说实话，这个问题我不知道要怎么回答你，主要取决于你想学习到哪些程度，不过针对这个问题，我稍微总结一下我学过的算法知识点，以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的，并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构，当然，我也会整理一些看过

linux系列之常用运维命令整理笔录: 本博客记录工作中需要的linux运维命令，大学时候开始接触linux，会一些基本操作，可是都没有整理起来，加上是做开发，不做运维，有些命令忘记了，所以现在整理成博客，当然vi，文件操作等就不介绍了，慢慢积累一些其它拓展的命令，博客不定时更新 free -m 其中：m表示兆，也可以用g，注意都要小写 Men：表示物理内存统计 total：表示物理内存总数(total=used+free) use...

Python 基础（一）：入门必备知识: 目录1 标识符2 关键字3 引号4 编码5 输入输出6 缩进7 多行8 注释9 数据类型10 运算符10.1 常用运算符10.2 运算符优先级 1 标识符标识符是编程时使用的名字，用于给变量、函数、语句块等命名，Python 中标识符由字母、数字、下划线组成，不能以数字开头，区分大小写。以下划线开头的标识符有特殊含义，单下划线开头的标识符，如：_xxx ，表示不能直接访问的类属性，需通过类提供

兼职程序员一般可以从什么平台接私活？: 这个问题我进行了系统性的总结，以下将进行言简意赅的说明和渠道提供，希望对各位小猿/小媛们有帮助~ 根据我们的经验，程序员兼职主要分为三种：兼职职位众包、项目整包和自由职业者驻场。所谓的兼职职位众包，指的是需求方这边有自有工程师配合，只需要某个职位的工程师开发某个模块的项目。比如开发一个 app，后端接口有人开发，但是缺少 iOS 前端开发工程师，那么他们就会发布一个职位招聘前端，来配合公司一...

程序员接私活怎样防止做完了不给钱？: 首先跟大家说明一点，我们做 IT 类的外包开发，是非标品开发，所以很有可能在开发过程中会有这样那样的需求修改，而这种需求修改很容易造成扯皮，进而影响到费用支付，甚至出现做完了项目收不到钱的情况。那么，怎么保证自己的薪酬安全呢？我们在开工前，一定要做好一些证据方面的准备（也就是“讨薪”的理论依据），这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发

Python十大装B语法: Python 是一种代表简单思想的语言，其语法相对简单，很容易上手。不过，如果就此小视 Python 语法的精妙和深邃，那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点，并附上详细的实例代码。如能在实战中融会贯通、灵活使用，必将使代码更为精炼、高效，同时也会极大提升代码B格，使之看上去更老练，读起来更优雅。 1. for - else 什么？不是 if 和 else 才

数据库优化 - SQL优化: 前面一篇文章从实例的角度进行数据库优化，通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢，影响业务流程。本文从SQL角度进行数据库优化，提升SQL运行效率。判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断：系统级别表象 CPU消耗严重 IO等待严重页面响应时间过长

2019年11月中国大陆编程语言排行榜: 2019年11月2日，我统计了某招聘网站，获得有效程序员招聘数据9万条。针对招聘信息，提取编程语言关键字，并统计如下：编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7

写了很久，这是一份最适合/贴切普通大众/科班/非科班的『学习路线』: 说实话，对于学习路线这种文章我一般是不写的，大家看我的文章也知道，我是很少写建议别人怎么样怎么样的文章，更多的是，写自己的真实经历，然后供大家去参考，这样子，我内心也比较踏实，也不怕误导他人。但是，最近好多人问我学习路线，而且很多大一大二的，说自己很迷茫，看到我那篇普普通通，我的三年大学之后很受激励，觉得自己也能行，（是的，别太浪，你一定能行）希望我能给他个学习路线，说

经典算法（5）杨辉三角: 写在前面：我是扬帆向海，这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。这博客是对自己学习的一点点总结及记录，如果您对 Java、算法感兴趣，可以关注我的动态，我们一起学习。用知识改变命运，让我们的家人过上更好的生活。目录一、杨辉三角的介绍二、杨辉三角的算法思想三、代码实现1.第一种写法2.第二种写法一、杨辉三角的介绍百度

腾讯算法面试题：64匹马8个跑道需要多少轮才能选出最快的四匹？: 昨天，有网友私信我，说去阿里面试，彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static？他被难住了，因为他从来都没有考虑过这个问题。无独有偶，今天笔者又发现有网友吐槽了一道腾讯的面试题，我们一起来看看。腾讯算法面试题：64匹马8个跑道需要多少轮才能选出最快的四匹？在互联网职场论坛，一名程序员发帖求助到。二面腾讯，其中一个算法题：64匹

面试官：你连RESTful都不知道我怎么敢要你？: 面试官：了解RESTful吗？我：听说过。面试官：那什么是RESTful？我：就是用起来很规范，挺好的面试官：是RESTful挺好的，还是自我感觉挺好的我：都挺好的。面试官：… 把门关上。我：… 要干嘛？先关上再说。面试官：我说出去把门关上。我：what ？，夺门而去文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接

为啥国人偏爱Mybatis，而老外喜欢Hibernate/JPA呢？: 关于SQL和ORM的争论，永远都不会终止，我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论，感触还是有一些，于是就有了今天这篇文。声明：本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实，讲道理，所以，请各位看官勿喷。一、事件起因关于Mybatis和JPA孰优孰劣的问题，争论已经很多年了。一直也没有结论，毕竟每个人的喜好和习惯是大不相同的。我也看

SQL-小白最佳入门sql查询一: 一说明如果是初学者，建议去网上寻找安装Mysql的文章安装，以及使用navicat连接数据库，以后的示例基本是使用mysql数据库管理系统；二准备前提需要建立一张学生表，列分别是id，名称，年龄，学生信息；本示例中文章篇幅原因SQL注释略；建表语句： CREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `

项目中的if else太多了，该怎么重构？: 介绍最近跟着公司的大佬开发了一款IM系统，类似QQ和微信哈，就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // dosho

致 Python 初学者: 文章目录1. 前言2. 明确学习目标，不急于求成，不好高骛远3. 在开始学习 Python 之前，你需要做一些准备2.1 Python 的各种发行版2.2 安装 Python2.3 选择一款趁手的开发工具3. 习惯使用IDLE，这是学习python最好的方式4. 严格遵从编码规范5. 代码的运行、调试5. 模块管理5.1 同时安装了py2/py35.2 使用Anaconda，或者通过IDE来安装模

“狗屁不通文章生成器”登顶GitHub热榜，分分钟写出万字形式主义大作: 一、垃圾文字生成器介绍最近在浏览GitHub的时候，发现了这样一个骨骼清奇的雷人项目，而且热度还特别高。项目中文名：狗屁不通文章生成器项目英文名：BullshitGenerator 根据作者的介绍，他是偶尔需要一些中文文字用于GUI开发时测试文本渲染，因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理，所以最近已经被小伙伴们给玩坏了。他的文风可能是这样的：你发现，

程序员：我终于知道post和get的区别: IT界知名的程序员曾说：对于那些月薪三万以下，自称IT工程师的码农们，其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居，但只是他们一厢情愿罢了。此话一出，不知激起了多少(码农)程序员的愤怒，却又无可奈何，于是码农问程序员。码农：你知道get和post请求到底有什么区别？程序员：你看这篇就知道了。码农：你月薪三万了？程序员：嗯。码农：你是怎么做到的? 程序员：

《程序人生》系列-这个程序员只用了20行代码就拿了冠军: 你知道的越多，你不知道的越多点赞再看，养成习惯GitHub上已经开源https://github.com/JavaFamily，有一线大厂面试点脑图，欢迎Star和完善前言这一期不算《吊打面试官》系列的，所有没前言我直接开始。絮叨本来应该是没有这期的，看过我上期的小伙伴应该是知道的嘛，双十一比较忙嘛，要值班又要去帮忙拍摄年会的视频素材，还得搞个程序员一天的Vlog，还要写BU

加快推动区块链技术和产业创新发展，2019可信区块链峰会在京召开: 11月8日，由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办，科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。　　区块链技术被认为是继蒸汽机、电力、互联网之后，下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力，电力解决了人类基本的生活需求，互联网彻底改变了信息传递的方式，区块链作为构造信任的技术有重要的价值。　　1...

程序员把地府后台管理系统做出来了，还有3.0版本！12月7号最新消息：已在开发中有github地址: 第一幕：缘起听说阎王爷要做个生死簿后台管理系统，我们派去了一个程序员…… 996程序员做的梦：第一场：团队招募为了应对地府管理危机，阎王打算找“人”开发一套地府后台管理系统，于是就在地府总经办群中发了项目需求。话说还是中国电信的信号好，地府都是满格，哈哈！！！经常会有外行朋友问：看某网站做的不错，功能也简单，你帮忙做一下？而这次，面对这样的需求，这个程序员

网易云6亿用户音乐推荐算法: 网易云音乐是音乐爱好者的集聚地，云音乐推荐系统致力于通过 AI 算法的落地，实现用户千人千面的个性化推荐，为用户带来不一样的听歌体验。本次分享重点介绍 AI 算法在音乐推荐中的应用实践，以及在算法落地过程中遇到的挑战和解决方案。将从如下两个部分展开： AI 算法在音乐推荐中的应用音乐场景下的 AI 思考从 2013 年 4 月正式上线至今，网易云音乐平台持续提供着：乐屏社区、UGC

8年经验面试官详解 Java 面试秘诀: 作者 | 胡书敏责编 | 刘静出品 | CSDN（ID：CSDNnews）本人目前在一家知名外企担任架构师，而且最近八年来，在多家外企和互联网公司担任Java技术面试官，前后累计面试了有两三百位候选人。在本文里，就将结合本人的面试经验，针对Java初学者、Java初级开发和Java开发，给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实

面试官如何考察你的思维方式？: 1.两种思维方式在求职面试中，经常会考察这种问题：北京有多少量特斯拉汽车？某胡同口的煎饼摊一年能卖出多少个煎饼？深圳有多少个产品经理？一辆公交车里能装下多少个乒乓球？一

碎片化的时代，如何学习: 今天周末，和大家聊聊学习这件事情。在如今这个社会，我们的时间被各类 APP 撕的粉碎。刷知乎、刷微博、刷朋友圈；看论坛、看博客、看公号；等等形形色色的信息和知识获取方式一个都不错过。貌似学了很多，但是却感觉没什么用。要解决上面这些问题，首先要分清楚一点，什么是信息，什么是知识。那什么是信息呢？你一切听到的、看到的，都是信息，比如微博上的明星出轨、微信中的表情大战、抖音上的...

so easy！ 10行代码写个"狗屁不通"文章生成器: 前几天，GitHub 有个开源项目特别火，只要输入标题就可以生成一篇长长的文章。背后实现代码一定很复杂吧，里面一定有很多高深莫测的机器学习等复杂算法不过，当我看了源代码之后这程序不到50行尽管我有多年的Python经验，但我竟然一时也没有看懂当然啦，原作者也说了，这个代码也是在无聊中诞生的，平时撸码是不写中文变量名的, 中文...

知乎高赞：中国有什么拿得出手的开源软件产品？(整理自本人原创回答): 知乎高赞：中国有什么拿得出手的开源软件产品？在知乎上，有个问题问“中国有什么拿得出手的开源软件产品（在 GitHub 等社区受欢迎度较好的）？” 事实上，还不少呢~ 本人于2019.7.6进行了较为全面的回答，对这些受欢迎的 Github 开源项目分类整理如下：分布式计算、云平台相关工具类 1.SkyWalking，作者吴晟、刘浩杨等等仓库地址: apache/skywalking 更...