小浩51
小浩51

jsp页面固定table头

 页面直接调用：
 

<script type="text/javascript">
jQuery(function() { 
jQuery.fn.CloneTableHeader("tab1", "div1");
});
</script>

 

  
  
  
  
    
   
   
   
   
  1.  
    2. 
   
   
   
   
  2. jQuery.fn.CloneTableHeader = function(tableId, tableParentDivId) {  
    3. 
   
   
   
   
  3.     var obj = document.getElementById("tableHeaderDiv" + tableId);  
    4. 
   
   
   
   
  4.     if (obj) {  
    5. 
   
   
   
   
  5.         jQuery(obj).remove();  
    6. 
   
   
   
   
  6.     }  
    7. 
   
   
   
   
  7.     var browserName = navigator.appName;  
    8. 
   
   
   
   
  8.     var ver = navigator.appVersion;  
    9. 
   
   
   
   
  9.     var browserVersion = parseFloat(ver.substring(ver.indexOf("MSIE") + 5, ver.lastIndexOf("Windows")));  
    10. 
   
   
   
   
  10.     var content = document.getElementById(tableParentDivId);  
    11. 
   
   
   
   
  11.     var scrollWidth = content.offsetWidth - content.clientWidth;  
    12. 
   
   
   
   
  12.  
    13. 
   
   
   
   
  13.     var tableOrg = jQuery("#" + tableId)  
    14. 
   
   
   
   
  14.     var table = tableOrg.clone();  
    15. 
   
   
   
   
  15.  
    16. 
   
   
   
   
  16.     table.attr("id", "cloneTable");  
    17. 
   
   
   
   
  17.     var tableClone = jQuery(tableOrg).find("tr").each(function() {  
    18. 
   
   
   
   
  18.  
    19. 
   
   
   
   
  19.     });  
    20. 
   
   
   
   
  20.     var tableHeader = jQuery(tableOrg).find("thead");  
    21. 
   
   
   
   
  21.     var tableHeaderHeight = tableHeader.height();  
    22. 
   
   
   
   
  22.     tableHeader.hide();  
    23. 
   
   
   
   
  23.     var colsWidths = jQuery(tableOrg).find("tbody tr:first td").map(function() {  
    24. 
   
   
   
   
  24.         return jQuery(this).width();  
    25. 
   
   
   
   
  25.     });  
    26. 
   
   
   
   
  26.     var tableCloneCols = jQuery(table).find("thead tr:first td")  
    27. 
   
   
   
   
  27.     if (colsWidths.size() > 0) {  
    28. 
   
   
   
   
  28.         for (i = 0; i < tableCloneCols.size(); i++) {  
    29. 
   
   
   
   
  29.             if (i == tableCloneCols.size() - 1) {  
    30. 
   
   
   
   
  30.                 if (browserVersion == 8.0)  
    31. 
   
   
   
   
  31.                     tableCloneCols.eq(i).width(colsWidths[i] + scrollWidth);  
    32. 
   
   
   
   
  32.                 else 
    33. 
   
   
   
   
  33.                     tableCloneCols.eq(i).width(colsWidths[i]);  
    34. 
   
   
   
   
  34.             } else {  
    35. 
   
   
   
   
  35.                 tableCloneCols.eq(i).width(colsWidths[i]);  
    36. 
   
   
   
   
  36.             }  
    37. 
   
   
   
   
  37.         }  
    38. 
   
   
   
   
  38.     }  
    39. 
   
   
   
   
  39.  
    40. 
   
   
   
   
  40.     var headerDiv = document.createElement("div");  
    41. 
   
   
   
   
  41.     headerDiv.appendChild(table[0]);  
    42. 
   
   
   
   
  42.     jQuery(headerDiv).css("height", tableHeaderHeight);  
    43. 
   
   
   
   
  43.     jQuery(headerDiv).css("overflow", "hidden");  
    44. 
   
   
   
   
  44.     jQuery(headerDiv).css("z-index", "20");  
    45. 
   
   
   
   
  45.     jQuery(headerDiv).css("width", "100%");  
    46. 
   
   
   
   
  46.     jQuery(headerDiv).attr("id", "tableHeaderDiv" + tableId);  
    47. 
   
   
   
   
  47.     jQuery(headerDiv).insertBefore(tableOrg.parent());  
    48. 
   
   
   
   
  48. } 
    49. 
  
  
  
  
  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2. 
   
   
   
   
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
    3. 
   
   
   
   
  3. <head runat="server"> 
    4. 
   
   
   
   
  4.     <title></title> 
    5. 
   
   
   
   
  5.  
    6. 
   
   
   
   
  6.     <script src="jquery-1.3.2.min.js" type="text/javascript"></script> 
    7. 
   
   
   
   
  7.  
    8. 
   
   
   
   
  8.     <script src="CloneTableHeader.js" type="text/javascript"></script> 
    9. 
   
   
   
   
  9.  
    10. 
   
   
   
   
  10.     <style type="text/css"> 
    11. 
   
   
   
   
  11.         .itemList  
    12. 
   
   
   
   
  12.         {  
    13. 
   
   
   
   
  13.             border: solid 1px #cccccc;  
    14. 
   
   
   
   
  14.             overflow: hidden;  
    15. 
   
   
   
   
  15.             width: 100%;  
    16. 
   
   
   
   
  16.             border-collapse: collapse;  
    17. 
   
   
   
   
  17.         }  
    18. 
   
   
   
   
  18.         .itemList td  
    19. 
   
   
   
   
  19.         {  
    20. 
   
   
   
   
  20.             padding: 0px 0px 0px 0px;  
    21. 
   
   
   
   
  21.             color: #444444;  
    22. 
   
   
   
   
  22.             border: solid 1px #cccccc;  
    23. 
   
   
   
   
  23.             text-align: center;  
    24. 
   
   
   
   
  24.             line-height: 20px;  
    25. 
   
   
   
   
  25.         }  
    26. 
   
   
   
   
  26.         .selected  
    27. 
   
   
   
   
  27.         {  
    28. 
   
   
   
   
  28.             background-color: #fdee88;  
    29. 
   
   
   
   
  29.         }  
    30. 
   
   
   
   
  30.         .hovertr  
    31. 
   
   
   
   
  31.         {  
    32. 
   
   
   
   
  32.             background-color: #fff8c7;  
    33. 
   
   
   
   
  33.         }  
    34. 
   
   
   
   
  34.         .errortd  
    35. 
   
   
   
   
  35.         {  
    36. 
   
   
   
   
  36.             border: dashed 1px red;  
    37. 
   
   
   
   
  37.         }  
    38. 
   
   
   
   
  38.     </style> 
    39. 
   
   
   
   
  39.     <script type="text/javascript"> 
    40. 
   
   
   
   
  40.         jQuery(function() {  
    41. 
   
   
   
   
  41.             jQuery.fn.CloneTableHeader("tab1", "div1");  
    42. 
   
   
   
   
  42.         });  
    43. 
   
   
   
   
  43.     </script> 
    44. 
   
   
   
   
  44. </head> 
    45. 
   
   
   
   
  45. <body> 
    46. 
   
   
   
   
  46.     <form id="form1" runat="server"> 
    47. 
   
   
   
   
  47.     <div style=" height: 100px; overflow:scroll;" id="div1"> 
    48. 
   
   
   
   
  48.         <table cellpadding="0" id="tab1" cellspacing="0" border="0" class="itemList"> 
    49. 
   
   
   
   
  49.             <thead> 
    50. 
   
   
   
   
  50.                 <tr style="background-color: #eeeeee; margin: 0px; line-height: 20px; font-weight: bold;  
    51. 
   
   
   
   
  51.                     padding: 0px 0px 0px 0px;"> 
    52. 
   
   
   
   
  52.                     <td> 
    53. 
   
   
   
   
  53.                         编号  
    54. 
   
   
   
   
  54.                     </td> 
    55. 
   
   
   
   
  55.                     <td> 
    56. 
   
   
   
   
  56.                         姓名  
    57. 
   
   
   
   
  57.                     </td> 
    58. 
   
   
   
   
  58.                     <td> 
    59. 
   
   
   
   
  59.                         年龄  
    60. 
   
   
   
   
  60.                     </td> 
    61. 
   
   
   
   
  61.                     <td> 
    62. 
   
   
   
   
  62.                         城市  
    63. 
   
   
   
   
  63.                     </td> 
    64. 
   
   
   
   
  64.                 </tr> 
    65. 
   
   
   
   
  65.                 <tr style="background-color: #eeeeee; margin: 0px; line-height: 20px; font-weight: bold;  
    66. 
   
   
   
   
  66.                     padding: 0px 0px 0px 0px;"> 
    67. 
   
   
   
   
  67.                     <td colspan="2">身高</td> 
    68. 
   
   
   
   
  68.                     <td colspan="2">体重</td> 
    69. 
   
   
   
   
  69.                 </tr> 
    70. 
   
   
   
   
  70.             </thead> 
    71. 
   
   
   
   
  71.             <tbody> 
    72. 
   
   
   
   
  72.                 <tr> 
    73. 
   
   
   
   
  73.                     <td> 
    74. 
   
   
   
   
  74.                         1  
    75. 
   
   
   
   
  75.                     </td> 
    76. 
   
   
   
   
  76.                     <td> 
    77. 
   
   
   
   
  77.                         张三1  
    78. 
   
   
   
   
  78.                     </td> 
    79. 
   
   
   
   
  79.                     <td> 
    80. 
   
   
   
   
  80.                         22  
    81. 
   
   
   
   
  81.                     </td> 
    82. 
   
   
   
   
  82.                     <td> 
    83. 
   
   
   
   
  83.                         北京  
    84. 
   
   
   
   
  84.                     </td> 
    85. 
   
   
   
   
  85.                 </tr> 
    86. 
   
   
   
   
  86.                 <tr> 
    87. 
   
   
   
   
  87.                     <td colspan="2">170</td> 
    88. 
   
   
   
   
  88.                     <td colspan="2">99</td> 
    89. 
   
   
   
   
  89.                 </tr> 
    90. 
   
   
   
   
  90.                 <tr> 
    91. 
   
   
   
   
  91.                     <td> 
    92. 
   
   
   
   
  92.                         1  
    93. 
   
   
   
   
  93.                     </td> 
    94. 
   
   
   
   
  94.                     <td> 
    95. 
   
   
   
   
  95.                         张三1  
    96. 
   
   
   
   
  96.                     </td> 
    97. 
   
   
   
   
  97.                     <td> 
    98. 
   
   
   
   
  98.                         22  
    99. 
   
   
   
   
  99.                     </td> 
    100. 
   
   
   
   
  100.                     <td> 
    101. 
   
   
   
   
  101.                         北京  
    102. 
   
   
   
   
  102.                     </td> 
    103. 
   
   
   
   
  103.                 </tr> 
    104. 
   
   
   
   
  104.                 <tr> 
    105. 
   
   
   
   
  105.                     <td colspan="2">170</td> 
    106. 
   
   
   
   
  106.                     <td colspan="2">99</td> 
    107. 
   
   
   
   
  107.                 </tr> 
    108. 
   
   
   
   
  108.                 <tr> 
    109. 
   
   
   
   
  109.                     <td> 
    110. 
   
   
   
   
  110.                         1  
    111. 
   
   
   
   
  111.                     </td> 
    112. 
   
   
   
   
  112.                     <td> 
    113. 
   
   
   
   
  113.                         张三1  
    114. 
   
   
   
   
  114.                     </td> 
    115. 
   
   
   
   
  115.                     <td> 
    116. 
   
   
   
   
  116.                         22  
    117. 
   
   
   
   
  117.                     </td> 
    118. 
   
   
   
   
  118.                     <td> 
    119. 
   
   
   
   
  119.                         北京  
    120. 
   
   
   
   
  120.                     </td> 
    121. 
   
   
   
   
  121.                 </tr> 
    122. 
   
   
   
   
  122.                 <tr> 
    123. 
   
   
   
   
  123.                     <td colspan="2">170</td> 
    124. 
   
   
   
   
  124.                     <td colspan="2">99</td> 
    125. 
   
   
   
   
  125.                 </tr> 
    126. 
   
   
   
   
  126.                 <tr> 
    127. 
   
   
   
   
  127.                     <td> 
    128. 
   
   
   
   
  128.                         1  
    129. 
   
   
   
   
  129.                     </td> 
    130. 
   
   
   
   
  130.                     <td> 
    131. 
   
   
   
   
  131.                         张三1  
    132. 
   
   
   
   
  132.                     </td> 
    133. 
   
   
   
   
  133.                     <td> 
    134. 
   
   
   
   
  134.                         22  
    135. 
   
   
   
   
  135.                     </td> 
    136. 
   
   
   
   
  136.                     <td> 
    137. 
   
   
   
   
  137.                         北京  
    138. 
   
   
   
   
  138.                     </td> 
    139. 
   
   
   
   
  139.                 </tr> 
    140. 
   
   
   
   
  140.                 <tr> 
    141. 
   
   
   
   
  141.                     <td colspan="2">170</td> 
    142. 
   
   
   
   
  142.                     <td colspan="2">99</td> 
    143. 
   
   
   
   
  143.                 </tr> 
    144. 
   
   
   
   
  144.                 <tr> 
    145. 
   
   
   
   
  145.                     <td> 
    146. 
   
   
   
   
  146.                         1  
    147. 
   
   
   
   
  147.                     </td> 
    148. 
   
   
   
   
  148.                     <td> 
    149. 
   
   
   
   
  149.                         张三1  
    150. 
   
   
   
   
  150.                     </td> 
    151. 
   
   
   
   
  151.                     <td> 
    152. 
   
   
   
   
  152.                         22  
    153. 
   
   
   
   
  153.                     </td> 
    154. 
   
   
   
   
  154.                     <td> 
    155. 
   
   
   
   
  155.                         北京  
    156. 
   
   
   
   
  156.                     </td> 
    157. 
   
   
   
   
  157.                 </tr> 
    158. 
   
   
   
   
  158.                 <tr> 
    159. 
   
   
   
   
  159.                     <td colspan="2">170</td> 
    160. 
   
   
   
   
  160.                     <td colspan="2">99</td> 
    161. 
   
   
   
   
  161.                 </tr> 
    162. 
   
   
   
   
  162.                 <tr> 
    163. 
   
   
   
   
  163.                     <td> 
    164. 
   
   
   
   
  164.                         1  
    165. 
   
   
   
   
  165.                     </td> 
    166. 
   
   
   
   
  166.                     <td> 
    167. 
   
   
   
   
  167.                         张三1  
    168. 
   
   
   
   
  168.                     </td> 
    169. 
   
   
   
   
  169.                     <td> 
    170. 
   
   
   
   
  170.                         22  
    171. 
   
   
   
   
  171.                     </td> 
    172. 
   
   
   
   
  172.                     <td> 
    173. 
   
   
   
   
  173.                         北京  
    174. 
   
   
   
   
  174.                     </td> 
    175. 
   
   
   
   
  175.                 </tr> 
    176. 
   
   
   
   
  176.                 <tr> 
    177. 
   
   
   
   
  177.                     <td colspan="2">170</td> 
    178. 
   
   
   
   
  178.                     <td colspan="2">99</td> 
    179. 
   
   
   
   
  179.                 </tr> 
    180. 
   
   
   
   
  180.                 <tr> 
    181. 
   
   
   
   
  181.                     <td> 
    182. 
   
   
   
   
  182.                         1  
    183. 
   
   
   
   
  183.                     </td> 
    184. 
   
   
   
   
  184.                     <td> 
    185. 
   
   
   
   
  185.                         张三1  
    186. 
   
   
   
   
  186.                     </td> 
    187. 
   
   
   
   
  187.                     <td> 
    188. 
   
   
   
   
  188.                         22  
    189. 
   
   
   
   
  189.                     </td> 
    190. 
   
   
   
   
  190.                     <td> 
    191. 
   
   
   
   
  191.                         北京  
    192. 
   
   
   
   
  192.                     </td> 
    193. 
   
   
   
   
  193.                 </tr> 
    194. 
   
   
   
   
  194.                 <tr> 
    195. 
   
   
   
   
  195.                     <td colspan="2">170</td> 
    196. 
   
   
   
   
  196.                     <td colspan="2">99</td> 
    197. 
   
   
   
   
  197.                 </tr> 
    198. 
   
   
   
   
  198.                 <tr> 
    199. 
   
   
   
   
  199.                     <td> 
    200. 
   
   
   
   
  200.                         1  
    201. 
   
   
   
   
  201.                     </td> 
    202. 
   
   
   
   
  202.                     <td> 
    203. 
   
   
   
   
  203.                         张三1  
    204. 
   
   
   
   
  204.                     </td> 
    205. 
   
   
   
   
  205.                     <td> 
    206. 
   
   
   
   
  206.                         22  
    207. 
   
   
   
   
  207.                     </td> 
    208. 
   
   
   
   
  208.                     <td> 
    209. 
   
   
   
   
  209.                         北京  
    210. 
   
   
   
   
  210.                     </td> 
    211. 
   
   
   
   
  211.                 </tr> 
    212. 
   
   
   
   
  212.                 <tr> 
    213. 
   
   
   
   
  213.                     <td colspan="2">170</td> 
    214. 
   
   
   
   
  214.                     <td colspan="2">99</td> 
    215. 
   
   
   
   
  215.                 </tr> 
    216. 
   
   
   
   
  216.                 <tr> 
    217. 
   
   
   
   
  217.                     <td> 
    218. 
   
   
   
   
  218.                         1  
    219. 
   
   
   
   
  219.                     </td> 
    220. 
   
   
   
   
  220.                     <td> 
    221. 
   
   
   
   
  221.                         张三1  
    222. 
   
   
   
   
  222.                     </td> 
    223. 
   
   
   
   
  223.                     <td> 
    224. 
   
   
   
   
  224.                         22  
    225. 
   
   
   
   
  225.                     </td> 
    226. 
   
   
   
   
  226.                     <td> 
    227. 
   
   
   
   
  227.                         北京  
    228. 
   
   
   
   
  228.                     </td> 
    229. 
   
   
   
   
  229.                 </tr> 
    230. 
   
   
   
   
  230.                 <tr> 
    231. 
   
   
   
   
  231.                     <td colspan="2">170</td> 
    232. 
   
   
   
   
  232.                     <td colspan="2">99</td> 
    233. 
   
   
   
   
  233.                 </tr> 
    234. 
   
   
   
   
  234.                 <tr> 
    235. 
   
   
   
   
  235.                     <td> 
    236. 
   
   
   
   
  236.                         1  
    237. 
   
   
   
   
  237.                     </td> 
    238. 
   
   
   
   
  238.                     <td> 
    239. 
   
   
   
   
  239.                         张三1  
    240. 
   
   
   
   
  240.                     </td> 
    241. 
   
   
   
   
  241.                     <td> 
    242. 
   
   
   
   
  242.                         22  
    243. 
   
   
   
   
  243.                     </td> 
    244. 
   
   
   
   
  244.                     <td> 
    245. 
   
   
   
   
  245.                         北京  
    246. 
   
   
   
   
  246.                     </td> 
    247. 
   
   
   
   
  247.                 </tr> 
    248. 
   
   
   
   
  248.                 <tr> 
    249. 
   
   
   
   
  249.                     <td colspan="2">170</td> 
    250. 
   
   
   
   
  250.                     <td colspan="2">99</td> 
    251. 
   
   
   
   
  251.                 </tr> 
    252. 
   
   
   
   
  252.                 <tr> 
    253. 
   
   
   
   
  253.                     <td> 
    254. 
   
   
   
   
  254.                         1  
    255. 
   
   
   
   
  255.                     </td> 
    256. 
   
   
   
   
  256.                     <td> 
    257. 
   
   
   
   
  257.                         张三1  
    258. 
   
   
   
   
  258.                     </td> 
    259. 
   
   
   
   
  259.                     <td> 
    260. 
   
   
   
   
  260.                         22  
    261. 
   
   
   
   
  261.                     </td> 
    262. 
   
   
   
   
  262.                     <td> 
    263. 
   
   
   
   
  263.                         北京  
    264. 
   
   
   
   
  264.                     </td> 
    265. 
   
   
   
   
  265.                 </tr> 
    266. 
   
   
   
   
  266.                 <tr> 
    267. 
   
   
   
   
  267.                     <td colspan="2">170</td> 
    268. 
   
   
   
   
  268.                     <td colspan="2">99</td> 
    269. 
   
   
   
   
  269.                 </tr> 
    270. 
   
   
   
   
  270.             </tbody> 
    271. 
   
   
   
   
  271.         </table> 
    272. 
   
   
   
   
  272.     </div> 
    273. 
   
   
   
   
  273.     </form> 
    274. 
   
   
   
   
  274. </body> 
    275. 
   
   
   
   
  275. </html> 
    276.

 

