javascript对table设置样式的问题..

下面是完整的代码:
我是想通过,鼠标移到tr上面,把背景样式改变,然后,鼠标单击的时候,也该表背景颜色,
现在这一步已经完成,

还有一个就是鼠标移到其他行,又需要恢复,onmouseover和 onmouseOut 的样式。 这个要怎么实现?请教一下...



<br> //单击时,改变样式;<br> function onClickChangeStyle(obj){<br> //获取表格对象;<br> var tab = document.getElementById(&quot;tab&quot;);</p> <pre><code> //获取当前行选择下标; var currentRowIndex = obj.rowIndex; //获取表格所有行数; var tablRows = tab.rows.length; //获取表格第一行,第一列的值; //var firstCellValue = tab.rows[0].cells[0].innerHTML; //获取表格的第一行,第一列的第一个元素的值; //var firstChildValue = tab.rows[0].cells[0].firstChild.value; //循环表格的所有行;并且选择的当前行,改变背景颜色; for(var i = 0;i&lt;tablRows;i=i+1){ if(currentRowIndex == i){ //为选中的当前,设置css样式; tab.rows[i].style.cssText=&quot;background-color:00FFFF&quot;; }else{ //把没有选中的行的背景样式设置为白色; tab.rows[i].style.cssText=&quot;background-color:white&quot;; tab.rows[i].onmouseover = function(){ this.className=&quot;displayStyle&quot;; //tab.rows[i].className=&quot;displayStyle&quot;; } //绑定鼠标移开事件,并且设置样式为白色; tab.rows[i].onmouseout = function() { this.cssText=&quot;background-color:white;&quot;; //tab.rows[i].className=&quot;hideStyle&quot;; } } } } &lt;/script&gt; &lt;style&gt; .displayStyle{ background-color:blue; } .hideStyle{ background-color:white; } .onClickStyle{ background-color:red; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;form name=&quot;myForm&quot;&gt; &lt;table width=&quot;100%&quot; id=&quot;tab&quot; name=&quot;tab&quot;&gt; &lt;tr id=&quot;tr1&quot; onmouseOver=this.className=&quot;displayStyle&quot; onmouseOut=this.className=&quot;hideStyle&quot; onclick=&quot;onClickChangeStyle(this)&quot;&gt; &lt;td&gt;&lt;input type=&quot;checkbox&quot; value=&quot;11&quot;/&gt;&lt;/td&gt; &lt;td&gt;100&lt;/td&gt; &lt;td&gt;张三&lt;/td&gt; &lt;td&gt;15&lt;/td&gt; &lt;td&gt;湖南株洲&lt;/td&gt; &lt;/tr&gt; &lt;tr id=&quot;tr2&quot; onmouseOver=this.className=&quot;displayStyle&quot; onmouseOut=this.className=&quot;hideStyle&quot; onclick=&quot;onClickChangeStyle(this)&quot;&gt; &lt;td&gt;&lt;input type=&quot;checkbox&quot; value=&quot;22&quot;/&gt;&lt;/td&gt; &lt;td&gt;100&lt;/td&gt; &lt;td&gt;李四&lt;/td&gt; &lt;td&gt;15&lt;/td&gt; &lt;td&gt;湖南长沙&lt;/td&gt; &lt;/tr&gt; &lt;tr id=&quot;tr3&quot; onmouseOver=this.className=&quot;displayStyle&quot; onmouseOut=this.className=&quot;hideStyle&quot; onclick=&quot;onClickChangeStyle(this)&quot;&gt; &lt;td&gt;&lt;input type=&quot;checkbox&quot; value=&quot;33&quot;/&gt;&lt;/td&gt; &lt;td&gt;100&lt;/td&gt; &lt;td&gt;王五&lt;/td&gt; &lt;td&gt;15&lt;/td&gt; &lt;td&gt;湖南湘潭&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; &lt;/body&gt; </code></pre> <p></html></p>

2个回答

//insertRow,insertCell都要加标添加下标的,还有样式名称怎么能加方法呢//this.className="onClickChangeStyle(this)";

var tab = document.getElementById('tab');
var rowIndex = tab.rows.length;

//添加一行;
var tr = tab.insertRow(3);

tr.onmouseOver = tr.className="displayStyle" ;
tr.onmouseOut = tr.className="hideStyle" ;
tr.onclick=function (){onClickChangeStyle(this);}

var td1 = tr.insertCell(0);
td1.innerHTML="11";
var td2 = tr.insertCell(1);
td2.innerHTML="22";
var td3 = tr.insertCell(2);
td3.innerHTML="33";
var td4 = tr.insertCell(3);
td4.innerHTML="44";


var selectedObj=null; //单击时,改变样式; function onClickChangeStyle(obj){ //获取表格对象; var tab = document.getElementById("tab"); //获取当前行选择下标; var currentRowIndex = obj.rowIndex; //获取表格所有行数; var tablRows = tab.rows.length; //获取表格第一行,第一列的值; //var firstCellValue = tab.rows[0].cells[0].innerHTML; //获取表格的第一行,第一列的第一个元素的值; //var firstChildValue = tab.rows[0].cells[0].firstChild.value; //循环表格的所有行;并且选择的当前行,改变背景颜色; for(var i = 0;i<tablRows;i=i+1){ if(currentRowIndex == i){ //为选中的当前,设置css样式; // tab.rows[i].style.cssText="background-color:00FFFF"; selectedObj=tab.rows[i]; tab.rows[i].className="onClickStyle"; }else{ //把没有选中的行的背景样式设置为白色; // tab.rows[i].style.cssText="background-color:white"; tab.rows[i].className="hideStyle"; } } if(selectedObj){ selectedObj.className="onClickStyle"; } } function mout(oThis){ oThis.className="hideStyle"; if(oThis == selectedObj){ oThis.className="onClickStyle"; } } function mover(oThis){ oThis.className="displayStyle"; if(oThis == selectedObj){ oThis.className="onClickStyle"; } } .displayStyle{ background-color:blue; } .hideStyle{ background-color:white; } .onClickStyle{ background-color:red; }

