JavaScript前端页面取值,需要实现颜色的多选和第二次点击取消选中. 5C

图片说明

上图是前端页面.
前端代码如下:

D色 E色 F色 G色 H色 I色
我写的取值代码如下:
$(".dia_menu_lst span").click(function (e) {
    $(this).siblings().each(function(){
       $(this).removeClass("selected"); //去除同一个div下span兄弟节点的选中状态
    });
    $(this).toggleClass("selected"); // 点击某个span时添加或移除选中状态
    weight =$('#weigdiv .selected').attr('data'); //选择含有选中状态selected的元素(有选中状态状态的span)
    neatness =$('#neatdiv .selected').attr('data');
    var color =$('#colordiv .selected').attr('data');
    alert(ctgId +" "+weight+" "+neatness+" "+color);
}); 
    问题:因为每次点击的时候会去除兄弟的选中状态,所以实现不了多选.neatness和weight需要单选,color需要多选.求教各位大神怎么取得多选的color的值,我每次都只能取到一个.
    PS:我试过用color+=color,但是这样只能往里面增加值,当我取消选中的时候,被取消的span的值还在color里面,求教取消选中时撤销对应的color值怎么做

8个回答

前端代码没贴出来,补充一下:图片说明

你html没给全啊 兄弟

 最后遍历选中的那几条数据,赋值给一个变量就行了 随便写的,不一定正确
var color="";
var i=0;
$('#colordiv .selected').each(function(){
if(i!=0){
 color+=","+$(this.attr("data"));
}else{
 color+=$(this.attr("data"));
}

     i++;
})

$("#colordiv span").click(function () {
$(this).toggleClass("selected"); //实现多选的话不要用sibling().removeClass(),用toggleClass就可以,不影响同级元素的选择
});
var colorList=[];//将所选的颜色封装在一个数组里;
$("#colordiv span").each(function (index, id) {
if ($(this).hasClass("selected")==true) {
colorList.push($(this).attr("id"));
}
});
colorList = colorList.join(",");//用逗号隔开,方便取值

var selArr = [];//用于装要传的参数
$(".dia_menu_lst span").click(function(e) {
if($(this).hasClass("activity")){
$(this).removeClass("activity");
}else{
$(this).addClass("activity");
}

            $(".dia_menu_lst span").each(function(index,item) {
                if(item.hasClass("activity")){
                    var data = $(item).attr("data");
                    selArr.push(data);
                }
            }); 
        });
      $('#colordiv>span').click(function() {
                $(this).addClass('active'); //active为选中的样式
            })
            $('#colordiv>.active').click(function() {
                $(this).removeClass('active');
            })
    $('#colordiv>span').click(function() {
                $(this).addClass('active'); //active为选中的样式
            })
            $('#colordiv>.active').click(function() {
                $(this).removeClass('active');
         })

使用上在的jquery方式,即可实现。active这个样式自已定义 。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
前端的页面的取值问题,俩种方法取name........求大神

今天给出了个题目,是这样的求前端的给看一看,我不不常写前端所以不是特别会,求解 ,应该是特别简单的。 <input type="text" name="name" value="张三" /> 求javascript和jQuery俩种方法将name的值取出。在jsp页面中取出来就OK了。

前端js的取值问题,,,,