你可能感兴趣的:(jsp,table头)

  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • 30天风格练习-DAY2 黄希夷
    Day2（重义）在一个周日/一周的最后一天，我来到位于市中心/市区繁华地带的一家购物中心/商场，中心内人很多/熙熙攘攘。我注意到/看见一个独行/孤身一人的年轻女孩/，留着一头引人注目/长过腰际的头发，上身穿一件暗红色/比正红色更深的衣服/穿在身体上的东西。走下扶梯的时候，她摔倒了/跌向地面，在她正要站起来/让身体离开地面的时候，过长/超过一般人长度的头发被支撑身体/躯干的手掌压/按在下面，她赶紧用
  • SQL Server_查询某一数据库中的所有表的内容 qq_42772833 SQLServer数据库sqlserver
    1.查看所有表的表名要列出CrabFarmDB数据库中的所有表（名），可以使用以下SQL语句：USECrabFarmDB;--切换到目标数据库GOSELECTTABLE_NAMEFROMINFORMATION_SCHEMA.TABLESWHERETABLE_TYPE='BASETABLE';对这段SQL脚本的解释：SELECTTABLE_NAME：这个语句的作用是从查询结果中选择TABLE_NAM
  • 数组去重 好奇的猫猫猫
    整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
  • Kafka 消息丢失如何处理？ 架构文摘JGWZ 学习
    今天给大家分享一个在面试中经常遇到的问题：Kafka消息丢失该如何处理？这个问题啊，看似简单，其实里面藏着很多“套路”。来，咱们先讲一个面试的“真实”案例。面试官问：“Kafka消息丢失如何处理？”小明一听，反问：“你是怎么发现消息丢失了？”面试官顿时一愣，沉默了片刻后，可能有点不耐烦，说道：“这个你不用管，反正现在发现消息丢失了，你就说如何处理。”小明一头雾水：“问题是都不知道怎么丢的，处理起来
  • 【PG】常见数据库、表属性设置 江无羡 数据库
    PG的常见属性配置方法数据库复制、备份相关表的复制标识单表操作批量表操作链接数据库复制、备份相关表的复制标识单表操作通过ALTER语句单独更改一张表的复制标识。ALTERTABLE[tablename]REPLICAIDENTITYFULL;批量表操作通过代码块的方式，对某个schema中的所有表一起更新其复制标识。SELECTtablename,CASErelreplidentWHEN'd'TH
  • 厉国刚：新闻学与传播学到底有何区别 微观大道
    厉国刚：新闻学与传播学到底有何区别头几天，有人在知乎上问我：新闻学与传播学到底有何区别。他是一位想要跨专业考研的学生，对新闻传播学学科可谓了解甚少，甚至一头雾水，想要让我帮他解释解释。在研究生学硕层面，新闻传播学是一级学科，分成新闻学、传播学这两个二级学科。有些高校，还自设了广告学、出版发行学等其他二级学科，但从官方角度，新闻传播学一级学科下，正统的就是那两个二级学科。招生时，一般会按一级学科招，
  • 诡谲的一夜 乔三鳞
    门缝里有一些眼睛，我再熟悉不过了，眼睛总和门有关。上次开门的时候，母亲的义眼骨碌碌地滚到我的脚边，顺着滚动的轨迹看过去，原来是父亲又打了母亲。父亲常这样殴打母亲，抓着她的头，往墙上，重重地砸。母亲的眼睛会掉下来，地上有灰，所以总要洗洗才能装回眼窝里。我想，装回去的时候会疼的——很疼，因为母亲总是流出血泪。所以，在我的认知里，门和眼睛的关系是紧密的，现在也一样，门缝里那些如葡萄般一串串的眼睛，摘一个
  • 生于八十年代--我的姐姐 自南向北
    姐姐大我四岁，幸亏有了她，才有了我。要是头一个是男孩，估计在家里就是另一个孩子了。在我儿时的记忆里，姐姐是一下子蹦出来的，为什么这么说？因为在我五六岁前的印象里是没有她的，五六岁后就突然出现在了我家。上学前的那段时间我俩一直在一起，母亲白天上班，把午饭准备好后，就出门了。屋里就留下两个孩子，由着我们在田间地头，屋前河边到处转悠，现在想来是危险至极，但是在当时却也没有旁的办法。生活是第一位的，父亲在
  • 乡愁 誰家今夜扁舟子
    从前乡愁是一张张火车票我在这头故乡在那头而现在乡愁是一张张核算检测证明我在这头故乡说：你就在那头吧，别回这头！
  • 《靡色知音》 这个人叫安安
    图片发自App他俯下身来的时候乔伊不是没有心猿意马，但是只一瞬，她又巧妙的偏了一下头。她转身欲走，他倒好，一把扯着她的手，顺势往他怀里一带。乔伊没防备的由惯性硬生生撞进他怀里，贴上一块不可撼动的肉墙。她还没有吃疼的喊出声音来，他就把她翻过身去，像警察一样把她反扣在墙壁。她被他扣的死死地，对方一脸玩味和挑衅。乔伊冷冷的说：“放开。”那人也没应声，扬了扬眉毛，把她往墙壁那里一推，加重了力道。乔伊最好和
  • 《前夫如龙》王昊江琼（独家小说）精彩TXT阅读 海边书楼
    《前夫如龙》王昊江琼（独家小说）精彩TXT阅读主角：王昊江琼简介：离婚那天，她视他如泥土。谁曾想，消息一出，天下震动！可关注微信公众号【风车文楼】去回个书号【203】，即可免费阅读【前夫如龙】全文！江芸并未听出华少龙声音里的冷漠，依旧一脸笑容道：“是啊，那个废物哪儿配得上我姐？这些年，我姐对他仁至义尽了。以后，华少爷可以多跟我姐接触接触，只有华少爷这样的人，才配得上我姐啊！”江琼低着头，微微有些娇
  • 4.C_数据结构_队列 荣世蓥 数据结构数据结构
    概述什么是队列：队列是限定在两端进行插入操作和删除操作的线性表。具有先入先出(FIFO)的特点相关名词：队尾：写入数据的一段队头：读取数据的一段空队：队列中没有数据，队头指针=队尾指针满队：队列中存满了数据，队尾指针+1=队头指针循环队列1、基本内容循环队列是以数组形式构成的队列数据结构。循环队列的结构体如下：typedefintdata_t;//队列数据类型#defineN64//队列容量typ
  • vue3中el-table中点击图片放大时，被表格覆盖 叫我小鹏呀 vue.jsjavascript前端
    问题：vue3中el-table中点击图片放大时，被表格覆盖。解决方法：el-image添加preview-teleported
  • vue项目element-ui的table表格单元格合并 酋长哈哈 vue.jselementuijavascript前端
    一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
  • Vue中table合并单元格用法 weixin_30613343 javascriptViewUI
    地名结果人名性别{{item.name}}已完成未完成{{item.groups[0].name}}{{item.groups[0].sex}}{{item.groups[son].name}}{{item.groups[son].sex}}exportdefault{data(){return{list:[{name:'地名1',result:'1',groups:[{name:'张三',sex
  • 2023最详细的Python安装教程（Windows版本） 程序员林哥 Pythonpythonwindows开发语言
    python安装是学习pyhon第一步，很多刚入门小白不清楚如何安装python，今天我来带大家完成python安装与配置，跟着我一步步来，很简单，你肯定能完成。第一部分：python安装（一）准备工作1、下载和安装python(认准官方网站)当然你不想去下载的话也可以分享给你，还有入门学习教程，点击下方卡片跳转进群领取（二）开始安装对于Windows操作系统，可以下载“executableins
  • C++八股 Petrichorzncu 八股总结c++开发语言
    这里写目录标题C++内存管理C++的构造函数，复制构造函数，和析构函数深复制与浅复制：构造函数和析构函数哪个能写成虚函数，为什么？C++数据结构内存排列结构体和类占用的内存：==虚函数和虚表的原理==虚函数虚表（Vtable）虚函数和虚表的实现细节==内存泄漏==指针的工作原理函数的传值和传址new和delete与malloc和freeC++内存区域划分C++11新特性C++常见新特性==智能指针
  • 儿子开学报道第一天：我和公公一起送他去学校 文又又
    儿子今天是开学报道的的时光，儿子对于是谁送他去学校非常在意，他也想着自己一个人去学校，不要家长送，我们告诉他，可以等到他再大一点的话，就让他自己去学校。我还是一如既往的早起，5点闹钟响起，我的头还昏昏的，就窝在被子里看手机。看爆款文，看热点内容。还看了一会《明朝那些事》，看着看着，就觉得眼皮打架想要睡觉。可是我的潜意识还是提醒自己，起床吧，今天要6点钟起床，说好要叫儿子早起，今天他是8点钟要到学校
  • Table列表复现框实现【勾选-搜索-再勾选】 ～四时春～ java开发语言elementuivue
    Table列表复现框实现【勾选-搜索-再勾选】概要整体架构流程代码实现技术细节注意参考文献概要最近在开发时遇到一个问题，在进行表单渲染时，正常选中没有问题，单如果需要搜索选中时，一个是已选中的不会回填，二是在搜索的结果中进行选中，没有实现，经过排查，查找资料后实现。例如：整体架构流程具体的实现效果如下：代码实现{{scope.row.userName}}已选区{{userItem.userName
  • vue+el-table 可输入表格使用上下键进行input框切换 以对_ vue学习记录vue.jsjavascript前端
    使用上下键进行完工数量这一列的切换-->//键盘触发事件show(ev,index){letnewIndex;letinputAll=document.querySelectorAll('.table_inputinput');//向上=38if(ev.keyCode==38){if(index==0){//如果是第一行,回到最后一个newIndex=inputAll.length-1}elsei
  • vue + Element UI table动态合并单元格 我家媳妇儿萌哒哒 elementUIvue.js前端javascript
    一、功能需求1、根据名称相同的合并工作阶段和主要任务合并这两列，但主要任务内容一样，但要考虑主要任务一样，但工作阶段不一样的情况。（枞向合并）2、落实情况里的定量内容和定性内容值一样则合并。（横向合并）二、功能实现exportdefault{data(){return{tableData:[{name:'a',address:'1',age:'1',six:'2'},{name:'a',addre
  • 【RabbitMQ 项目】服务端：数据管理模块之绑定管理 月夜星辉雪 rabbitmq分布式
    文章目录一.编写思路二.代码实践一.编写思路定义绑定信息类交换机名称队列名称绑定关键字：交换机的路由交换算法中会用到没有是否持久化的标志，因为绑定是否持久化取决于交换机和队列是否持久化，只有它们都持久化时绑定才需要持久化。绑定就好像一根绳子，两端连接着交换机和队列，当一方不存在，它就没有存在的必要了定义绑定持久化类构造函数：如果数据库文件不存在则创建，打开数据库，创建binding_table插入
  • 组诗·三国群英颂（周瑜、马超、贾诩、赵云） 颍川荀清
    念奴娇·怀周郎矶头万仞、若关情，仍叹当年英物！一揽长江，龙流怒，化作孙吴阵壁。浪里船城，铁锁平川，袖挽千堆雪。烈胆豪情，斗牛惊认奇杰！但看戎马余生，纵横万里，正英姿勃发。宏图霸业弹指间，惟见涛生云灭。苍天轻狂，妒意猖作，帅将难华发。难忆郎顾，青史相伴别月。古体·西凉天将军大漠狂烟起，孑然佩青锋。神威震羌月，锦袍曜汉空。终囚蜀山险，瘴疠掩长虹。天地一孤啸，匹马又西风。水调歌头·文和乱武山水应将残，清
  • windows下python opencv ffmpeg读取摄像头实现rtsp推流 拉流 图像处理大大大大大牛啊 opencv实战代码讲解视觉图像项目windowspythonopencv
    windows下pythonopencvffmpeg读取摄像头实现rtsp推流拉流整体流程1.下载所需文件1.1下载rtsp推流服务器1.2下载ffmpeg2.开启RTSP服务器3.opencv读取摄像头并调用ffmpeg进行推流4.opencv进行拉流5.opencv异步拉流整体流程1.下载所需文件1.1下载rtsp推流服务器下载RTSP服务器下载页面https://github.com/blu
  • 【Java】已解决：java.util.concurrent.CompletionException 屿小夏 java开发语言
    文章目录一、分析问题背景出现问题的场景代码片段二、可能出错的原因三、错误代码示例四、正确代码示例五、注意事项已解决：java.util.concurrent.CompletionException一、分析问题背景在Java并发编程中，java.util.concurrent.CompletionException是一种常见的运行时异常，通常在使用CompletableFuture进行异步计算时出现
  • Linux CTF逆向入门 蚁景网络安全 linux运维CTF
    1.ELF格式我们先来看看ELF文件头，如果想详细了解，可以查看ELF的manpage文档。关于ELF更详细的说明：e_shoff：节头表的文件偏移量（字节）。如果文件没有节头表，则此成员值为零。sh_offset：表示了该section（节）离开文件头部位置的距离+-------------------+|ELFheader|---++--------->+-------------------
  • APQP，ASPICE，敏捷，功能安全，预期安全，这些汽车行业的一堆标准 二大宝贝 安全架构
    前言APQP,ASPICE,敏捷，功能安全，预期安全，PMP，PRICE2汽车行业的有这样一堆标准。我是半路出家来到汽车行业做项目经理的，对几个标准的感觉是，看了文档和各种解析之后还是一头雾水，不知道到底说了个啥，别人问我还是一脸懵逼。APQP（TS16949的最重要工具），ASPICE（软件）这些是质量标准，是优化整个公司体系的，但这套体系对项目管理有要求；敏捷，PMP这些是项目管理的标准；项目
  • ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your †徐先森® Oracle数据库Web相关错误集
    createtablestudents(idintunsignedprimarykeyauto_increment,namevarchar(50)notnull,ageintunsigned,highdecimal(3,2),genderenum('男','女','中性','保密','妖')default'保密',cls_idintunsigned);在对数据库插入如上带有中文带有默认值的字段的时
  • 种树的最好时光 山药君123
    总想着什么时候开个头。对，到底什么时候开个头呢？今天拖明天拖，一晃几个月过去了，再一晃，一年两年过去了。一回头，呦，过去这么长时间了，要是当初早点开始肯定早就怎么怎么样……你看，人总是做的少，想的美。种树的最好时光是十年前，其次是现在。择日不如撞日，就今天吧！不然真要等到七老八十再来感叹蹉跎了多少光阴？说不上想写点什么，权当碎碎念吧。最近要试着调整生活作息了，目标是早睡早起，加油！
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他