100 张三 15 湖南株洲
100 李四 15 湖南长沙
100 王五 15 湖南湘潭


Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
VUE框架使用bootstrop-table时候,引入样式报错Unknown browser query `dead`
vue2.0,引入bootstrop组件,基于jquery依赖于popper.js 同时引入bootstrop-table表格组件库,分别在main.js中引入js、css // 引入bootstrap、jquery,bootstrap-table import $ from 'jquery' import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.min.js' import 'bootstrap-table/dist/bootstrap-table.min.css' import 'bootstrap-table/dist/bootstrap-table.js' import 'bootstrap-table/dist/themes/materialize/bootstrap-table-materialize.js' import 'bootstrap-table/dist/locale/bootstrap-table-zh-CN.min.js' import 'bootstrap-table/dist/extensions/export/bootstrap-table-export.js' 但是当引入bootstrop-table.min.css时候,报错出现:Unknown browser query `dead`,注释即可运行,只不过table的属性参数值加上之后总有bug,并且不显样式
js动态添加table行的样式问题
我用ajax获取数据后,用js处理动态添加行,每一行的占的rowspan不同,添加后,却没有按照想要的效果; 自己研究了半天没有解决,![图片说明](https://img-ask.csdn.net/upload/201601/26/1453795718_298233.png) 图片上的问题和我一样,理论上一行一行的,实际效果如图,如果不加colspan或者rowsapn属性就没这问题。希望能解决
急!!!!! table数量多,样式丢失
我有一个页面,使用了多个table,当出现第九个table时第一个table设好的宽度样式丢失(已填入数据),只有8个时是正常的, 部分代码如下: <script type="text/javascript" src="../../js/jquery/jquery-1.9.1.js"></script> <script type="text/javascript" src="../../js/jquery/jquery.easyui.min.js"></script> <script type="text/javascript" src="../../js/common/form.js"></script> <script type="text/javascript" src="../../js/common/ajaxJS.js"></script> <script type="text/javascript" src="../../js/common/pageSelect.js"></script> <link type="text/css" rel="stylesheet" href="../../CSS/style.css"> <link type="text/css" rel="stylesheet" href="../../CSS/easyui.css"> <link type="text/css" rel="stylesheet" href="../../CSS/icon.css"> <body> <div class="easyui-tabs" id="main" data-options="fit:true,plain:true" style="overflow:hidden;" > <div title="产品详情" style="padding:10px;background: #e8f3f8;" > <table id="jkrgzForm" class="easyui-datagrid" title="委托人规则" style="width:auto;height:auto;align:center;" data-options=" pagination:true, pageSize:10, autoRowHeight:false, rownumbers:true, singleSelect:true, collapsible:true, method:'get'"> <thead> <tr> <th data-options="field:'principalType',width:100,">委托人类型</th> <th data-options="field:'mbwtrdy',width:100">目标委托人定义</th> <th data-options="field:'mbsrrdy',width:100,">目标受让人定义</th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> </div> </div> </body>
JS table新增一行的时候 如何在新增的这一行把样式也加进去 例如变成<tr class="trd0">
JS: var tab = document.getElementById("tab"); var newTr = tab.insertRow(-1); newTr.id = "tr_" + trId; var newTdContent = newTr.insertCell(1); //第一列 var newTdCaoZuo = newTr.insertCell(2); //第二列 //设置二列的数据 newTdContent.innerHTML = "<textarea rows='5' cols='40'name='getContent' id='getContent'>" + content.value + "</textarea>"; newTdCaoZuo.innerHTML = "<input type='button' onclick='moveTr("+trId+")' value='移除'>"; 现在是,新增的一行在table里面跟被新增行的table里面的行表示出来的不同,因为被新增的table里面样式是有限定的 table <tr class="trd0"> <td>..</td> <tr> 所以现在希望能在新增的时候能不能把 newTr 的样式 class="trd0" 增加进去。 在线求! :cry:
js获取table中的子节点,样式为text的值,数据全部找出,但是多了个undefined,求解
<form> <p>1.批量提交数据</p> <div> <input type="button" value="增加产品" onclick="addRowTwo();" /> </div> </br> <div> <table id="table1"> <tr id="dataTable"> <td>产品ID</td> <td>产品名称</td> <td>产品价格</td> </tr> </table> </div> </br> <div> <input type="submit" value="保存" onclick="save();" /> </div> </br> </form> js: function addRowTwo(){ var t = document.getElementById("table1"); var row = t.insertRow(t.rows.length); for(var j=0;j<3;j++){ var cell1 = row.insertCell(j); var i = document.createElement("input"); i.type="text"; i.style.width="120"; cell1.appendChild(i); } } function save(tr) { var r = new Array(); var table = document.getElementById("table1"); var items = document.getElementById("table1").getElementsByTagName("tr"); for(var i=1;i<table.rows.length;i++){ for(var j=0;j<3;j++){ var child = items[i].cells[j].childNodes[0]; if(child && child.type=="text"){ r[i-1]+=child.value+"\n"; } } alert(r[i-1]); }
jQuery.dataTables.js插件的样式问题
参考的博文: [jQuery]jQuery DataTables插件自定义Ajax分页实现 - seayxu - 博客园 http://www.cnblogs.com/seayxu/p/5513907.html 使用的后台模板: DataTables | Gentelella https://colorlib.com/polygon/gentelella/tables_dynamic.html # _就我的显示不正常_ ![图片说明](https://img-ask.csdn.net/upload/201707/14/1499998971_519569.png) 博文里的: ![图片说明](https://img-ask.csdn.net/upload/201707/14/1499998992_800222.png) 模板里的: ![图片说明](https://img-ask.csdn.net/upload/201707/14/1499999007_493026.png) 我的js: //初始化表格 function initTable() { table = $("#dataTable").dataTable({ language:lang, //提示信息 autoWidth: false, //禁用自动调整列宽 stripeClasses: ["odd", "even"], //为奇偶行加上样式,兼容不支持CSS伪类的场合 processing: true, //隐藏加载提示,自行处理 serverSide: true, //启用服务器端分页 searching: false, //原生搜索 orderMulti: false, //多列排序 ordering : false, //排序 order: [], //取消默认排序查询,否则复选框一列会出现小箭头 renderer: "bootstrap", //渲染样式:Bootstrap和jquery-ui pagingType: "full_numbers", //分页样式:simple,simple_numbers,full,full_numbers scrollY: "500px", //滚动条 scrollCollapse: "true", columnDefs: [{ "targets": 'nosort', //列的样式名 "orderable": false //包含上样式名‘nosort’的禁止排序 }], ajax: function (data, callback, settings) { $.ajax({ type: "GET", url: "getData", cache: false, //禁用缓存 data: { "page" : (data.start/data.length)+1, "rows" : data.length, }, dataType: "json", success: function (result) { //封装返回数据 var returnData = {}; returnData.draw = data.draw; returnData.recordsTotal = result.totalRecords; returnData.recordsFiltered = result.totalRecords; returnData.data = result.list;//返回的数据列表 console.log(returnData); callback(returnData); } }); }, //列表表头字段 columns: columns_arr }).api(); } 我的html: <!--数据表的内容--> <div style="margin-top: 50px;"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="x_panel"> <div class="x_content"> <table id="dataTable" data-reportid="${info.id}" class="table table-striped table-bordered"> <thead> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> </div> <!--/数据表的内容-->
动态添加的代码,jsp页引入的js和样式无效
在jsp<head>中引入两个文件,js和css,audio.min.js用来解决ie低版本对audio兼容问题,index.css在解决不同浏览器中播放器样式不同问题,但他们对于根据需求动态添加的audio无法生效,这种情况应该怎么解决啊,代码如下 ``` <!doctype html> <%@ page contentType="text/html;charset=UTF-8"%> <html> <head> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <link href="index.css" rel="stylesheet"> <script src="audio.min.js"></script> <script> audiojs.events.ready(function() { audiojs.createAll(); }); </script> <script type="text/javascript"> function audio() { var a = '<audio id="d" src = "123.mp3" controls>'; $("#f").html(a); } </script> </head> <body> <table border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td><button value="onclick" onclick="audio()">onclick</button> </td> </tr> <tr> <td><div id="f"></div></td> </tr> </table> </body> </html> ```
javaScript 中如何访问和操作样式表
如果已经定义好几个样式,在table中想要是奇数行就是样式.oddStyle,偶数行就是.evenStyle 想要在javaScript中实现样式的,怎样直接把样式赋给元素,而不用一个个修改标签特性? 这样:oddTr.style.className="oddStyle"不行的?应该怎么样?
javascript调用样式问题
``` .a1{ background-color:#000000; } .a2{ background-color:#000033; } .a3{ background-color:#000099; } .a4{ background-color:#0000CC; } .a5{ background-color:#0000FF; } ``` CSS样式大概是这种格式 ``` <html> <head> <link rel="stylesheet" type="text/css" href="1.css" /> <script> function run(){ var x=0; var z=0; document.write('<table border="1" align="center" width="500">'); while(x<10){ document.write('<tr>'); x++; var y=0; while(y<10){ y++; z++; document.write('<td class="a'+z+'" align="center">'+ y +'</td>'); } document.write('</tr>'); } document.write('</table>'); document.write('<input type="button" value="撤销" onclick="location.reload() ">') } </script> </head> <body> <input type="button" value="建立" onclick="run()"> </body> </html> ``` 想写个javascript自动生成表格,每个表格对应不同的样式,此功能在不加按键的情况下已经实现,但是加上按键调用方法后就不能实现了,不知道为什么,求大神解答!
js设置的class属性如何调用或加载
``` <style> .txt{ font-size:55px;} </style> <script type="text/javas cript"> function setClass() { document.getElementById( "tt11" ).className = "txt"; } </script> <table> <tr> <td class='' id="tt11"><a href='#'>测试js控制css样式<br /></a></td> </tr> </table> ``` 如果能打开浏览器是js的 setclass生效呢,用window.onload怎么写,不用的话怎么写,
如何给table增加左右滚动条,滚动时列对不齐的问题
给table增加左右滚动条,列对不齐,怎么弄 <table class="tb2" cellspacing="0"> <thead> <tr> <th width="15%">当前用户</th> <th width="15%">应用程序</th> <th width="25%">SQL执行时间</th> <th width="45%">SQL</th> </tr> </thead> <tbody> <tr> <td class="tzt">JSWX004gtrhjydddddddddddddddddddddd</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">sel <t * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> <tr> <td class="tzt">JSWX004</td> <td class="tzt">JDBC</td> <td class="tzt">2019-04-19</td> <td class="tzt">select * from community t where t.id=1</td> </tr> </tbody> </table> css样式: .tb2 tbody { display: block; height: 232px; overflow-y: scroll; } .tb2 thead{ display: table; width: 100%; } .tb2 tbody tr { display: table; width: 100%; }
element表格边框样式问题
el-table的默认边框颜色太淡了,想换个颜色 ![图片说明](https://img-ask.csdn.net/upload/201905/30/1559200952_268786.png) 但是换完后,会发现有边框重叠,粗细不一致 ![图片说明](https://img-ask.csdn.net/upload/201905/30/1559200957_367123.png) ``` .el-table--border { border: 1px solid red !important; } .el-table--border td, .el-table th, .el-table tr{ border: 1px solid red !important; border-collapse: collapse; } ``` 怎么解决呀
求JQ或JS仿京东淘宝属性规格SKU样式
把这个修改成属性值可以在input-text区自定义,删除自定义的值后自动恢复初始属性值。如图所示功能:![图片说明](https://img-ask.csdn.net/upload/201608/13/1471094693_376707.png) ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>生成表格</title> <link rel="stylesheet" type="text/css" href="css/table.css"> <style type="text/css"> .hide {display: none;} .mt10 {margin-top: 10px;} .control-group {overflow: hidden;} .control-group a {color: #666;text-decoration: none;} .control-group a:hover {text-decoration: underline;} .control-label {float: left;width: 100px;line-height: 24px;} .controls {overflow: hidden;} .controls input[type="text"] {border: 1px solid #ddd;height: 20px;width: 120px;} .controls input[type="button"] {margin-top: 10px;height: 32px;cursor: pointer;} .config_item {margin-top: 10px;border: 1px dashed #ddd;padding: 10px;} .config_item section {margin-top: 10px;} .config_item section span {margin-right: 16px;} .config_item input[type="text"] {width: 80px;text-align: center;} .choose_config .Father_Title {margin: 0;margin-bottom: 10px;padding: 0;font-size: 16px;font-weight: normal;display: inline-block;vertical-align: middle;} .choose_config .Father_Item {padding: 0;margin: 0;margin-bottom: 10px;list-style: none;display: inline-block;vertical-align: middle;} .choose_config .Father_Item li {display: inline-block;margin-right: 10px;} .columnList {border-collapse: collapse;} .columnList th {background-color: #eee;} .columnList th,.columnList td {padding: 5px 10px;border: 1px solid #ddd;line-height: 24px;text-align: center;} </style> </head> <body> <!-- 选择信息 --> <div class="control-group choose_config"> <div class="control-label">选择信息:</div> <div class="controls"> <h3 class="Father_Title">颜色:</h3> <ul class="Father_Item Father_Item0"> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_all" value="全选">全选</label></li> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_item" value="红色">红色</label></li> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_item" value="白色">白色</label></li> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_item" value="土豪金">土豪金</label></li> </ul><br> <h3 class="Father_Title">内存:</h3> <ul class="Father_Item Father_Item1"> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_all" value="全选">全选</label></li> <li><label><input id="Checkbox1" type="checkbox" class="checkbox check_item" value="32G">32G</label></li> <li><label><input id="Checkbox1" type="checkbox" class="checkbox check_item" value="16G">16G</label></li> </ul><br> <h3 class="Father_Title">尺寸:</h3> <ul class="Father_Item Father_Item2"> <li><label><input id="Checkbox0" type="checkbox" class="checkbox check_all" value="全选">全选</label></li> <li><label><input id="Checkbox2" type="checkbox" class="checkbox check_item" value="5.5">5.5</label></li> <li><label><input id="Checkbox2" type="checkbox" class="checkbox check_item" value="4.5">4.5</label></li> <li><label><input id="Checkbox2" type="checkbox" class="checkbox check_item" value="3.5">3.5</label></li> </ul><br> </div> </div> <!-- 生成表格 --> <div class="control-group mt10"> <div class="control-label">生成表格:</div> <div class="controls" id="createTable"> </div> </div> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> /** * Created by Administrator on 14-12-01. * 模拟淘宝SKU添加组合 * 页面注意事项: * 1、 .Father_Title 这个类作用是取到所有标题的值,赋给表格,如有改变JS也应相应改动 * 2、 .Father_Item 这个类作用是取类型组数,有多少类型就添加相应的类名:如: Father_Item1、Father_Item2、Father_Item3 ... */ $(function() { $(document).on('change', '.choose_config label', function() { var parent=$(this).parents('.Father_Item'); var _this=$('.checkbox',this); // 是否全选 $('.checkbox',parent).each(function() { var bCheck2=true; if (_this.hasClass('check_all')) { if (_this.get(0).checked) { bCheck2=true; $('.check_item',parent).prop('checked', bCheck2); }else{ bCheck2=false; $('.check_item',parent).prop('checked', bCheck2); } return false; } else { if ((!this.checked)&&(!$(this).hasClass('check_all'))) { bCheck2 = false; $('.check_all',parent).prop('checked', bCheck2); return false; } } $('.check_all',parent).prop('checked', bCheck2); }); step.Creat_Table(); }); var step = { // 信息组合 Creat_Table: function() { step.hebingFunction(); var SKUObj = $('.Father_Title'); var arrayTile = new Array(); // 表格标题数组 var arrayInfor = new Array(); // 盛放每组选中的CheckBox值的对象 var arrayColumn = new Array(); // 指定列,用来合并哪些列 var bCheck = true; // 是否全选,只有全选,表格才会生成 var columnIndex = 0; $.each(SKUObj, function(i, item) { arrayColumn.push(columnIndex++); arrayTile.push(SKUObj.eq(i).text().replace(':', '')); var itemName = '.Father_Item' + i; var bCheck2 = true; // 是否全选 // 获取选中的checkbox的值 var order = new Array(); $(itemName + ' .check_item:checked').each(function() { order.push($(this).val()); }); arrayInfor.push(order); if (order.join() == '') { bCheck = false; } }) // 开始生成表格 if (bCheck) { $('#createTable').html(''); var table = $('<table id="process" class="columnList"></table>'); table.appendTo($('#createTable')); var thead = $('<thead></thead>'); thead.appendTo(table); var trHead = $('<tr></tr>'); trHead.appendTo(thead); // 创建表头 var str = ''; $.each(arrayTile, function(index, item) { str += '<th width="100">' + item + '</th>'; }) str += '<th width="200">价格</th><th width="100">操作</th>'; trHead.append(str); var tbody = $('<tbody></tbody>'); tbody.appendTo(table); var zuheDate = step.doExchange(arrayInfor); if (zuheDate.length > 0) { //创建行 $.each(zuheDate, function(index, item) { var td_array = item.split(','); var tr = $('<tr></tr>'); tr.appendTo(tbody); var str = ''; $.each(td_array, function(i, values) { str += '<td>' + values + '</td>'; }); str += '<td ><input name="Txt_PriceSon" class="inpbox inpbox-mini" type="text"></td>'; str += '<td ><a href="#">删除</a></td>'; tr.append(str); }); } //结束创建Table表 arrayColumn.pop(); //删除数组中最后一项 //合并单元格 $(table).mergeCell({ // 目前只有cols这么一个配置项, 用数组表示列的索引,从0开始 cols: arrayColumn }); } else { //未全选中,清除表格 document.getElementById('createTable').innerHTML = ""; } }, hebingFunction: function() { $.fn.mergeCell = function(options) { return this.each(function() { var cols = options.cols; for (var i = cols.length - 1; cols[i] != undefined; i--) { mergeCell($(this), cols[i]); } dispose($(this)); }) }; function mergeCell($table, colIndex) { $table.data('col-content', ''); // 存放单元格内容 $table.data('col-rowspan', 1); // 存放计算的rowspan值 默认为1 $table.data('col-td', $()); // 存放发现的第一个与前一行比较结果不同td(jQuery封装过的), 默认一个"空"的jquery对象 $table.data('trNum', $('tbody tr', $table).length); // 要处理表格的总行数, 用于最后一行做特殊处理时进行判断之用 // 进行"扫面"处理 关键是定位col-td, 和其对应的rowspan $('tbody tr', $table).each(function(index) { // td:eq中的colIndex即列索引 var $td = $('td:eq(' + colIndex + ')', this); // 获取单元格的当前内容 var currentContent = $td.html(); // 第一次时走次分支 if ($table.data('col-content') == '') { $table.data('col-content', currentContent); $table.data('col-td', $td); } else { // 上一行与当前行内容相同 if ($table.data('col-content') == currentContent) { // 上一行与当前行内容相同则col-rowspan累加, 保存新值 var rowspan = $table.data('col-rowspan') + 1; $table.data('col-rowspan', rowspan); // 值得注意的是 如果用了$td.remove()就会对其他列的处理造成影响 $td.hide(); // 最后一行的情况比较特殊一点 // 比如最后2行 td中的内容是一样的, 那么到最后一行就应该把此时的col-td里保存的td设置rowspan // 最后一行不会向下判断是否有不同的内容 if (++index == $table.data('trNum')) $table.data('col-td').attr('rowspan', $table.data('col-rowspan')); } // 上一行与当前行内容不同 else { // col-rowspan默认为1, 如果统计出的col-rowspan没有变化, 不处理 if ($table.data('col-rowspan') != 1) { $table.data('col-td').attr('rowspan', $table.data('col-rowspan')); } // 保存第一次出现不同内容的td, 和其内容, 重置col-rowspan $table.data('col-td', $td); $table.data('col-content', $td.html()); $table.data('col-rowspan', 1); } } }) } // 同样是个private函数 清理内存之用 function dispose($table) { $table.removeData(); } }, doExchange: function(doubleArrays) { // 二维数组,最先两个数组组合成一个数组,与后边的数组组成新的数组,依次类推,知道二维数组变成以为数组,所有数据两两组合 var len = doubleArrays.length; if (len >= 2) { var arr1 = doubleArrays[0]; var arr2 = doubleArrays[1]; var len1 = arr1.length; var len2 = arr2.length; var newLen = len1 * len2; var temp = new Array(newLen); var index = 0; for (var i = 0; i < len1; i++) { for (var j = 0; j < len2; j++) { temp[index++] = arr1[i] + ',' + arr2[j]; } } var newArray = new Array(len - 1); newArray[0] = temp; if (len > 2) { var _count = 1; for (var i = 2; i < len; i++) { newArray[_count++] = doubleArrays[i]; } } return step.doExchange(newArray); } else { return doubleArrays[0]; } } } }) </script> </body> </html> ``` ``` ```
vue中,如何根据坐标给v-for渲染出来的表格添加样式
![图片说明](https://img-ask.csdn.net/upload/202002/14/1581666673_768340.png) <br> 比如说后台数据返回的是(1,A),状态为已入库,那我该如何将获取到的坐标对应图片的坐标,然后将图片li对应坐标的颜色改为已入库对应的绿色 <br> 表格代码如下: ``` <table class="table-container am-active"> <tbody class="table-body-container" v-if="rows > 0 && columns > 0"> <tr v-for="rowidx in rows" :key="rowidx"> <td v-for="columnidx in columns" :key="columnidx" class="container-detail-td"> <div class="table-sample-big" @click="selfcllick(rows+1-rowidx,columnidx)"></div> </td> </tr> </tbody> </table> ```
jsp中两个javascript,但是只能成功运行一个,单独都能正常运行。
一些css代码就省略了。两个js,单独都能正常使用,但是放在一起只有第二个js有反应,第一个没反映。 ``` <%@ page language="java" import="java.util.*,pojo.Consume,Dao.ConsumeDao" pageEncoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>分类汇总</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="./css/doubleDate.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" language="javascript" src="./js/jquery-1.4.2.min.js" ></script> <script type="text/javascript" language="javascript" src="./js/doubleDate2.0.js" ></script> <script> $(function(){ $('.doubledate').kuiDate({ className:'doubledate', isDisabled: "0" // isDisabled为可选参数,“0”表示今日之前不可选,“1”标志今日之前可选 }); }); </script> <script type="text/javascript" language="javascript" src="./js/jquery-1.10.2.js"></script> <script> function alertWin(Cno) { /* $.ajax({ type:"post", url:"./ShowDetail", data:{Cno:Cno}, success:function(data){ alert("success"); } }); */ var msgw,msgh,titleheight,bordercolor,titlecolor; msgw = 300;//提示窗口的宽度 msgh = 300;//提示窗口的高度 titleheight = 25 //提示窗口标题高度 bordercolor = "#A480B2";//提示窗口的边框颜色 titlecolor = "#A480B2";//提示窗口的标题颜色 //根据自己需求注意宽度和高度的调整 var iWidth = document.documentElement. clientWidth; var iHeight = document.documentElement.clientHeight; //遮罩层 var bgObj = document.createElement("div"); bgObj.setAttribute("id", "bgObj");//设置ID bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:101;"; document.body.appendChild(bgObj); //弹出窗口 var msgObj=document.createElement("div"); msgObj.setAttribute("id", "msgDiv");//可以用bgObj.id="msgDiv"的方法,是为div指定属性值 msgObj.setAttribute("align", "center");//为div的align赋值 msgObj.style.background = "white";//背景颜色为白色 msgObj.style.border = "1px solid " + bordercolor;//边框属性,颜色在上面已经赋值 msgObj.style.position = "absolute";//绝对定位 msgObj.style.left = (iWidth-msgw)/2 ;//从左侧开始位置 msgObj.style.top = (iHeight-msgh)/2;//从上部开始位置 msgObj.style.font = "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";//字体属性 msgObj.style.width = msgw + "px";//提示框的宽(上面定义过) msgObj.style.height = msgh + "px";//提示框的高(上面定义过) msgObj.style.textAlign = "center";//文本位置属性,居中。 msgObj.style.lineHeight = "25px";//行间距 msgObj.style.zIndex = "102";//层的z轴位置 document.body.appendChild(msgObj); //弹出窗口标题 var title = document.createElement("div");//创建一个标题对象 title.setAttribute("id", "msgTitle");//为标题对象填加id title.style.margin = "0";//浮动 title.style.padding = "3px";//浮动 title.style.background = titlecolor;//背景颜色 title.style.filter = "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; title.style.opacity = "0.75";//透明 //title.style.border="1px solid " + bordercolor;//边框 title.style.height = "25px";//高度 title.style.font = "12px Verdana, Geneva, Arial, Helvetica, sans-serif";//字体属性 //title.style.color = "red";//文字颜色 title.style.cursor = "move";//鼠标样式 $.ajax({ type:"post", url:"ShowDetail?Cno="+Cno, dataType:"json", success:function(data){ },error:function(){ alert("请求出错"); }}); title.innerHTML="<table border='0' width='100%'><tr><td align='center'>收银小票单</td><td align=\"right\"><a href='#' onclick='closeDiv()'>关闭</a></td></tr><tr><td align='center'>时间:</td></tr><tr><td align='left'>三得利青柠水</td></tr></table>"; msgObj.appendChild(title);//在提示框中增加标题 } //添加关闭功能 function closeDiv() { var msgTitelObject = document.getElementById("msgDiv"); document.body.removeChild(msgTitelObject); var bgObj = document.getElementById("bgObj"); document.body.removeChild(bgObj); } </script> </head> <body> <ul class="iptgroup"> <li>开始日期:</li> <li><input type="text" readonly="readonly" class="doubledate ipticon"/></li> <li style="width:20px;"></li> <li>结束日期:</li> <li><input type="text" readonly="readonly" class="doubledate ipticon"/></li> </ul> <form action="FF" method="get" name="myform" id="myform"> <div class="upleft"><img src="image/tu4.gif" width="130" height="130" border="0" /></div> <div class="upright"><br><br><br><center><font face="楷体"color="#000000" size=5><strong>您的消费账单:</strong></font></center></div> <div class="center"> ……………………………………………………………………………… </table> </div> </form> </body> </html> ```
我使用iframe实现了点击左边栏 只有右边的内容变化 但在跳转到servlert并转向jsp时,jsp的表格样式无法显示
![图片说明](https://img-ask.csdn.net/upload/202002/13/1581587866_147157.png) <div id="header1" class="panel-heading" style="padding-top:15px"> <i class="glyphicon glyphicon-dashboard" ></i> <a href="${pageContext.request.contextPath }/DoctorServlet" target="mainiframe">&nbsp咨询师管理</a> </div> <div id="page_content"> <iframe name="mainiframe" src="admin_shouye.jsp" id="mainiframe" scrolling="no" onload="resizeFrameHeight()" frameborder="0" width="100%"></iframe> </div> servlet: protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { DoctorDao ddao = new DoctorDao(); List<Doctor> findAll = ddao.findAllDoctor(); System.out.println(findAll); request.setAttribute("doc", findAll); request.getRequestDispatcher("Admin/doctor_find.jsp").forward(request, response); //response.sendRedirect("admin/doctor_find.jsp"); } jsp:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <!-- 引入所使用的bootstrap文件 --> <link href="../css/bootstrap.min.css" rel="stylesheet"> <script src="../js/jquery-3.0.0.min.js"></script> <script src="../js/bootstrap.min.js"></script> <style type="text/css"> <style> #outer { width: 800px; height: 500px; position: absolute; } </style> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <div id="outer"> <center> <table class="table table-striped table-bordered table-hover table-condensed"> <thead> <tr class="active"> <td>编号</td> <td>姓名</td> <td>个人照片</td> <td>密码</td> <td>性别</td> <td>年龄</td> <td>手机号</td> <td>邮箱</td> <td>等级</td> <td>技能</td> <td>状态</td> </tr> </thead> <tbody> <c:forEach items="${doc}" var="doc"> <tr> <td>${doc.doctor_id}</td> <td>${doc.doctor_name}</td> <td>${doc.img}</td> <td>${doc.doctor_pwd}</td> <td>${doc.sex}</td> <td>${doc.age}</td> <td>${doc.phone}</td> <td>${doc.email}</td> <td>${doc.level}</td> <td>${doc.skill}</td> <td>${doc.active}</td> </tr> </c:forEach> </tbody> </table> </center> </div> </body> </html>
js:Uncaught referenceError:alertWin is not defined
没有请求ajax的时候是正常的。 ``` <script type="text/javascript" src="jquery-1.10.2.js"> function alertWin(Cno) { var msgw,msgh,titleheight,bordercolor,titlecolor; msgw = 300;//提示窗口的宽度 msgh = 300;//提示窗口的高度 titleheight = 25 //提示窗口标题高度 bordercolor = "#A480B2";//提示窗口的边框颜色 titlecolor = "#A480B2";//提示窗口的标题颜色 //根据自己需求注意宽度和高度的调整 var iWidth = document.documentElement. clientWidth; var iHeight = document.documentElement.clientHeight; //遮罩层 var bgObj = document.createElement("div"); bgObj.setAttribute("id", "bgObj");//设置ID bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:101;"; document.body.appendChild(bgObj); //弹出窗口 var msgObj=document.createElement("div"); msgObj.setAttribute("id", "msgDiv");//可以用bgObj.id="msgDiv"的方法,是为div指定属性值 msgObj.setAttribute("align", "center");//为div的align赋值 msgObj.style.background = "white";//背景颜色为白色 msgObj.style.border = "1px solid " + bordercolor;//边框属性,颜色在上面已经赋值 msgObj.style.position = "absolute";//绝对定位 msgObj.style.left = (iWidth-msgw)/2 ;//从左侧开始位置 msgObj.style.top = (iHeight-msgh)/2;//从上部开始位置 msgObj.style.font = "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";//字体属性 msgObj.style.width = msgw + "px";//提示框的宽(上面定义过) msgObj.style.height = msgh + "px";//提示框的高(上面定义过) msgObj.style.textAlign = "center";//文本位置属性,居中。 msgObj.style.lineHeight = "25px";//行间距 msgObj.style.zIndex = "102";//层的z轴位置 document.body.appendChild(msgObj); //弹出窗口标题 var title = document.createElement("div");//创建一个标题对象 title.setAttribute("id", "msgTitle");//为标题对象填加id title.style.margin = "0";//浮动 title.style.padding = "3px";//浮动 title.style.background = titlecolor;//背景颜色 title.style.filter = "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; title.style.opacity = "0.75";//透明 //title.style.border="1px solid " + bordercolor;//边框 title.style.height = "25px";//高度 title.style.font = "12px Verdana, Geneva, Arial, Helvetica, sans-serif";//字体属性 //title.style.color = "red";//文字颜色 title.style.cursor = "move";//鼠标样式 $.ajax({ type:"post", url:"ShowDetail?Cno="+Cno, dataType:"json", success:function(data){ },error:function(){ alert("请求出错"); }}); title.innerHTML="<table border='0' width='100%'><tr><td align='center'>收银小票单</td><td align=\"right\"><a href='#' onclick='closeDiv()'>关闭</a></td></tr><tr><td align='center'>时间:</td></tr><tr><td align='left'>三得利青柠水</td></tr></table>"; msgObj.appendChild(title);//在提示框中增加标题 } //添加关闭功能 function closeDiv() { var msgTitelObject = document.getElementById("msgDiv"); document.body.removeChild(msgTitelObject); var bgObj = document.getElementById("bgObj"); document.body.removeChild(bgObj); } </script> ```
使用js点击实现正序倒序排列
``` <!doctype html> <html> <head> <meta charset="utf-8" /> <meta keywords="JavaScript" /> <meta content="1" /> <title>1</title> <script language="javascript" type="text/javascript" src="js/jquery-3.3.1.js"></script> <style type="text/css"> table, table td, table th { border: none; vertical-align: top; border-collapse: collapse; word-break: break-all; } .MainTable { width: 500px; line-height: 45px; margin: auto; text-align: left; } .MainTable tr { border-bottom:1px solid #E1E1E1; } .MainTable td { padding: 0 10px 0 0; } /*正序排列样式*/ .sort_asc { background:url(images/sorticon.png) 55px 18px no-repeat; cursor:pointer; } /*倒序排列样式*/ .sort_desc { background:url(images/sorticon.png) 55px -18px no-repeat; cursor:pointer; } .list_sort { width: 60px; text-align: center; } </style> </head> <body> <div class="divframe"> <table class="MainTable"> <thead> <tr> <th class="sort_asc list_sort" id="sortID">序号</th> <th>内容</th> </tr> </thead> <tbody id="pageContent"> <tr> <td class="list_sort">1</td> <td>1</td> </tr> <tr> <td class="list_sort">2</td> <td>2</td> </tr> <tr> <td class="list_sort">3</td> <td>3</td> </tr> <tr> <td class="list_sort">4</td> <td>4</td> </tr> <tr> <td class="list_sort">5</td> <td>5</td> </tr> <tr> <td class="list_sort">6</td> <td>6</td> </tr> <tr> <td class="list_sort">7</td> <td>7</td> </tr> </tbody> </table> </div> </body> <script type="text/javascript"> $('#sortID').click(function (){ }) </script> </html> ```
jquery如何选择ID为 test的表格下面的说有TR,我这么写为什么不对呢,纳闷了
js文件 function tableTrHover(tableId) { $("#"+tableId+">tr").hover(function() { $(this).addClass("hover"); // 鼠标经过添加hover样式 }, function() { $(this).removeClass("hover"); // 鼠标离开移除hover样式 }) } 页面文件 <script type="text/javascript"> $(document).ready(tableTrHover("test")); </script> <table class="t2" id="test"> .......
动态规划入门到熟悉,看不懂来打我啊
持续更新。。。。。。 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...
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Python——画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)
最近翻到一篇知乎,上面有不少用Python(大多是turtle库)绘制的树图,感觉很漂亮,我整理了一下,挑了一些我觉得不错的代码分享给大家(这些我都测试过,确实可以生成) one 樱花树 动态生成樱花 效果图(这个是动态的): 实现代码 import turtle as T import random import time # 画樱花的躯干(60,t) def Tree(branch, ...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
shell脚本:备份数据库、代码上线
备份MySQL数据库 场景: 一台MySQL服务器,跑着5个数据库,在没有做主从的情况下,需要对这5个库进行备份 需求: 1)每天备份一次,需要备份所有的库 2)把备份数据存放到/data/backup/下 3)备份文件名称格式示例:dbname-2019-11-23.sql 4)需要对1天以前的所有sql文件压缩,格式为gzip 5)本地数据保留1周 6)需要把备份的数据同步到远程备份中心,假如...
如何安装 IntelliJ IDEA 最新版本——详细教程
IntelliJ IDEA 简称 IDEA,被业界公认为最好的 Java 集成开发工具,尤其在智能代码助手、代码自动提示、代码重构、代码版本管理(Git、SVN、Maven)、单元测试、代码分析等方面有着亮眼的发挥。IDEA 产于捷克,开发人员以严谨著称的东欧程序员为主。IDEA 分为社区版和付费版两个版本。 我呢,一直是 Eclipse 的忠实粉丝,差不多十年的老用户了。很早就接触到了 IDEA...
面试还搞不懂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 字节码? 可能很多人会觉得没必要,因为平时开发用不到,而且不学这个也没耽误学习。 但是这里分享一点感悟,即人总是根据自己已经掌握的知识和技能来解决问题的。 这里有个悖论,有时候你觉得有些技术没用恰恰是...
【设计模式】单例模式的八种写法分析
网上泛滥流传单例模式的写法种类,有说7种的,也有说6种的,当然也不排除说5种的,他们说的有错吗?其实没有对与错,刨根问底,写法终究是写法,其本质精髓大体一致!因此完全没必要去追究写法的多少,有这个时间还不如跟着宜春去网吧偷耳机、去田里抓青蛙得了,一天天的....
《面试宝典》:检验是否为合格的初中级程序员的面试知识点,你都知道了吗?查漏补缺
欢迎关注文章系列,一起学习 《提升能力,涨薪可待篇》 《面试知识,工作可待篇》 《实战演练,拒绝996篇》 也欢迎关注公 众 号【Ccww笔记】,原创技术文章第一时间推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《面试知识,工作可待篇》-Java笔试面试基础知识大全 前言 是不是感觉找工作面试是那么难呢? 在找工作面试应在学习的基础进行总结面试知识点,工作也指日可待,欢...
在阿里,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”摧残后,好不容易“头秃了变强了”,即将步入为“高...
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...
小白学 Python 爬虫(5):前置准备(四)数据库基础
人生苦短,我用 Python 前文传送门: 小白学 Python 爬虫(1):开篇 小白学 Python 爬虫(2):前置准备(一)基本类库的安装 小白学 Python 爬虫(3):前置准备(二)Linux基础入门 小白学 Python 爬虫(4):前置准备(三)Docker基础入门 本篇文章,我们接着介绍基础内容,数据库。 爬虫将数据爬取完成后,总要有地方存放吧,这个数据存在哪里呢? ...
面试官:关于Java性能优化,你有什么技巧
通过使用一些辅助性工具来找到程序中的瓶颈,然后就可以对瓶颈部分的代码进行优化。 一般有两种方案:即优化代码或更改设计方法。我们一般会选择后者,因为不去调用以下代码要比调用一些优化的代码更能提高程序的性能。而一个设计良好的程序能够精简代码,从而提高性能。 下面将提供一些在JAVA程序的设计和编码中,为了能够提高JAVA程序的性能,而经常采用的一些方法和技巧。 1.对象的生成和大小的调整。 J...
JavaScript 中, 5 种增加代码可读性的最佳实践
作者:Milos Protic 译者:前端小智 来源:blog.risingstack 为了保证的可读性,本文采用意译而非直译。 简介 如果咱们关注代码本身结构及可读笥,而不是只关心它是否能工作,那么咱们写代码是有一定的水准。专业开发人员将为未来的自己和“其他人”编写代码,而不仅仅只编写能应付当前工作的代码。 在此基础上,可读性高的代码可以定义为自解释的、易于人理解的、易于更改...
【图解算法面试】记一次面试:说说游戏中的敏感词过滤是如何实现的?
版权声明:本文为苦逼的码农原创。未经同意禁止任何形式转载,特别是那些复制粘贴到别的平台的,否则,必定追究。欢迎大家多多转发,谢谢。 小秋今天去面试了,面试官问了一个与敏感词过滤算法相关的问题,然而小秋对敏感词过滤算法一点也没听说过。于是,有了下下事情的发生… 面试官开怼 面试官:玩过王者荣耀吧?了解过敏感词过滤吗?,例如在游戏里,如果我们发送“你在干嘛?麻痹演员啊你?”,由于“麻痹”是一个敏感词,...
程序员需要了解的硬核知识之汇编语言(一)
之前的系列文章从 CPU 和内存方面简单介绍了一下汇编语言,但是还没有系统的了解一下汇编语言,汇编语言作为第二代计算机语言,会用一些容易理解和记忆的字母,单词来代替一个特定的指令,作为高级编程语言的基础,有必要系统的了解一下汇编语言,那么本篇文章希望大家跟我一起来了解一下汇编语言。 汇编语言和本地代码 我们在之前的文章中探讨过,计算机 CPU 只能运行本地代码(机器语言)程序,用 C 语言等高级语...
GitHub 标星 1.6w+,我发现了一个宝藏项目,作为编程新手有福了!
大家好,我是 Rocky0429,一个最近老在 GitHub 上闲逛的蒟蒻… 特别惭愧的是,虽然我很早就知道 GitHub,但是学会逛 GitHub 的时间特别晚。当时一方面是因为菜,看着这种全是英文的东西难受,不知道该怎么去玩,另一方面是一直在搞 ACM,没有做一些工程类的项目,所以想当然的以为和 GitHub 也没什么关系(当然这种想法是错误的)。 后来自己花了一个星期看完了 Pyt...
Java知识体系最强总结(2020版)
更新于2019-12-15 10:38:00 本人从事Java开发已多年,平时有记录问题解决方案和总结知识点的习惯,整理了一些有关Java的知识体系,这不是最终版,会不定期的更新。也算是记录自己在从事编程工作的成长足迹,通过博客可以促进博主与阅读者的共同进步,结交更多志同道合的朋友。特此分享给大家,本人见识有限,写的博客难免有错误或者疏忽的地方,还望各位大佬指点,在此表示感激不尽。 文章目录...
计算机专业的书普遍都这么贵,你们都是怎么获取资源的?
介绍几个可以下载编程电子书籍的网站。 1.Github Github上编程书资源很多,你可以根据类型和语言去搜索。推荐几个热门的: free-programming-books-zh_CN:58K 星的GitHub,编程语言、WEB、函数、大数据、操作系统、在线课程、数据库相关书籍应有尽有,共有几百本。 Go语言高级编程:涵盖CGO,Go汇编语言,RPC实现,Protobuf插件实现,Web框架实...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
Fiddler+夜神模拟器进行APP抓包
Fiddler+夜神模拟器进行APP抓包 作者:霞落满天 需求:对公司APP进行抓包获取详细的接口信息,这是现在开发必备的。 工具:Fiddler抓包,夜神模拟器 模拟手机 安装APP 1.下载Fiddler https://www.telerik.com/download/fiddler Fiddler正是在这里帮助您记录计算机和Internet之间传递的所有HTTP和HTTPS通信...
相关热词 c#怎么获得线程名 c# usb 采集器 c# csv 读取 c# sort() c# 关闭io流 c# 响应函数 插入 c#面对对象的三大特性 c# 打印 等比缩放 c#弹出右键菜单 c#1如何搞成01
立即提问