js怎么获取类型为date的input里面的时间的长度

js怎么获取类型为date的input里面的时间的长度???

HTML字段

<div>
        <input type="radio" name="rd" class="dateChoose" value='选项二' id="input1"><label for="input1">长期有效</label>
        <input type="radio" name="rd" class="dateChoose others" value='其它' id="input2"><label for="input2">自定义</label>
        <input type="date" name="txt" class="dateJump" id="datetimeInput" value=""/>
        <button id="btn" class="btn">点我</button>
</div>

利用js获取时间长度

<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
time = $(".dateJump");
    console.log(time.length);
        $('.btn').click(function () {
        console.log(time.length);
    })
</script>

点击长期有效

图片说明

点击自定义时会弹出一个新的input,在此选择时间
图片说明

未选择时间时点击按钮的结果

图片说明

选择好时间后准备点击按钮
图片说明

已经选择时间时点击按钮的结果

图片说明

js怎么获取类型为date的input里面的时间的长度???
选择好时间后再点击按钮打印出来的长度仍是1

4个回答

你要取值长度,值都没有取,怎么判断长度
console.log(time.val().length);

选择好时间后再点击按钮打印出来的长度仍是1

console.log(t.val().length);

代码:

$('.btn').click(function () {
     alert($(".dateJump").val());
     console.log($(".dateJump").val().length);
})
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
我这段JS判断到底是错在哪里。
我在网上找了一段判断身份证的JS代码。 ``` <Script language="javascript"> //检查号码是否符合规范,包括长度,类型 function isCardNo(card) { //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X var reg = /(^\d{15}$)|(^\d{17}(\d|X)$)/; if(reg.test(card) == false) { return false; } }; //取身份证前两位,校验省份 function checkProvince(card) { var province = card.substr(0,2); if(vcity[province] == undefined) { return false; } }; //检查生日是否正确 function checkBirthday(card) { var len = card.length; //身份证15位时,次序为省(3位)市(3位)年(2位)月(2位)日(2位)校验位(3位),皆为数字 if(len == '15') { var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/; var arr_data = card.match(re_fifteen); var year = arr_data[2]; var month = arr_data[3]; var day = arr_data[4]; var birthday = new Date('19'+year+'/'+month+'/'+day); return verifyBirthday('19'+year,month,day,birthday); } //身份证18位时,次序为省(3位)市(3位)年(4位)月(2位)日(2位)校验位(4位),校验位末尾可能为X if(len == '18') { var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/; var arr_data = card.match(re_eighteen); var year = arr_data[2]; var month = arr_data[3]; var day = arr_data[4]; var birthday = new Date(year+'/'+month+'/'+day); return verifyBirthday(year,month,day,birthday); } return false; }; //校验日期 function verifyBirthday(year,month,day,birthday) { var now = new Date(); var now_year = now.getFullYear(); //年月日是否合理 if(birthday.getFullYear() == year && (birthday.getMonth() + 1) == month && birthday.getDate() == day) { //判断年份的范围(3岁到100岁之间) var time = now_year - year; if(time >= 3 && time <= 100) { } return false; } return false; }; //校验位的检测 function checkParity(card) { //15位转18位 card = changeFivteenToEighteen(card); var len = card.length; if(len == '18') { var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2); var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2'); var cardTemp = 0, i, valnum; for(i = 0; i < 17; i ++) { cardTemp += card.substr(i, 1) * arrInt[i]; } valnum = arrCh[cardTemp % 11]; if (valnum == card.substr(17, 1)) { } return false; } return false; }; //15位转18位身份证号 function changeFivteenToEighteen(card) { if(card.length == '15') { var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2); var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2'); var cardTemp = 0, i; card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6); for(i = 0; i < 17; i ++) { cardTemp += card.substr(i, 1) * arrInt[i]; } card += arrCh[cardTemp % 11]; return card; } return card; }; function checktishi() { var vcity={ 11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古", 21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏", 33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南", 42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆", 51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃", 63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外" }; var card = document.form1.Cardid.value; if(card == '') { alert('请输入身份证号,身份证号不能为空'); document.form1.Cardid.focus(); return false; } else { //校验长度,类型 if(isCardNo(card) == false) { alert('您输入的身份证号码不正确,请重新输入'); document.form1.Cardid.focus(); return false; } //检查省份 if(checkProvince(card) == false) { alert('您输入的身份证号码不正确,请重新输入'); document.form1.Cardid.focus(); return false; } //校验生日 if(checkBirthday(card) == false) { alert('您输入的身份证号码生日不正确,请重新输入'); document.form1.Cardid.focus(); return false; } //检验位的检测 if(checkParity(card) == false) { alert('您的身份证校验位不正确,请重新输入'); document.form1.Cardid.focus(); return false; } if( form1.qq.value!="" ) { alert("QQ不能为空!"); form1.qq.focus(); return false; } } </Script> HTML页面代码 <form action="save.php" method="post" name="form1" id="form1" onsubmit="return checktishi();"> <input name="Cardid" type="text" value=""> <input name="qq" type="text" value=""> </form> ``` 问题: 如果身份证不正确,可以判断出来,但如果身份证填写正确,就直接提交到save.php了,没有再继续对QQ继续判断。 是哪里写错了吗? 高手帮改改哦。
使用ssm框架开发,一直跳转不到controller层。。。不报错。。。
``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <c:set var="ctx" value="${pageContext.request.contextPath }"></c:set> <!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="${ctx}/css/style.css" type="text/css" media="all"/> <title>请假的实战记录</title> <style type="text/css"> body{ background-color: #fff; } </style> </head> <body> <center> <div style="width:350px;"> <form id="myForm" action="${ctx}/lr/lrAdd">----这就是跳转的地址 <h1>添加请假记录</h1> <table> <tr> <td>姓名</td> <td><input type="text" name="name" datatype="s6-16" errormsg="姓名长度为6-16位" nullmsg="请输入姓名"/> </td> </tr> <tr> <td>请假时间</td> <td> <input type="text" name="time" onclick="WdatePicker();" nullmsg="请输入时间"/> </td> </tr> <tr> <td>请假原因</td> <td> <textarea name="reason" datadype="s1-200" errormsg="最长字数为200" nullmsg="请假原因"></textarea> </td> </tr> <tr> <td></td> <td> <input type="submit" name="" value="提交"/>&nbsp;&nbsp; <input type="reset" name="" value="清空"/> </td> </tr> </table> </form> </div> </center> <scritpt type="text/javascript" src="${ctx}/js/jquery-1.9.1.min.js"></scritpt> <scritpt type="text/javascript" src="${ctx}/js/Validform_v5.3.2_min.js"></scritpt> <scritpt type="text/javascript" src="${ctx}/js/My97DatePicker/WdatePicker.js"></scritpt> <scritpt type="text/javascript" src="${ctx}/js/My97DatePicker/calendar.js"></scritpt> <script type="text/javascript"> $(function(){ $("#myFrom").Validform(); }); </script> </body> </html> ``` ``` package com.sxt.controller; import javax.servlet.http.HttpServletRequest; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import com.sxt.pojo.Leaver; import com.sxt.service.LrService; import com.sxt.util.DateUtil; @Controller() @RequestMapping("/lr") public class AddController { @Autowired LrService lrService; @RequestMapping("/lrAdd") public String lrAdd(Leaver leaver,HttpServletRequest request){ //接收前台传送的数据 String name = request.getParameter("name"); String time = request.getParameter("time"); String reason = request.getParameter("reason"); //设置时间模式 String patten ="yyyy-MM-dd"; //将信息整合成一个对象进行传递 Leaver lea = new Leaver(name, DateUtil.str2Date(time, patten), reason); //对后台数据进行调用 int count = lrService.addLea(lea); if(count > 0){ return "redirect:/index"; }else{ return "redirect:/add"; } } } ``` 控制台不报错,F12页面信息老是显示的是404,就进不了Controller层,老是显示 lrAdd好像有问题。。 ![图片说明](https://img-ask.csdn.net/upload/201710/16/1508149012_161177.png) 控制台不报错就是浏览器就成这样了。。。很伤啊。。一下午了,搞不定。。
uploadify做文件上传火狐出现HTTP Error 302错误
uploadify做文件上传火狐出现HTTP Error 302错误,在百度上看到书加jsessionid就可以了, 但是我加了之后依然不行,这个该怎么弄啊 HTML代码: ``` <div class="row"> <input id="sessionID" type="hidden" value="${sessionID}"/> <div id="custom-queue"></div> <input type="file" name="file_upload" id="file_upload"/> <button class="task_btn_upload btn btn-default" onclick="$('#file_upload').uploadify('upload','*')">开始上传 </button> <button class="task_btn_upload btn btn-default" onclick="$('#file_upload').uploadify('stop')">取消上传</button> </div> ``` ![图片说明](https://img-ask.csdn.net/upload/201605/30/1464576508_370532.png) js代码: ``` $("#file_upload").uploadify({ 'auto': false, //是否允许自动上传 'swf': '/public/update/plugins/uploadify/uploadify.swf?var=' + (new Date()).getTime(), //引入flash 'buttonText': '请选择升级文件', //设置button文字 'removeCompleted': false,//是否移除掉队列中已经完成上传的文件。false为不移除 //'removeTimeout': 3,//设置上传完成后删除掉文件的延迟时间,默认为3秒。 'width ': '120', //按钮宽度 'height':'40', 'method': 'PSOT', //提交方式 'multi': 'false', //是否多文件上传 'fileObjName': 'updateFile', //文件对象名称,用于后台获取文件对象时使用 'preventCaching': 'true', //防止浏览器缓存 'formData': {'emergencyId': 1111}, //动态传参 //'queueID': 'custom-queue', //显示在某个div的位置 custom-queue div的id 'uploader': '/system/update/upload;jsessionid='+$("#sessionID").val(), //提交后台方法路径 'fileTypeExts':'*.zip', //限制文件上传类型 'queueSizeLimit':'1', //文件列队长度 //onUploadStart 动态传参的关键 'onUploadStart': function () { $("#file_upload").uploadify("settings", "formData", {'emergencyId': $("#id").val()}); }, 'onFallback': function () {//检测FLASH失败调用 alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。"); }, 'onUploadSuccess': function (file, data, response) { var Data = eval('(' + data + ')'); //alert(file.name+"上传"+Data.result); //alert(data); }, onError: function (event, queueID, file) { alert(file.name + " 上传失败"); }, 'onQueueComplete': function (stats) { //版本不一样方法也存在差异 //alert("成功上传的文件数:" + stats.uploadsSuccessful + " =上传出错的文件数:" + stats.uploadsErrored + " -上传的文件总大小:" + stats.uploadSize); //alert(stats.files.SWFUpload_0_0.name); bootbox.confirm({ buttons: { confirm: { label: '开始升级', className: 'btn btn-primary' }, cancel: { label: '取消', className: 'btn btn-default' } }, message: '文件上传成功,是否开始升级?', callback: function(result) { if(result) { //确认 $.get("/system/update/startUpdate?filename="+stats.files.SWFUpload_0_0.name,function(data){ alert(data); }); } else { //取消 } }, }); }, }); ``` 结果是这样的: ![图片说明](https://img-ask.csdn.net/upload/201605/30/1464576399_808001.png)
angularjs表单验证时的问题
我在做angularjsb表单验证时,默认值一栏的要求只是字符最大长度为64,可以为空,但是出来的效果是输入了英文和中文后无效,输入数字之后合法,请大神帮我看下 [图片说明](https://img-ask.csdn.net/upload/201509/29/1443497068_995113.png) ![图片说明](https://img-ask.csdn.net/upload/201509/29/1443497085_227066.png) <div class="modal fade" id="newDimensionModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> <div class="modal-dialog modal-lg" role="document" style="width:580px"> <div class="modal-content"> <div class="modal-header" style="background: #000000; color: #ffffff;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button> <h4 class="modal-title">创建维度字段</h4> </div> <div style="background: #e4eaec; overflow: hidden;"> <div class="page-intro vxnets"> <p> <em>创建维度字段</em> </p> </div> </div> <div class="modal-body"> <form name="createDimensionForm2" class="form-validation" style="margin-left:10px" ng-submit="submitForm(createDimensionForm2.$valid)" novalidate> <div class="form-group"> <label>属性名称</label> <input type="text" class="form-control" style="width:500px;height:40%" placeholder="请输入1~30个字符" name="name" ng-model="newDimension.name" ng-minlength="1" ng-maxlength="60" required> </div> <div class="form-group"> <label>类型</label> <select class="form-control ng-valid ng-dirty" ng-model="newDimension.type" style="width:500px;height:40%" required> <option value="1">字符串</option> <option value="2">数字</option> <option value="3">日期</option> <option value="4">货币</option> <option value="5">枚举</option> </select> </div> <div class="form-group" ng-show="newDimension.type=='5'"> <label>枚举选项</label> <br> <input class="form-control input-sm col-sm-6" type="text" style="width:500px;height:35px" placeHolder="请输入枚举选项,选项之间用分号分开" ng-model="newDimension.enumValue" ng-maxlength="64"/> <br> <br> </div> <div class="form-group" ng-show="newDimension.type==''"> <label>默认值</label> <br> <input class="form-control input-sm col-sm-6" type="text" style="width:500px;height:35px" placeHolder="输入字符串" ng-model="newDimension.defaultValue" ng-maxlength="64"/> <br> <br> </div> <div class="form-group" ng-show="newDimension.type=='1'"> <label>默认值</label> <br> <input class="form-control input-sm col-sm-6" type="text" style="width:500px;height:35px" placeHolder="输入字符串" ng-model="newDimension.defaultValue" ng-maxlength="64"/> <br> <br> </div> <div class="form-group" ng-show="newDimension.type=='2'"> <label>默认值</label> <br> <input class="form-control input-sm col-sm-6" type="text" style="width:500px;height:35px" id="number" ng-pattern="/^[0-9]*$/" placeHolder="输入数字" ng-model="newDimension.defaultValue"/> <p ng-show="conditionForm.number.$pristine&& submitted" class="help-block">请输入数字</p> <br> <br> </div> <div class="form-group" ng-show="newDimension.type=='3'"> <label>默认日期</label> <br> <input class="form-control input-sm col-sm-6" type="text" style="width:500px;height:35px" id="datetimepicker1" name="keepdate1" data-date-format="yyyy-mm-dd" ng-model="newDimension.defaultValue" ng-maxlength="64" readonly /> <br> <br> </div> <div class="form-group" ng-show="newDimension.type=='4'"> <label>默认金额</label> <br> <div class="input-group"> <span class="input-group-addon">RMB</span> <input id="money" class="form-control input-sm col-sm-6" type="text" style="width:443px;height:35px" placeHolder="输入金额" ng-pattern="/^[0-9]*$/" ng-model="newDimension.defaultValue" ng-maxlength="64"/> <p ng-show="conditionForm.money.$pristine&& submitted" class="help-block">请输入数字</p> </div> </div> <div class="form-group"> <label>描述</label><br> <div> <textarea ng-model="newDimension.description" style="width:500px;height:40%" cols="78"></textarea> </div> </div> </form> </div> <div class="modal-footer"> <button type="reset" class="btn btn-dark" ng-click="cancel1()">取消</button> <button type="submit" class="btn btn-dark" ng-click="save1()" ng-disabled="createDimensionForm2.$invalid">保存</button> </div> </div> </div> </div>
EXTJS和struts2整合,提交后命名空间被改变
我在struts.xml文件中定义了两个包,二者的命名空间分别是"/king"和"/blank", 同时,在JSP中,用EXTJS构造了一个formPanel,其url设置成:url:"blank/blankAction.action"。 在提交的时候发生如下问题:There is no Action mapped for namespace /king and action name blankAction. - [unknown location]。 但当我用IE直接去访问那个URL(http://localhost:8080/DHME2/blank/blankAction.action)时, 却可以正常访问并得到一个JSON的数据。这表明我的Action类并没有问题。 看起来在提交的时候,提交url由“blank/blankAction.action”被改成了“king/blankAction.action”。 我不知道这是在EXTJS提交的时候改的还是struts2框架在做处理的时候改的。哪位高人能指教一下?谢谢了。 [b]配置文件代码如下:[/b][i][/i] <struts> <package name="example" namespace="/king" extends="tiles-default"> <!-- 注册action --> <action name="resister" class="ResisterAction"> <result name="success" type="tiles">resisterOK</result> <result name="input" type="tiles">reResister</result> <!-- 加入自定义的拦截器将覆盖默认的拦截器栈,所以要显性加入默认的defaultStack(如下句)。 --> <interceptor-ref name="logger" /> <interceptor-ref name="defaultStack" /> </action> </package> <!-- extjs的ajax测试用Action --> <package name="blankPackage" namespace="/blank" extends="json-default"> <action name="blankAction" class="BlankAction" method="execute"> <result type="json"/> <!-- 加入自定义的拦截器将覆盖默认的拦截器栈,所以要显性加入默认的defaultStack(如下句)。 --> <interceptor-ref name="logger" /> <interceptor-ref name="defaultStack"/> </action> </package> </struts> [b]jsp的代码:[/b][i][/i] // form contain tabs var tab2 = new Ext.FormPanel({ //labelAlign: 'top', title: '新用户信息', id:"resisterForm", bodyStyle:'padding:5px', //autoScroll:true, width: 555, items: [ { xtype:'tabpanel', plain:true,//tab页的背景色。设为true时无背景,为false时有背景 activeTab:0, height:510,//此长度决定纵向是否出现滚动条 defaults:{bodyStyle:'padding:10px'}, items:[{ title:'个人基本信息', layout:'form', autoScroll:true, defaults: {width: 500},//不能大于form的宽度,否则水平方向会出滚动条 defaultType: 'textfield', items: [ { xtype:"fieldset", title:"自然信息", defaults:{xtype:"textfield",width:180}, items:[ { fieldLabel: '姓名', name: 'user.username', allowBlank:false },{ fieldLabel: '性别', xtype:'radiogroup', name:'user.sex', width:180, items: [ {boxLabel: '男人', name: 'user.sex', inputValue: 1, checked: true}, {boxLabel: '女人', name: 'user.sex', inputValue: 2}, {boxLabel: '女博士', name: 'user.sex', inputValue: 3} ] },{ fieldLabel: '生日', name: 'user.birthday', format:'Y-m-d',//2009-01-02.格式说明要参考Date的API文档 xtype:'datefield' } ] } ] } ] } ],// form的主体部分结束 buttons: [{//form的按钮部分 text: '保存', handler:this.save, scope:this },{ text: '重置' },{ text: '取消' } ] // form的按钮部分结束 }); [b]// 提交的处理方法的代码:[/b][i][/i] function save(){ Ext.getCmp("resisterForm").getForm().submit({ waitTitle:"等等啊", waitMsg:'正在保存...', // ajax way url:"[b]blank/blankAction.action[/b][i][/i]", method:'POST', success:function(){ Ext.MessageBox.alert("save ok"); }, failure:function(){ Ext.MessageBox.alert("同志,出错了","出错了哈哈"); }, scope:this }); }
The method getParmaeter(String) is undefined for the type HttpServletRequest
<%@ page pageEncoding="gb2312"%> <%@ page contentType="text/html; charset=gb2312" language="java" %> <% request.setCharacterEncoding("gb2312");%> <%@ page import="java.sql.*" errorPage="" %> <%@ page import="javabean.*" %> <%@ page import="java.util.Date" %> <%@ page import="java.text.*" %> <jsp:useBean id="sqlbean" class="javabean.mysqlbean" scope="page"> </jsp:useBean> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>注册检查</title> </head> <body> <% request.setCharacterEncoding("gb2312"); String rand = (String)session.getAttribute("rand"); String input=request.getParameter("rand"); if (rand.equals(input)) { try{ request.setCharacterEncoding("gb2312"); String str_name=request.getParameter("username"); String sqlname="select * from tb_user where username='"+str_name+"'"; //表名user ResultSet rsname=sqlbean.executeQuery(sqlname); if(rsname.next()) //判断是否有雷同的数据存在,即判断是否有已注册的用户名。 { out.println("<script language='JavaScript'>alert('该用户名已经存在,请使用其他用户名!');window.location='index.jsp';</script>"); } else{ request.setCharacterEncoding("gb2312"); String str_datatime=new SimpleDateFormat("yyyy-MM-dd").format(Calendar.getInstance().getDate()); String str_password=request.getParameter("password"); String str_password2=request.getParameter("password2"); String str_sex=request.getParameter("sex"); String str_email=request.getParameter("email"); String str_question=request.getParameter("question"); String str_answer=request.getParameter("answer"); String str_qq=request.getParmaeter("qq"); String str_words=request.getParameter("words"); String sqlinsert="insert into tb_user (username,password,sex,email,question,answer,qq,str_datatime,words) values('"+str_name+"','"+str_password+"','"+str_sex+"','"+str_email+"','"+str_question+"','"+str_answer+"','"+str_qq+"',"+str_datatime+"','"+str_words+"')"; out.println("<script language='JavaScript'>alert('恭喜,注册成功!');window.location='index.jsp';</script>");} sqlbean.close(); } catch(Exception ex) { out.println("<script language='JavaScript'>alert('注册失败!请重新注册。');window.location='index.jsp';</script>"); } } else { out.println("<script language='JavaScript'>alert('验证码输入错误,请重新输入!');window.location='index.jsp';</script>"); } %> </body> </html> <%@ page pageEncoding="gb2312"%> <%@ page contentType="text/html; charset=gb2312" language="java" %> <% request.setCharacterEncoding("GB2312");%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>用户注册</title> <style> body { background: #Ffffff; font-size:9pt; } A:link {text-decoration: none; color: #0066ff; font-size:9pt } A:visited { text-decoration: none; color: #1e90ff; font-size:9pt } A:hover { text-decoration: underline; COLOR: #006699; font-size:9pt } table{border-collapse: collapse} TD { FONT-SIZE: 9pt} .bigfont{font-size:11pt; } .input { border:1px solid #C0C0C0; background-color: #F7F7F7} .sb{background-color: #F7F7F7;border:1px solid #C0C0C0;solid:#000000} .textarea{border:1px solid #C0C0C0; background-color: #F7F7F7} .text{border: 1 solid #C0C0C0} </style> </head> <body topmargin="0" leftmargin="0"> <center> <TABLE WIDTH=425 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="450"> <TR> <TD height="440" valign="top"> <img border="0" src="/teath/images/userRegister.jpg" width="425" height="75"><table border="0" width="100%" cellspacing="0" cellpadding="0" id="table1" height="331"> <tr> <td width="23" bgcolor="#E9E9E9"> </td> <td valign="top"> <table border="0" width="99%" cellspacing="0" cellpadding="0" id="table2" height="350"> <tr> <td width="11"> </td> <td valign="top"> <form action="check_register.jsp" name="form" method="post" onSubmit="return check()"> <table border="0" width="350"> <tr> <td width="92" align="center"><font color="#FF0000">*</font>用&nbsp;户&nbsp;名:</td><td width="248" align="left"><input type="text" name="username" size="12"> 用户名大于4小于20个字符</td> </tr> <tr> <td width="92" align="center"><font color="#FF0000">*</font>密&nbsp;&nbsp;&nbsp;&nbsp;码:</td> <td width="248" align="left"><input type="password" name="password" size="12"> <font color="#FF0000">&nbsp; </font> 密码大于6小于20个字符</td> </tr> <tr> <td width="92" align="center"><font color="#FF0000">*</font>重复密码:</td><td width="248" align="left"><input type="password" name="password2" size="12"> <font color="#FF0000">&nbsp;</font>必须与上面一致</td> </tr> <tr> <td width="92" align="center"><font color="#FF0000">*</font>电子邮箱:</td><td width="248" align="left"> <input type="text" name="email" size="12"> E-MAIL必须符合规则</td> </tr> <td width="92" align="center"><font color="#FF0000">*</font>性&nbsp;&nbsp;&nbsp;&nbsp;别:</td> <td width="248" align="left">男<input type="radio" name="sex" value="male">&nbsp;&nbsp;&nbsp;&nbsp;女<input type="radio" name="sex" value="female"> <font color="#FF0000">&nbsp;</font> 性别不能为空</td> <tr> <td width="92" align="center"><font color="#FF0000">*</font>QQ号码:</td><td width="248" align="left"><input type="text" name="qq" size="12"> <font color="#FF0000">&nbsp; </font> qq不能为空</td> </tr> <tr> <td width="92" align="center"><font color="#FF0000">*</font>问&nbsp;&nbsp;&nbsp; 题:</td> <td width="248" align="left"> <input type="text" name="question" size="34"></td> </tr> <tr> <td width="92" align="center"><font color="#FF0000">*</font>答&nbsp;&nbsp;&nbsp; 案:</td> <td width="248" align="left"> <input type="text" name="answer" size="34"></td> </tr> <tr> <td width="92" align="center" valign="top">个人介绍:</td> <td width="248" align="left"><textarea name="words" cols="34" rows="5" ></textarea></td> </tr> <tr> <td align="right"><a href="#" onClick="javascript:var dt=new Date();document.getElementById('code').src='image.jsp?dt='+dt;">看不清楚换一张</a></td> <td><img id="code" border=0 src="image.jsp"></td> </tr> <tr> <td width="92" align="center">验证码:</td> <td width="248" align="left"><input type="rang" name="rand" size="12"></td></tr> <tr> <td colspan="2" align="left" height="117" valign="top"><br><center><input type="submit" name="submit" value="注册" class="sb"> &nbsp;&nbsp;<input name="reset" type="reset" class="sb" id="reset" value="清空"></center></td> </tr> </table> </form> </td> <td width="11"> </td> </tr> </table> </td> <td width="24" bgcolor="#E9E9E9"> </td> </tr> </table> </TD> </TR> </TABLE> </BODY> </HTML> <script language="javascript"> function check() { username=trim(document.form.username.value); password=trim(document.form.password.value); password2=trim(document.form.password2.value); email=trim(document.form.email.value); question=trim(document.form.question.value); answer=trim(document.form.answer.value); qq=trim(document.form.qq.value); rand=trim(document.form.rang.value); if(username.length<4||username.length>20) { alert("用户名长度必须在4~20位之间!"); return false; } if(passwors.length<6||password.length>20) { alert("密码长度必须在6~20位之间!"); return false; } if(password!=passwoed2) { alert("密码不匹配!"); return false; } if(email=""||(email.indexOf('@')==-1)||(email.indexOf('.')==-1)) { alert("Email格式有误,请重新输入有效邮箱地址!"); return false; } if(question.length<4) { alert("问题长度必须大于4!"); return false; } if(answer.length<2) { alert("答案长度必须大于2!"); return false; } if(qq.length==0) { alert("请输入qq!"); return false; } if(rand.length==0) { alert("请输入验证码!"); return false; } return true; } </script>
预加载的时候,拼接到盒子中,点击的时候不在拼接,或者点击的时候拼接,再次点击不拼接
``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>预加载测试</title> <style type="text/css"> *{margin: 0;padding: 0;} .register{width: 200px;height: 200px;margin: 50px auto 0;} .register input{width: 116px;margin-top:30px ;margin-left: 20px;} .registerBtn{width: 200px;margin: 0 auto;margin-top: 20px;} #WaitPage{display: none; margin: 0 auto;width: 300px;height: 300px;} #WaitPage img{width: 300px;height: 250px;margin: 25px 0px 0;display: inline-block;} .page{width: 500px;height: 300px;border: 1px solid black;margin: 0 auto;display: none;} .page img{width: 90px;height: 80px;float: left; margin:5px 15px;} .abtn{display: none;width: 40px;height: 20px;margin:30px 50px 30px 90px; float: left;} </style> </head> <body> <div class="box"> <!-- 登录页面 --> <div class="register" id="register"> <span>账号</span><input type="text" /><br> <span>密码</span><input type="password" /><br> <button class="registerBtn" id="registerBtn">登录</button> </div> <!-- 等待页面 --> <div id="WaitPage"> <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1502705710958&di=150996093863b2d1a7253ecd096f9a7e&imgtype=0&src=http%3A%2F%2Fimg.qqzhi.com%2Fupload%2Fimg_5_1629951827D4010606170_21.jpg" > </div> <button class="abtn" id="btn1">Btn1</button> <button class="abtn" id="btn2">Btn2</button> <button class="abtn" id="btn3">Btn3</button> <button class="abtn" id="btn4">Btn4</button> <div style="clear: both;"></div> <!-- 页面 --> <div id="page1" class="page"></div> <div id="page2" class="page"></div> <div id="page3" class="page"></div> <div id="page4" class="page"></div> </div> </body> </html> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> function imgloading(arr, idName, callback) { // 需要一个盛放图片的 盒子 var box = document.getElementById(idName); // 需要一个index值,做判断使用 var index = 0; // 用于承载创建的图片对象 var imgObjs = []; // 循环创建对象,并实现预加载 for(var i = 0; i < arr.length; i++) { // 创建图片对象 var imgObj = new Image(); imgObj.onload = function() { // 这个 index 可以获取到当前的length值 index++; // 将加载好的图片添加到数组中 imgObjs.push(this); // 调用加载进度方法,传当前的index的值 loadingProgress(index); } // 赋值数据源 imgObj.src = arr[i]; } // 加载进度 function loadingProgress(index) { // console.log(indexary); // 判断 if(index == arr.length) { // 如果index的值等同于数组长度,代表加载完毕 console.log(new Date()); callback(box, imgObjs); } } } var arr1 = ["http://weitu-650-water.bj.bcebos.com/233108469581.jpg@!water", "http://weitu-650-water.bj.bcebos.com/233108489667.jpg@!water", "http://weitu-650-water.bj.bcebos.com/233108735591.jpg@!water", "http://pic1.cxtuku.com/00/01/53/b0105f29cd15.jpg", "http://pic1.cxtuku.com/00/01/53/b0105f29cd15.jpg", "http://pic1.cxtuku.com/00/01/53/b0105f29cd15.jpg", "http://pic1.win4000.com/wallpaper/b/535f45c518b60.jpg", "http://img05.tooopen.com/images/20150701/tooopen_sy_132481769552.jpg", "http://pic25.nipic.com/20121206/7447430_133820812000_2.jpg", "http://f1.bj.anqu.com/down/OTkwNw==/allimg/1208/48-120R0153P9.jpg"]; var arr3 = ["http://pic.58pic.com/58pic/15/16/53/22458PIC7Xb_1024.jpg", "http://bizhi.zhuoku.com/2009/08/30/jingxuan/zhuoku018.jpg", "http://p1.yokacdn.com/pic/marry/look/2013/U395P1T117D789562F2577DT20130603133456_maxw808.jpg", "http://s1.dwstatic.com/group1/M00/87/42/bcc79336ab5f1a6bdf9c5f04e13e57cb.jpg", "http://s1.dwstatic.com/group1/M00/86/05/9f57d91b35148abbb43392e5a0a5c497.jpg", "http://gaopin-preview.bj.bcebos.com/133100460090.jpg@!420", "http://gaopin-preview.bj.bcebos.com/133100460089.jpg@!420", 'http://gaopin-preview.bj.bcebos.com/133200138213.jpg@!420'] var arr2 = ["http://t2.27270.com/uploads/tu/201708/15/6cc1680862_1.jpg", "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1501843806342&di=0458a3c86b8b894f7fc432518cf23dab&imgtype=0&src=http%3A%2F%2Fd.5857.com%2Fkgzwcyx_130522%2F006.jpg", "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1501843806873&di=b5ec72f343b9fee1be0824c868a32cc0&imgtype=0&src=http%3A%2F%2Fcdn.duitang.com%2Fuploads%2Fitem%2F201411%2F06%2F20141106215740_5KwPY.jpeg", "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1870718407,653952476&fm=26&gp=0.jpg", "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1501843828446&di=6f878eeb6d95a8a078dcbcc84b1b0359&imgtype=0&src=http%3A%2F%2Fimg17.3lian.com%2Fd%2Ffile%2F201702%2F18%2Ff893c72914daab9327ebef41d8924a99.jpg", "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1501843828443&di=5b4a417e25774f847ed8422051afb78e&imgtype=0&src=http%3A%2F%2Fwww.bz55.com%2Fuploads%2Fallimg%2F170214%2F140-1F214094P2.jpg", "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1501843853165&di=2b0aaff0f2647f2b828e6cc9ae541cf3&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F5%2F582ac82b6f6e0.jpg", "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1501843853704&di=4391aa0c8c78c489b5d4354c1b4979c9&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F1%2F546ae76e9eced.jpg", "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1501843853703&di=499f89710e72a47bd49df9d12d0837dd&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fwallpaper%2F4%2F56e3c5979c62e.jpg"] var arr4 = ["http://n.sinaimg.cn/news/20170804/MIUr-fyitapv7529224.jpg", "http://img01.sogoucdn.com/app/a/100540002/492265.jpg", "http://inews.gtimg.com/newsapp_match/0/1750701037/0", "http://img1.gtimg.com/zj/pics/hv1/9/153/2229/144979749.jpg", "http://p1.wmpic.me/article/2017/07/03/1499059680_WzCipcoE.jpg", "http://t2.27270.com/uploads/tu/201707/9999/78e130b360.jpg", "http://t2.27270.com/uploads/tu/201707/9999/848c20876f.jpg", "http://t2.27270.com/uploads/tu/201707/5820/56.jpg", "http://t2.27270.com/uploads/tu/201707/571/31.jpg", "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1502439836&di=6bc1ded09d70cd90b124fb2e64b54daa&imgtype=jpg&er=1&src=http%3A%2F%2Fa2.att.hudong.com%2F12%2F06%2F01300337734975132668063106926.jpg"] function loadingOver(id, imgObjs) { $(id).css("display", "block"); // 需要更改的地方 for(var i = 0; i < imgObjs.length; i++) { id.appendChild(imgObjs[i]); } $("#WaitPage").css("display", "none"); $(".abtn").css("display", "block"); setTimeout(function(){ imgloading(arr2,"page2",loadingOver1); imgloading(arr3,"page3",loadingOver1); imgloading(arr4,"page4",loadingOver1); },2000) } function loadingOver1(id, imgObjs, indexary) { // 需要更待的地方 for(var i = 0; i < imgObjs.length; i++) { id.appendChild(imgObjs[i]); } } $("#registerBtn").click(function() { $(".register").css("display", "none"); $("#WaitPage").css("display", "block"); imgloading(arr1, "page1", loadingOver); }) $("#btn1").click(function() { $("#page1").css("display", "block"); $("#page2").css("display", "none"); $("#page3").css("display", "none"); $("#page4").css("display", "none"); imgloading(arr1, "page1", loadingOver); }) $("#btn2").click(function() { $("#page1").css("display", "none"); $("#page2").css("display", "block"); $("#page3").css("display", "none"); $("#page4").css("display", "none"); imgloading(arr2, "page2", loadingOver1); }) $("#btn3").click(function() { $("#page1").css("display", "none"); $("#page2").css("display", "none"); $("#page3").css("display", "block"); $("#page4").css("display", "none"); imgloading(arr3, "page3", loadingOver1); }) $("#btn4").click(function() { $("#page1").css("display", "none"); $("#page2").css("display", "none"); $("#page3").css("display", "none"); $("#page4").css("display", "block"); imgloading(arr4, "page4", loadingOver1); })</script> ``` 预加载的时候,拼接到盒子中,点击Button的时候不在拼接 或者点击的时候拼接,再次点击不拼接。 现在就是多次点击多次拼接,该咋整呢?
动态规划入门到熟悉,看不懂来打我啊
持续更新。。。。。。 2.1斐波那契系列问题 2.2矩阵系列问题 2.3跳跃系列问题 3.1 01背包 3.2 完全背包 3.3多重背包 3.4 一些变形选讲 2.1斐波那契系列问题 在数学上,斐波纳契数列以如下被以递归的方法定义:F(0)=0,F(1)=1, F(n)=F(n-1)+F(n-2)(n&gt;=2,n∈N*)根据定义,前十项为1, 1, 2, 3...
130 个相见恨晚的超实用网站,一次性分享出来
相见恨晚的超实用网站 持续更新中。。。
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch, ...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
我在支付宝花了1分钟,查到了女朋友的开房记录!
在大数据时代下,不管你做什么都会留下蛛丝马迹,只要学会把各种软件运用到极致,捉奸简直轻而易举。今天就来给大家分享一下,什么叫大数据抓出轨。据史料证明,马爸爸年轻时曾被...
shell脚本:备份数据库、代码上线
备份MySQL数据库 场景: 一台MySQL服务器,跑着5个数据库,在没有做主从的情况下,需要对这5个库进行备份 需求: 1)每天备份一次,需要备份所有的库 2)把备份数据存放到/data/backup/下 3)备份文件名称格式示例:dbname-2019-11-23.sql 4)需要对1天以前的所有sql文件压缩,格式为gzip 5)本地数据保留1周 6)需要把备份的数据同步到远程备份中心,假如...
聊聊C语言和指针的本质
坐着绿皮车上海到杭州,24块钱,很宽敞,在火车上非正式地聊几句。 很多编程语言都以 “没有指针” 作为自己的优势来宣传,然而,对于C语言,指针却是与生俱来的。 那么,什么是指针,为什么大家都想避开指针。 很简单, 指针就是地址,当一个地址作为一个变量存在时,它就被叫做指针,该变量的类型,自然就是指针类型。 指针的作用就是,给出一个指针,取出该指针指向地址处的值。为了理解本质,我们从计算机模型说起...
为什么你学不过动态规划?告别动态规划,谈谈我的经验
动态规划难吗?说实话,我觉得很难,特别是对于初学者来说,我当时入门动态规划的时候,是看 0-1 背包问题,当时真的是一脸懵逼。后来,我遇到动态规划的题,看的懂答案,但就是自己不会做,不知道怎么下手。就像做递归的题,看的懂答案,但下不了手,关于递归的,我之前也写过一篇套路的文章,如果对递归不大懂的,强烈建议看一看:为什么你学不会递归,告别递归,谈谈我的经验 对于动态规划,春招秋招时好多题都会用到动态...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
字节跳动面试官这样问消息队列:分布式事务、重复消费、顺序消费,我整理了一下
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
2020年大前端发展趋势
迅速发展的前端开发,在每⼀年,都为开发者带来了新的关键词。2019 年已步⼊尾声,2020 年前端发展的关键词⼜将有哪些呢?发展的方向又会是什么呢?参考2019年大前端的发展,不出意外,前端依旧会围绕⼩程序、超级APP、跨端开发、前端⼯程化以及新技术运用等几个方面进行展开(可以参考2019年大前端技术趋势深度解读)。 小程序 在⼩程序⽅⾯,今年仍然是⼩程序突⻜猛进的⼀年,各⼤主流的 App 都上线...
如何安装 IntelliJ IDEA 最新版本——详细教程
IntelliJ IDEA 简称 IDEA,被业界公认为最好的 Java 集成开发工具,尤其在智能代码助手、代码自动提示、代码重构、代码版本管理(Git、SVN、Maven)、单元测试、代码分析等方面有着亮眼的发挥。IDEA 产于捷克,开发人员以严谨著称的东欧程序员为主。IDEA 分为社区版和付费版两个版本。 我呢,一直是 Eclipse 的忠实粉丝,差不多十年的老用户了。很早就接触到了 IDEA...
1个月时间整理了2019年上千道Java面试题,近500页文档!
Spring 面试题 1、一般问题 1.1、不同版本的 spring Framework 有哪些主要功能? 1.2、什么是 spring Framework? 1.3、列举 spring Framework 的优点。 1.4、spring Framework 有哪些不同的功能? 1.5、spring Framework 中有多少个模块,它们分别是什么? 1.6、什么是 spring ...
面试还搞不懂redis,快看看这40道面试题(含答案和思维导图)
Redis 面试题 1、什么是 Redis?. 2、Redis 的数据类型? 3、使用 Redis 有哪些好处? 4、Redis 相比 Memcached 有哪些优势? 5、Memcache 与 Redis 的区别都有哪些? 6、Redis 是单进程单线程的? 7、一个字符串类型的值能存储最大容量是多少? 8、Redis 的持久化机制是什么?各自的优缺点? 9、Redis 常见性...
为什么要推荐大家学习字节码?
配套视频: 为什么推荐大家学习Java字节码 https://www.bilibili.com/video/av77600176/ 一、背景 本文主要探讨:为什么要学习 JVM 字节码? 可能很多人会觉得没必要,因为平时开发用不到,而且不学这个也没耽误学习。 但是这里分享一点感悟,即人总是根据自己已经掌握的知识和技能来解决问题的。 这里有个悖论,有时候你觉得有些技术没用恰恰是...
在阿里,40岁的奋斗姿势
在阿里,40岁的奋斗姿势 在阿里,什么样的年纪可以称为老呢?35岁? 在云网络,有这样一群人,他们的平均年龄接近40,却刚刚开辟职业生涯的第二战场。 他们的奋斗姿势是什么样的呢? 洛神赋 “翩若惊鸿,婉若游龙。荣曜秋菊,华茂春松。髣髴兮若轻云之蔽月,飘飖兮若流风之回雪。远而望之,皎若太阳升朝霞;迫而察之,灼若芙蕖出渌波。” 爱洛神,爱阿里云 2018年,阿里云网络产品部门启动洛神2.0升...
【超详细分析】关于三次握手与四次挥手面试官想考我们什么?
在面试中,三次握手和四次挥手可以说是问的最频繁的一个知识点了,我相信大家也都看过很多关于三次握手与四次挥手的文章,今天的这篇文章,重点是围绕着面试,我们应该掌握哪些比较重要的点,哪些是比较被面试官给问到的,我觉得如果你能把我下面列举的一些点都记住、理解,我想就差不多了。 三次握手 当面试官问你为什么需要有三次握手、三次握手的作用、讲讲三次三次握手的时候,我想很多人会这样回答: 首先很多人会先讲下握...
压测学习总结(1)——高并发性能指标:QPS、TPS、RT、吞吐量详解
一、QPS,每秒查询 QPS:Queries Per Second意思是“每秒查询率”,是一台服务器每秒能够相应的查询次数,是对一个特定的查询服务器在规定时间内所处理流量多少的衡量标准。互联网中,作为域名系统服务器的机器的性能经常用每秒查询率来衡量。 二、TPS,每秒事务 TPS:是TransactionsPerSecond的缩写,也就是事务数/秒。它是软件测试结果的测量单位。一个事务是指一...
新程序员七宗罪
当我发表这篇文章《为什么每个工程师都应该开始考虑开发中的分析和编程技能呢?》时,我从未想到它会对读者产生如此积极的影响。那些想要开始探索编程和数据科学领域的人向我寻求建议;还有一些人问我下一篇文章的发布日期;还有许多人询问如何顺利过渡到这个职业。我非常鼓励大家继续分享我在这个旅程的经验,学习,成功和失败,以帮助尽可能多的人过渡到一个充满无数好处和机会的职业生涯。亲爱的读者,谢谢你。 -罗伯特。 ...
活到老,学到老,程序员也该如此
全文共2763字,预计学习时长8分钟 图片来源:Pixabay 此前,“网传阿里巴巴要求尽快实现P8全员35周岁以内”的消息闹得沸沸扬扬。虽然很快被阿里辟谣,但苍蝇不叮无缝的蛋,无蜜不招彩蝶蜂。消息从何而来?真相究竟怎样?我们无从而知。我们只知道一个事实:不知从何时开始,程序猿也被划在了“吃青春饭”行业之列。 饱受“996ICU”摧残后,好不容易“头秃了变强了”,即将步入为“高...
Vue快速实现通用表单验证
本文开篇第一句话,想引用鲁迅先生《祝福》里的一句话,那便是:“我真傻,真的,我单单知道后端整天都是CRUD,我没想到前端整天都是Form表单”。这句话要从哪里说起呢?大概要从最近半个月的“全栈工程师”说起。项目上需要做一个城市配载的功能,顾名思义,就是通过框选和拖拽的方式在地图上完成配载。博主选择了前后端分离的方式,在这个过程中发现:首先,只要有依赖jQuery的组件,譬如Kendoui,即使使用...
2019年Spring Boot面试都问了什么?快看看这22道面试题!
Spring Boot 面试题 1、什么是 Spring Boot? 2、Spring Boot 有哪些优点? 3、什么是 JavaConfig? 4、如何重新加载 Spring Boot 上的更改,而无需重新启动服务器? 5、Spring Boot 中的监视器是什么? 6、如何在 Spring Boot 中禁用 Actuator 端点安全性? 7、如何在自定义端口上运行 Sprin...
Unity项目在pc和ios设备上黑屏的原因探究
0x00 由于项目上线了windows平台的项目(别问我为什么,咱也不敢说,咱也不敢问),由Unity5.4.6升级到Unity2018的过程中,遇到了各种各样的坑,本文为避坑指南1。本项目没有使用HDR和抗锯齿,由于查这几个问题查到吐血,前后用了3天的时间,本文充满了怨气,行文非常啰嗦,需要快速解决问题的,可以直接拉到最后看结论。 0x01 法线贴图 项目在unity2018出了新的androi...
关于裁员几点看法及建议
最近网易裁员事件引起广泛关注,昨天网易针对此事,也发了声明,到底谁对谁错,孰是孰非?我们作为吃瓜观众实在是知之甚少,所以不敢妄下定论。身处软件开发这个行业,近一两年来,对...
面试官:关于Java性能优化,你有什么技巧
通过使用一些辅助性工具来找到程序中的瓶颈,然后就可以对瓶颈部分的代码进行优化。 一般有两种方案:即优化代码或更改设计方法。我们一般会选择后者,因为不去调用以下代码要比调用一些优化的代码更能提高程序的性能。而一个设计良好的程序能够精简代码,从而提高性能。 下面将提供一些在JAVA程序的设计和编码中,为了能够提高JAVA程序的性能,而经常采用的一些方法和技巧。 1.对象的生成和大小的调整。 J...
【图解算法面试】记一次面试:说说游戏中的敏感词过滤是如何实现的?
版权声明:本文为苦逼的码农原创。未经同意禁止任何形式转载,特别是那些复制粘贴到别的平台的,否则,必定追究。欢迎大家多多转发,谢谢。 小秋今天去面试了,面试官问了一个与敏感词过滤算法相关的问题,然而小秋对敏感词过滤算法一点也没听说过。于是,有了下下事情的发生… 面试官开怼 面试官:玩过王者荣耀吧?了解过敏感词过滤吗?,例如在游戏里,如果我们发送“你在干嘛?麻痹演员啊你?”,由于“麻痹”是一个敏感词,...
GitHub 标星 1.6w+,我发现了一个宝藏项目,作为编程新手有福了!
大家好,我是 Rocky0429,一个最近老在 GitHub 上闲逛的蒟蒻… 特别惭愧的是,虽然我很早就知道 GitHub,但是学会逛 GitHub 的时间特别晚。当时一方面是因为菜,看着这种全是英文的东西难受,不知道该怎么去玩,另一方面是一直在搞 ACM,没有做一些工程类的项目,所以想当然的以为和 GitHub 也没什么关系(当然这种想法是错误的)。 后来自己花了一个星期看完了 Pyt...
计算机专业的书普遍都这么贵,你们都是怎么获取资源的?
介绍几个可以下载编程电子书籍的网站。 1.Github Github上编程书资源很多,你可以根据类型和语言去搜索。推荐几个热门的: free-programming-books-zh_CN:58K 星的GitHub,编程语言、WEB、函数、大数据、操作系统、在线课程、数据库相关书籍应有尽有,共有几百本。 Go语言高级编程:涵盖CGO,Go汇编语言,RPC实现,Protobuf插件实现,Web框架实...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
MacBook Pro 入手一年了,到底香不香?
最近又有小伙伴问到底值不值得入手一台 MacBook Pro,松哥自己在 2018 年 10 月份的时候入手了一台,到现在为止,也用了一年多了,今天就来和小伙伴们聊一聊使用感受,至于到底值不值,需要大家自行判断。 我的第一台笔记本是大一第二学期(2012 年 4 月份)入手的,是一台 Sony 的 VAIO,这台电脑现在也一直在用,给大家录制的视频教程都是用这台电脑录制了,在接近 8 年的时间里,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
【程序人生】程序员接私活常用平台汇总
00. 目录 文章目录00. 目录01. 前言02. 程序员客栈03. 码市04. 猪八戒网05. 开源众包06. 智城外包网07. 实现网08. 猿急送09. 人人开发10. 开发邦11. 电鸭社区12. 快码13. 英选14. Upwork15. Freelancer16. Dribbble17. Remoteok18. Toptal19. AngelList20. Topcoder21. ...
关于终身成长的几点感想
上周,为了凑单把加入购物车很久的《终身成长:重新定义成功的思维模式》也一起买了。 起初我以为只是单纯的心灵鸡汤类的书,后来看介绍说是“影响美国一代人的心理励志之作,被无数次引用的成功学观点。美国亚马逊心理畅销书在榜10年,《 时代周刊》《早安美国》《华尔街日报》热赞,比尔·盖茨撰文推荐。” 简单来讲,全书主要是讲了两种思维方式:固定型思维模式者和成长型思维模式。有理论,有案例,有方法。书中的关...
Fiddler+夜神模拟器进行APP抓包
Fiddler+夜神模拟器进行APP抓包 作者:霞落满天 需求:对公司APP进行抓包获取详细的接口信息,这是现在开发必备的。 工具:Fiddler抓包,夜神模拟器 模拟手机 安装APP 1.下载Fiddler https://www.telerik.com/download/fiddler Fiddler正是在这里帮助您记录计算机和Internet之间传递的所有HTTP和HTTPS通信...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
相关热词 c# 数组类型 泛型约束 c#的赛狗日程序 c# 传递数组 可变参数 c# 生成存储过程 c# list 补集 c#获得所有窗体 c# 当前秒数转成年月日 c#中的枚举 c# 计算校验和 连续随机数不重复c#
立即提问

