表格头部header固定
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<link rel="stylesheet" href="css/tableStyle.css" />
<link rel="stylesheet" href="css/superTables.css" />
</head>
<body>
<div id="div_container" style="padding: 0 20px;text-align:center;">
<!-- 固定表头 table外层必须包有一个div id="my_div" class="fakeContainer first_div" 引入superTables.js 在页面下面还需要调用 -->
<div id="my_div" class="fakeContainer first_div" style="padding:1px">
<table border="1" id="demoTable" style="margin-top:5px;border-collapse: collapse;">
<tr id="my_tr">
<th class="center" rowspan="2">A</th>
<th class="center" rowspan="2">B</th>
<th class="center" colspan="8">C</th>
<th class="center" colspan="4">D</th>
<th class="center" colspan="5">E</th>
<th class="center" rowspan="2">F</th>
</tr>
<tr>
<th class="center">G</th>
<th class="center">H</th>
<th class="center">I</th>
<th class="center">J</th>
<th class="center">K</th>
<th class="center">L</th>
<th class="center">M</th>
<th class="center">N</th> <th class="center">O</th>
<th class="center">P</th>
<th class="center">Q</th>
<th class="center">R</th> <th class="center">S</th>
<th class="center">T</th>
<th class="center">U</th>
<th class="center">V</th>
<th class="center">W</th>
</tr>
<tr>
<td class="center" id="td">a</td>
<td class="center">12</a></td>
<td class="center">7</td>
<td class="center">2</td>
<td class="center">0</td>
<td class="center">0</td>
<td class="center">0</td>
<td class="center">3</td>
<td class="center">0</td>
<td class="center">0</td> <td class="center">1</td>
<td class="center">0</td>
<td class="center">2</td>
<td class="center">1</td> <td class="center">2744</td>
<td class="center">1728</td>
<td class="center">1634</td>
<td class="center">1744</td>
<td class="center">7850</td>
<td class="center">208</td>
</tr>
<tr>
<td class="center" id="td">b</td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">c</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">d</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">e</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">f</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">g</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">h</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">i</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">j</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">k</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">l</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">m</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">n</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">o</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">p</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">q</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">r</td> <td class="center">12</td>
<td class="center">7</td>
<td class="center">2</td>
<td class="center">0</td>
<td class="center">0</td>
<td class="center">0</td>
<td class="center">3</td>
<td class="center">0</td>
<td class="center">0</td> <td class="center">1</td>
<td class="center">0</td>
<td class="center">2</td>
<td class="center">1</td> <td class="center">2744</td>
<td class="center">1728</td>
<td class="center">1634</td>
<td class="center">1744</td>
<td class="center">7850</td>
<td class="center">208</td>
</tr> <tr>
<td class="center" id="td">s</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">t</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">u</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">v</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">w</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">x</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">y</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">z</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">1</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">2</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">3</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">4</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">5</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">6</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">7</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">8</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">9</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr> <tr>
<td class="center" id="td">10</td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td> <td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
<td class="center"></td>
</tr>
</table>
</div>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/superTables.js"></script>
<script type="text/javascript">
//此处调用superTables.js里需要的函数
window.onload=function(){
new superTable("demoTable", {cssSkin : "sDefault",
fixedCols : 1, //固定几列
headerRows :2, //头部固定行数
onStart : function () {
this.start = new Date();
},
onFinish : function () {
}
}); $("#div_container").css("width","1000px");//这个宽度是容器宽度，不同容器宽度不同
$(".fakeContainer").css("height","400px");//这个高度是整个table可视区域的高度，不同情况高度不同 //.sData是调用superTables.js之后页面自己生成的 这块就是出现滚动条 达成锁定表头和列的效果
$(".sData").css("width","885px");//这块的宽度是用$("#div_container")的宽度减去锁定的列的宽度
$(".sData").css("height","325px");//这块的高度是用$("#div_container")的高度减去锁定的表头的高度 //目前谷歌 ie8+ 360浏览器均没问题 有些细小的东西要根据项目需求改 //有兼容问题的话可以在下面判断浏览器的方法里写
if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/9./i)=="9.")
{//alert("IE 9.0"); }else if (!!window.ActiveXObject || "ActiveXObject" in window){//alert("IE 10"); }else{//其他浏览器
//alert("其他浏览器");
}
} </script>
</body>
</html> 基于superTables做的改造，可以完美锁定表头和列
表格头部header固定的更多相关文章
- apiCloud中实现头部与内容分离与操作规范，App头部header固定，头部与内容分离
官方案例 1.头部拆分成一个页面比如news-text <!doctype html> <html> <head> <meta charset="u ...
- Css 设置固定表格头部，内容可滚动
效果图:
- flex盒模型实现头部尾部固定
近期做移动app.wap等站,需要头部固定在顶部,不随着内容滚动而滚动平时第一想法就是使用position:fixed;top:0;z-index:10;这样去实现但这样使用fixed之后,会在ios ...
- 解决fixed在苹果手机抖动问题/头部底部固定布局
1.头部和底部固定,中间内容滚动,不涉及fixed 1)absolute与height:100% <!DOCTYPE html><html><head> <m ...
- css3 的 calc()函数在布局中的使用----头部高度固定，页面正好占满一屏
最近项目遇到一个布局需求,头部高度固定,页面需要刚好占满一屏幕. 如下示意图: 方法:使用calc .wrap{ position: relative; margin-left: 24px; marg ...
- VS2008 C++ 利用WinHttp API获取Http请求/响应头部Header
http://www.cnblogs.com/LCCRNblog/p/3833472.html 这一篇博客中,实现了获取http请求/响应后的html源码,现在需要获取http请求/响应的头部Head ...
- 多个页面引用公共的头部 header.html 和尾部 footer.html
方法:通过load()函数,引入公共头部和尾部文件; js代码预览: $(".headerPage").load("header.html"); $(" ...
- 表格头部与左侧内容随滚动条位置改变而改变（基于jQuery）
效果图如下: HTML代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta chars ...
- ionic 隐藏header-ionic中隐藏头部header
ionic 中隐藏头部header 通过 hide-nav-bar="true" 来实现 <ion-view hide-nav-bar="true"> ...
随机推荐
- Asp.Net 文件下载1——流下载（适用于大文件且防盗链）（转）
使用流防盗链下载大文件 直接上 Asp.net 后置代码好了 using System; using System.Data; using System.Configuration; using Sy ...
- c++编程中处理char和wchar_t的好工具
/* ttype.h sdragonx 2015-02-18 18:32:43 这个几个模版函数是为了处理ansi或unicode,使字符串值或者字符串函数能够在模版中使用 2018/7/26 23: ...
- 简单几何(水）BestCoder Round #50 (div.2) 1002 Run
题目传送门 /* 好吧,我不是地球人,这题只要判断正方形就行了,正三角形和正五边形和正六边形都不可能(点是整数). 但是,如果不是整数,那么该怎么做呢?是否就此开启计算几何专题了呢 */ /***** ...
- 题解报告：poj 3669 Meteor Shower（bfs）
Description Bessie hears that an extraordinary meteor shower is coming; reports say that these meteo ...
- BST二叉查找树转双向链表DoubleLinke
问题:在不创建任何新的节点的情况下,实现将一颗BST变成有序的双向链表. 分析: 在结构上,如图的一颗BST,每个节点都有left right指针分别指指向左右儿子.结构上和双向链表节点是完全相同的. ...
- RabbitMQ指南之四：路由（Routing）和直连交换机（Direct Exchange）
在上一章中,我们构建了一个简单的日志系统,我们可以把消息广播给很多的消费者.在本章中我们将增加一个特性:我们可以订阅这些信息中的一些信息.例如,我们希望只将error级别的错误存储到硬盘中,同时可以将 ...
- headroom.js使用
为页面顶部多留些空间.在不需要页头时将其隐藏 需要添加的css代码 .headroom { transition: transform 200ms linear; } .headroom--pinne ...
- 如何向expect脚本里面传递参数
如何向expect脚本里面传递参数 比如下面脚本用来做ssh无密码登陆,自动输入确认yes和密码信息,用户名,密码,hostname通过参数来传递 ssh.exp Python代码 # ...
- 使用antlr4及java实现snl语言的解释器
对于antlr4的基础使用,请参考我的前一篇文章<用antlr4来实现<按编译原理的思路设计的一个计算器>中的计算器>. 其实我对于antlr4的理解也仅限于那篇文章的范围,但 ...
- 【译】x86程序员手册22-6.4页级保护
6.4 Page-Level Protection 页级保护 Two kinds of protection are related to pages: 与页相关的保护有两类: Restriction ...