![图片说明](https://img-ask.csdn.net/upload/201807/31/1533004041_20799.png) curFiles[i].split("/").length长度不是固定的,我这样运用到实际项目是不合理的,我该如何何修改,使其长度无论如何变化都可用

前端根据值改变背景颜色

我自己写了个简单页面测试没有问题,但是放在项目中却没有效果,请问是问什么? 测试页面代码 ``` <!DOCTYPE html> <html> <head> <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> </head> <script type="text/javascript" language="javascript"> $(function(){ $("#contentTable .test").each(function(){ var val = $(this).text(); if (val == "是"){ var $pat = $(this).parent(); $pat.css("background", "blue") }else if(val =="否"){ var $pat = $(this).parent(); $pat.css("background", "yellow") } else { var $pat = $(this).parent(); $pat.css("background", "white") } }) }); </script> </head> <body> <table id="contentTable" style="text-align: center;" width="100%" border="1PX"> <thead> <tr> <th>1</th> <th>2</th> <th>3</th> </tr> </thead> <tr><td class="test">是</td><td> A2 </td> <td>A3</td> </tr> <tr><td class="test">是</td><td> A2 </td> <td>A3</td> </tr> <tr><td class="test">否</td> <td> B2</td><td>B3</td> <tr><td class="test">1</td><td> A2 </td> <td>A3</td> </tr> </tr> </table> </body> </html> ``` 相关代码 ``` <script type="text/javascript" > $(function() { $("#contentTable .cloc").each(function() { var val = $(this).text(); if (val == "是") { var $pat = $(this).parent(); $pat.css("background", "blue") }else if (val == "否") { var $pat = $(this).parent(); $pat.css("background", "yellow") } else { var $pat = $(this).parent(); $pat.css("background", "white") } }) }); </script> ``` jsp ``` <table id="contentTable" class="table table-striped table-bordered table-condensed" > <thead> <tr> <th class="sort-column deviceid">设备编码</th> <th class="sort-column intime">入库时间</th> <th class="sort-column devicename">名称</th> <th class="sort-column brand">品牌</th> <th>型号</th> <th>单位</th> <th class="sort-column price">采购价值</th> <th>设备系列号</th> <th>零备件级别</th> <th>到货时间</th> <th class="sort-column isout">是否出库</th> <th class="sort-column coucount">出库次数</th> <th class="testcol">存储库位</th> <th>定检周期</th> <th>设备状态</th> <th>报废标志</th> <th>备注</th> <shiro:hasPermission name="storagewarehouse:tInventoryTable:edit"><th>操作</th></shiro:hasPermission> </tr> </thead> <tbody id ="tInventoryTableList" > <c:forEach items="${page.list}" var="tInventoryTable"> <tr > <td><a href="${ctx}/storagewarehouse/tInventoryTable/form?id=${tInventoryTable.id}"> ${tInventoryTable.deviceid} </a></td> <td> <fmt:formatDate value="${tInventoryTable.intime}" pattern="yyyy-MM-dd HH:mm:ss"/> </td> <td> ${tInventoryTable.devicename} </td> <td > ${tInventoryTable.brand} </td> <td> ${tInventoryTable.model} </td> <td> ${tInventoryTable.unit} </td> <td> ${tInventoryTable.price} </td> <td> ${tInventoryTable.serialnum} </td> <td> ${fns:getDictLabel(tInventoryTable.level, 't_level', '')} </td> <td> <fmt:formatDate value="${tInventoryTable.arrivalt}" pattern="yyyy-MM-dd HH:mm:ss"/> </td> <td class="cloc" > ${fns:getDictLabel(tInventoryTable.isout,'yes_no','')} </td> <td> ${tInventoryTable.coucount} </td> <td> ${tInventoryTable.location} </td> <td> ${tInventoryTable.fegularcycle} </td> <td> ${fns:getDictLabel(tInventoryTable.status ,'t_status','')} </td> <td> ${fns:getDictLabel(tInventoryTable.scrapped, 't_scrapped', '')} </td> <td> ${tInventoryTable.remark} </td> <shiro:hasPermission name="storagewarehouse:tInventoryTable:edit"><td> <a href="${ctx}/storagewarehouse/tInventoryTable/form?id=${tInventoryTable.id}">修改</a> <a href="${ctx}/storagewarehouse/tInventoryTable/delete?id=${tInventoryTable.id}" onclick="return confirmx('确认要删除该库存吗?', this.href)">删除</a> </td></shiro:hasPermission> </tr> </c:forEach> </tbody> </table> ```

求select下拉框option选项为checkbox,实现多选,谢谢!

求select下拉框option选项为checkbox,实现多选,谢谢!java。使用javascript,或者juery.实现的都行。

新人,前端,JavaScript需要会到什么程度?

一个月前开始,对前端很感兴趣,已经看完了HTML CSS JavaScript的基础内容。 打算一直学下去当一个前端工程师!! 但是JavaScript是需要长期学习和积累的语言。 所以我想知道想找一个初级前端工程师的工作,JavaScript需要会到什么程度才可以。 换句话说就是,做一个初级的前端工程师,哪些内容需要精通,哪些内容只需要了解。或者哪些框架是一定要会用的。 希望和我有同样经历或者从事着前端工作的朋友给点建议。。。 谢谢!!

请教Javascript如何实现双击选中页面中英文单词并将其颜色改变的功能

请教一下,如何用Javascript实现双击选中页面中英文单词并将其颜色改变的功能。 首先我想要的功能是是需要按空格将每个英文单词分割开来的,比如我的body标签里有”hello world“,那我点击hello的时候,是只有hello变红,world应该不变色。另外我希望单词变色之后颜色就会一直保持为改变后的颜色,而不是暂时性的,因为后续还需要将选中的单词加入数据库,谢谢!

后台定时推送消息至前端,刷新前端页面局部数据

请教下各位大神: 如何能够做到后台定时推送信息至前端(前端页面不动,就是挂在那里),刷新前端局部数据(其他数据不动) 比如: 后台数据: ![图片说明](https://img-ask.csdn.net/upload/201904/09/1554803958_381430.png) 前端页面: ![图片说明](https://img-ask.csdn.net/upload/201904/09/1554804217_733439.png) 如何可以做到,每隔五分钟刷新这个如上图所示的“项目名称”这个字段,且其他信息bu'don

动态添加name属性相同的select2标签多选下拉框 如何取值和赋值

**问题描述:** 所有下标值混合一块 ; **需要实现的效果:** 心 肺 小肠 对应id 分别1、2、3 作为一组 xuewei_id[0] 第二行 对应下标为 xuewei_id[1] ![图片说明](https://img-ask.csdn.net/upload/201808/01/1533115383_492903.png) ![图片说明](https://img-ask.csdn.net/upload/201808/01/1533116123_928546.png) 图3 这个是直接接受 select2 标签的穴位id ![图片说明](https://img-ask.csdn.net/upload/201808/01/1533116308_133310.png) js代码 ``` // 显示修改关键字症状界面 function updateView(id, system_id) { $("#btntype").val(1); $("#Submit1").click(function() { add(1); }); $ .ajax({ type : "POST", url : "/erzhentang/manage/forAjax.do?requestType=12.1", data : "id=" + id + "&system_id=" + system_id, // 发送到服务器的数据默认id是结论id success : function(msg) { $("#xuewei_id").val("1,2,3").select2(); /* alert(msg); */ var json = eval('(' + msg + ')'); document.getElementById("addModel").style.display = "block"; document.getElementById("id1").value = json.earScanJielun.id; document.getElementById("system_id1").value = json.earScanJielun.system_id; /* 遍历所属系统下所有 耳穴频扫疾病项 */ var arrESJ = eval(json.listEarScanJibing);// arrESJ是一个数组 var checkESJ = document.getElementById("jibing_num1"); var str2 = ""; for (var j = 0; j < arrESJ.length; j++) { str2 += "<option value=\"" + arrESJ[j].jibing_num + "\">" + arrESJ[j].name + "</option>"; var checkESJ2 = arrESJ[j].name; if (arrESJ[j].jibing_num == json.earScanJielun.jibing_num) {// 疾病编号人为控制每个编号都是唯一 arrESJ[j].name = "selected='selected'"; } $("#jibing_num1").html(str2); } document.getElementById("jibing_num1").value = json.earScanJielun.jibing_num; document.getElementById("jielun_rank1").value = json.earScanJielun.jielun_rank; document.getElementById("jielun1").value = json.earScanJielun.jielun; /* 下半截部分组合表动态展示修改和添加 */ var arrESC = eval(json.listEarScanCp);// arrESC是一个数组频扫结论组合表 var str = ""; var str1 = ""; for (var i = 0; i < arrESC.length; i++) { str += "<tr>"; str += "<td colspan=\"8\">"; str += "<div style=\"margin-left: 148px;\" id=\"earScanCp\">"; str += "<div style=\"float: left;\">"; str += "<textarea style=\"width: 50px;margin-left: -86px;position: absolute;\" id=\"cp_id\" name=\"cp_id\" >" + arrESC[i].id + "</textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 20px;\" id=\"gender\" name=\"gender\" >" var myselect = document.getElementById("gender");// 这个获取的是静态jsp页面里标签 /* * 下拉框主要是应展示项和所有下拉选项的值判断是否对应 分清主和客 * 所有展示项目为主表客表的某一项值和遍历主表的值对应 这里面 下拉框所有选项值是主表 */ var str1 = ""; for (var j = 0; j < myselect.options.length; j++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值:" + myselect.options[j].value); str += "<option value=\"" + myselect.options[j].value + "\" " + (myselect.options[j].value == arrESC[i].gender ? "selected='selected'" : "") + ">" + myselect.options[j].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"min_age\" name=\"min_age\" >" + arrESC[i].min_age + "</textarea>"; str += "<textarea style=\"width: 50px;margin-left: 10px;\" id=\"max_age\" name=\"max_age\" >" + arrESC[i].max_age + "</textarea>"; // str += "<textarea style=\"width: // 300px;margin-left:10px;\" id=\"xuewei_id\" // name=\"xuewei_id\" >" // + arrESC[i].xuewei_id + "</textarea>"; // str +="<div id=\"selectSection\">"; /* * id=\"xuewei_id\" */ str += "<textarea style=\"width:300px;margin-left:10px;display:none;\" id=\"xuewei_id1\" name=\"xuewei_id1\" >" + arrESC[i].xuewei_id + "</textarea>"; // str += "<div id=\"selectSection\" name=\"selectSection\">"; str += "<select style=\"width: 300px;margin-left:10px;\" name=\"xuewei_id\"class=\"combox\" multiple >" str += "<optgroup label=\"小辈儿组\">"; str += "<option value=\"1\" " + "selected='selected'" + ">心</option>"; str += "<option value=\"2\" " + "selected='selected'" + ">" + "肺" + "</option>"; str += "<option value=\"3\" " + "selected='selected'" + ">" + "小肠" + "</option>"; str += "<option value=\"4\">" + "口" + "</option>"; str += "<option value=\"5\">" + "食道" + "</option>"; str += "</optgroup>"; // str += "</div>"; /* 进一步转换频扫组合表穴位id字符串转array数组 */ /* * var strXueweiId = arrESC[i].xuewei_id; var * arrayXueweiId = strXueweiId.split(","); * * for (var j = 0; j < arrayXueweiId.length; j++) { str2 += "<option * value=\"" + arrayXueweiId[j].value + "\">" + * arrayXueweiId[j].value + "</option>"; var checkESJ2 = * arrayXueweiId[j].name; if (arrayXueweiId[j] == 5) { * arrayXueweiId[j] = "selected='selected'"; } * $("#jibing_num1").html(str2); } */ "</select>"; // // $("#xuewei_id").val("1,2,3").select2(); str += "<textarea style=\"width: 220px;margin-left: 10px;\" id=\"chuzhen_id\" name=\"chuzhen_id\" >" + arrESC[i].chuzhen_id + "</textarea>"; str += "<select style=\"width: 60px;height: 36px;margin-left: 10px;\" id=\"bp\" name=\"bp\" >" var myselect1 = document.getElementById("bp");// 这个获取的是静态jsp页面里标签 for (var k = 0; k < myselect1.options.length; k++) {// 下拉框是主家从静态页面获取并且遍历它 // alert("j值:" + myselect1.options[k].value); str += "<option value=\"" + myselect1.options[k].value + "\" " + (myselect1.options[k].value == arrESC[i].bp ? "selected='selected'" : "") + ">" + myselect1.options[k].text + "</option>"; } "</select>"; str += "<textarea style=\"width: 50px; height: 36px;margin-left: 10px;margin-top: 0px;\" id=\"jielun_conform\" name=\"jielun_conform\">" + arrESC[i].jielun_conform + "</textarea>"; str += "</div>"; str += "<div >"; str += " <input type=\"button\" onclick=\"delRow(this," + arrESC[i].id + "," + arrESC[i].bianzhengId + ")\" value=\"删除\" id=\"deleteESC\" name=\"deleteESC\" style=\"float: left; margin-left:10px; margin-top: 5px;\">"; str += "</div>"; str += "</div>"; str += "</td>"; str += "</tr>"; /* 替换静态页面 */ $("#tbody1").html(str); select2Execute(); } } }); } ``` 执行select2方法 ``` /* 执行select2方法 */ function select2Execute() { $(function() { $("select[name='xuewei_id']").select2({ // $('select[id="xuewei_id"]').select2({ // $('#xuewei_id').select2({ // $("#selectSection").find("select.combox").select2({ // $(".select2-selection__choice").select2(); // $(".combox").select2({ placeholder : "请至少选择一个人名", tags : true, createTag : function(decorated, params) { return null; }, width : '256px' }); function formatState(state) { if (!state.id) { return state.text; } var $state = $('<span>' + state.text + '</span>'); return $state; } ; $('#sel_recommender').select2({ placeholder : "请选择一个人名", templateResult : formatState, width : '256px' }); alert($("select[name='xuewei_id']").select2('data')[0].text); // $("#selectSection").find("select.xuewei_id").val(); // document.getElementById("selectSection").value=$("select[name='xuewei_id']").select2('data'); $("#xuewei_id1").val( $("select[name='xuewei_id']").select2('data'));//赋值给textarea隐藏的标签 alert($("#xuewei_id1").val()); }); } ```

前端js中Map取值问题,如下:

我在前端js中写 var Map = JSON.stringify(layer.p1); console.log(Map); 页面得到: {"type":"line","x1":429,"y1":135,"x2":374,"y2":182,"x3":432,"y3":220,"x4":559,"y4":306,"x5":605,"y5":191,"x6":458,"y6":100} 我该如何从数组中获得x,y的最大值与最小值?

界面第一次登录显示A界面,第二次或以后登录直接跳转到B界面

想写一个界面,第一次登录的时候启动这个A界面,可以从A界面跳转到B界面,但是如果不是第一次登录了,就在启动A界面时,判断然后直接跳转到B界面,应该怎么实现呢? 记录cookie?用js来实现么? 求大神给点思路或代码

JQuery 在网页上实现答题功能

在网页上实现该功能(通过前台实现,不用后台): 一共有10道选择题,用户选择“对”或者“错”,如果用户选择了错误的答案,提示用户为什么会错,并且显示正确的答案, 有上一题,和下一题按钮切换功能

用javascript实现选项卡功能

写了一个页面,想用javascript实现选项卡的功能,但是没有成功,找了好久都不知道问题出现在 哪里,求各位大神指教,下面是代码: ``` <!DOCTYPE html> <html> <head> <title>选项卡</title> <meta charset="UTF-8"> <style type="text/css"> *{margin: 0;padding: 0;} ul{list-style-type: none;} #all-content{ width: 300px; height: 200px; margin: 50px auto; } #ul1{ height: 30px; width: 202px; border-bottom: 2px solid red; } #ul1 li{ display: inline-block; width: 50px; height: 28px; text-align: center; margin-left: 10px; border: 1px solid #999; border-bottom: none; } #ul1 li:hover{cursor: pointer;} #ul1 li.active{ border-top: 2px solid red; border-bottom: 2px solid #FFFFFF; } #all-content div{ width: 200px; height: 150px; border: 1px solid blue; border-top: none; } .show{display: block;} .hide{display: none;} </style> <script type="text/javascript"> window.onLoad=function(){ var aul=document.getElementById("ul1"); var ali=aul.getElementsByTagName("li"); var ald=document.getElementById("all-content"); var adiv=ald.getElementsByTagName("div"); for(var i=0;i<ali.length;i++){ ali[i].index=i; ali[i].onmouseover=function(){ for(var i=0;i<ali.length;i++){ ali[i].className=""; } this.className="active"; for(var j=0;j<adiv.length;j++){ adiv[j].className="hide"; } adiv[this.index]="show"; } } } </script> </head> <body> <div id="all-content"> <ul id="ul1"> <li class="active">房产</li> <li>家居</li> <li>二手房</li> </ul> <div> <ul> <li>aaaaaaaaaaaaaaa</li> <li>bbbbbbbbbbbbbbb</li> <li>ccccccccccccccc</li> <li>ddddddddddddddd</li> </ul> </div> <div class="hide"> <ul> <li>woshinideduyiwuer</li> <li>hellokugouhowarey</li> <li>cbdcfjbvfrjvejuvr</li> <li>cbdjskfeygshanhed</li> </ul> </div> <div class="hide"> <ul> <li>hahahahahahahahaha</li> <li>hahahahahahahahaha</li> <li>hahahahahahahahaha</li> <li>hahahahahahahahaha</li> </ul> </div> </div> </body> </html> ```

关于前端登录“记住密码”功能实现的问题

我已有前端的一些基础,现在在写一个登录界面,前端javascript+后台php,对“记住密码”的实现有些问题: 1.应该用基于token的认证机制还是只用cookie保存数据就行了,如果图安全应该用前者吧? 2.如果用json web token在后台php生成了一个token,接下来应该怎么做? 3.网上有资料说用json web token时,cookie和服务器都要保存用户名、登录序列、登录token这三个东西,服务器怎么保存和更新这仨?登录序列是啥? 4.在另外的页面要检查用户是否已经登录,这个用cookie就行了吧? 刚刚接触token,希望前辈们指点指点。。。

web前端简单问题多个<a>标签单选

![图片说明](https://img-ask.csdn.net/upload/201701/19/1484794321_340598.png) 多个<a>标签的选择,最后表单提交的时候获得选中的<a>标签的value值. js该怎么写? <tr> <td class="equipment_search_label"><label>价格区间</label></td> <td><a href="javascript:void(0);" id="cost1" value="0|5" name="" onclick="costt()">5万以下</a></td> <td><a href="javascript:void(0);" id="cost2" value="5|10" name="">5万-10万</a></td> <td><a href="javascript:void(0);" id="cost3" value="10|20" name="">10万-20万</a></td> <td><a href="javascript:void(0);" id="cost4" value="20|30" name="">20万-30万</a></td> <td><a href="javascript:void(0);" id="cost5" value="30|40" name="">30万-40万</a></td> <td><a href="javascript:void(0);" id="cost6" value="40|50" name="">40万-50万</a></td> <td><a href="javascript:void(0);" id="cost7" value="50|100" name="">50万-100万</a></td> <td><a href="javascript:void(0);" id="cost8" value="100|9999" name="">100万以上</a></td> </tr> 最后表单提交的时候获得选中的<a>标签的value值

移动端如何通过javascript让页面缩放

需求如下: 页面中有个输入框,点击输入框获取焦点时页面会以此为焦点放大,这个正是我需要的 但是当输入框输入完成点击确定时,我想让页面回到放大前的状态,我搜了好多资料,都是禁止用户缩放之类的,并不符合我的需求。 所以,想请大神们赐教啊!!!

怎么在前端实现发邮件的布局效果?

邮件布局,左边是发送的通知面板:“收件人,主题,邮件内容",右边是联系人面板,待收 邮件的联系人有哪些,这是一个可以滑动的面板,就像平时发邮件那样,然后选中其中任意一个 收件人就可以在通知面板的收件人上显示联系人姓名。 我是前端小白,对这一块不是特别懂,请各位大神指教,还有这到底是JS还是CSS布局呢?

Javascript的页面跳转好像不能用在函数里面,该怎么实现呢

``` <script language="javascript"> $(document).ready(function(){ $("#tjan").click(function(){ window.open('http://www.baidu.com') }) }) function dl(){//以下将处理登陆信息 var a=document.getElementById("yhm").value var f=$("#mima").val() } window.location.href="http://www.baidu.com"; </script> ``` 如函数dl,我想要往网址中加些东西,所以得通过函数来获取元素的内容并加入到函数中,但奇怪的是window.location.href不能用在函数里面,只能用在外面,页面一加载就跳转,也没法获取数据,显然不是我想要的,请相关的朋友们解答下哈

myeclipse编辑JavaScript的字体颜色怎么设置?

如图..color and font里找到字体的设置但是不能改颜色.. ![图片说明](https://img-ask.csdn.net/upload/201509/08/1441694005_173225.png)

java web前端实现技术讨论

做过java web项目开发的人都知道struts2和spring mvc,这两者都是java前端的mvc架构,页面利用丰富的struts和spring标签,通过框架提供的多种封装技术方便快捷的跟action或者Controller进行交互,从而简化页面的功能实现。另一种页面实现则是采用javascript+html+css,不使用框架提供的标签或者其它功能,而是通过ajax或者其它方式调用action或者Controller的代码。对于这两种方式(或者还有其它方式?)的利弊,想与诸位进行探讨,也想了解了解目前java web开发的趋势和潮流。

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

Linux面试题(2020最新版)

文章目录Linux 概述什么是LinuxUnix和Linux有什么区别?什么是 Linux 内核?Linux的基本组件是什么?Linux 的体系结构BASH和DOS之间的基本区别是什么?Linux 开机启动过程?Linux系统缺省的运行级别?Linux 使用的进程间通信方式?Linux 有哪些系统日志文件?Linux系统安装多个桌面环境有帮助吗?什么是交换空间?什么是root帐户什么是LILO?什...

Linux命令学习神器!命令看不懂直接给你解释!

大家都知道,Linux 系统有非常多的命令,而且每个命令又有非常多的用法,想要全部记住所有命令的所有用法,恐怕是一件不可能完成的任务。 一般情况下,我们学习一个命令时,要么直接百度去搜索它的用法,要么就直接用 man 命令去查看守冗长的帮助手册。这两个都可以实现我们的目标,但有没有更简便的方式呢? 答案是必须有的!今天给大家推荐一款有趣而实用学习神器 — kmdr,让你解锁 Linux 学习新姿势...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

史上最全的 python 基础知识汇总篇,没有比这再全面的了,建议收藏

网友们有福了,小编终于把基础篇的内容全部涉略了一遍,这是一篇关于基础知识的汇总的文章,请朋友们收下,不用客气,不过文章篇幅肯能会有点长,耐心阅读吧爬虫(七十)多进程multiproces...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

85后蒋凡:28岁实现财务自由、34岁成为阿里万亿电商帝国双掌门,他的人生底层逻辑是什么?...

蒋凡是何许人也? 2017年12月27日,在入职4年时间里,蒋凡开挂般坐上了淘宝总裁位置。 为此,时任阿里CEO张勇在任命书中力赞: 蒋凡加入阿里,始终保持创业者的冲劲,有敏锐的...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

新一代神器STM32CubeMonitor介绍、下载、安装和使用教程

关注、星标公众号,不错过精彩内容作者:黄工公众号:strongerHuang最近ST官网悄悄新上线了一款比较强大的工具:STM32CubeMonitor V1.0.0。经过我研究和使用之...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

大学一路走来,学习互联网全靠这几个网站,最终拿下了一把offer

大佬原来都是这样炼成的

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

什么时候跳槽,为什么离职,你想好了么?

都是出来打工的,多为自己着想

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你期望月薪4万,出门右拐,不送,这几个点,你也就是个初级的水平

先来看几个问题通过注解的方式注入依赖对象,介绍一下你知道的几种方式@Autowired和@Resource有何区别说一下@Autowired查找候选者的...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

立即提问
相关内容推荐