相似问题

4
C# js实现获取本地时间(不是服务器的时间)
3
判断!!!如何在JS里面通过value值判断当前选择的按钮,并打印出来
2
java new Date() 与系统时间相差16个小时
2
java中 date类型和时间插件有什么区别?
1
angular4如何获取input输入框里的值
5
请问如何把input date限制选择日期?
2
java系统时区不是东八区,如何获取当前东八区的Date
1
间歇性出现:ora-01483:DATE或NUMBER赋值变量的长度无效
2
jsp页面获取的date怎么转换为可以比较的数字?
1
<input type="date">如何让后台的Date值赋值上去
1
elementUI 中 el-date-picker中弹出的日期和时间的输入框设置为只读?
4
关于Js中时间戳转换成年月日格式问题
1
js时间选择框修改时间问题
1
小程序用云开发如何获取显示服务器时间
1
ElasticSearch怎么对double或者date类型的数据进行高亮搜索显示?
2
无意间把服务器时间设置为前一天,然后response返回的头信息Date转换时区之后还是正确的当前时间
1
使用Vue+ElementUI中:在Mysql中timestamp类型数据为正常的年月日时分秒,后台控制台输出也是正常时间,但是通过axios传入前端就变为时间戳类型。
1
oracle数据库将DATE(日-月-年)类型的数据转换成时间戳的sql语句?
2
es 批量插入MySQL数据 数据类型为timestamp 怎么设置es日期时间类型
4
jquery根据id获取input文本框中输入的值为undefined