BoyTNT
BoyTNT

网页中的虚拟table

在网页中用table加载大量数据是件痛苦的事，效率太低了，对内存的占用也太大了。联想到C#中用到的DataGridView的虚拟模式，试着在网页中用html+js实现了一个，没仔细测，通用性封装也不好，给大家抛块砖而已。

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    2. 
   
   
   
   
  2. <html> 
    3. 
   
   
   
   
  3. <head>  
    4. 
   
   
   
   
  4.  <title>表格虚拟模式</title> 
    5. 
   
   
   
   
  5.  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    6. 
   
   
   
   
  6.  <style type="text/css">  
    7. 
   
   
   
   
  7.  * { 
    8. 
   
   
   
   
  8.    font-size:12px; 
    9. 
   
   
   
   
  9.   padding:0; 
    10. 
   
   
   
   
  10.   margin:0; 
    11. 
   
   
   
   
  11.  } 
    12. 
   
   
   
   
  12.  html,body{ 
    13. 
   
   
   
   
  13.   height:100%; 
    14. 
   
   
   
   
  14.  } 
    15. 
   
   
   
   
  15.  #wrapperHead{ 
    16. 
   
   
   
   
  16.   width:583px; 
    17. 
   
   
   
   
  17.   position:absolute; 
    18. 
   
   
   
   
  18.   top:21px; 
    19. 
   
   
   
   
  19.   left:41px; 
    20. 
   
   
   
   
  20.   z-index:100; 
    21. 
   
   
   
   
  21.   overflow:hidden; 
    22. 
   
   
   
   
  22.  } 
    23. 
   
   
   
   
  23.  #wrapperBody{ 
    24. 
   
   
   
   
  24.   width:600px; 
    25. 
   
   
   
   
  25.   height:90%; 
    26. 
   
   
   
   
  26.   overflow-y:auto; 
    27. 
   
   
   
   
  27.   overflow-x:auto; 
    28. 
   
   
   
   
  28.   border:solid 1px black; 
    29. 
   
   
   
   
  29.   position:absolute; 
    30. 
   
   
   
   
  30.   top:20px; 
    31. 
   
   
   
   
  31.   left:40px; 
    32. 
   
   
   
   
  32.  } 
    33. 
   
   
   
   
  33.  table{ 
    34. 
   
   
   
   
  34.   width:700px; 
    35. 
   
   
   
   
  35.   border-collapse:collapse; 
    36. 
   
   
   
   
  36.   table-layout:fixed; 
    37. 
   
   
   
   
  37.  } 
    38. 
   
   
   
   
  38.  tr:hover{ 
    39. 
   
   
   
   
  39.   background-color:#eee; 
    40. 
   
   
   
   
  40.  } 
    41. 
   
   
   
   
  41.  td{ 
    42. 
   
   
   
   
  42.   padding:3px; 
    43. 
   
   
   
   
  43.   white-space:nowrap; 
    44. 
   
   
   
   
  44.   overflow:hidden; 
    45. 
   
   
   
   
  45.   text-overflow:ellipsis; 
    46. 
   
   
   
   
  46.   cursor:default; 
    47. 
   
   
   
   
  47.   height:21px; 
    48. 
   
   
   
   
  48.  } 
    49. 
   
   
   
   
  49.  th{ 
    50. 
   
   
   
   
  50.   padding:3px; 
    51. 
   
   
   
   
  51.   white-space:nowrap; 
    52. 
   
   
   
   
  52.   overflow:hidden; 
    53. 
   
   
   
   
  53.   text-overflow:ellipsis; 
    54. 
   
   
   
   
  54.   cursor:default; 
    55. 
   
   
   
   
  55.   background-color:#06c; 
    56. 
   
   
   
   
  56.   color:white; 
    57. 
   
   
   
   
  57.   border-left:solid 1px darkgray; 
    58. 
   
   
   
   
  58.   height:15px; 
    59. 
   
   
   
   
  59.  } 
    60. 
   
   
   
   
  60.  #msg{ 
    61. 
   
   
   
   
  61.   position:absolute; 
    62. 
   
   
   
   
  62.   top:5px; 
    63. 
   
   
   
   
  63.   left:10px; 
    64. 
   
   
   
   
  64.  } 
    65. 
   
   
   
   
  65.  .btn{ 
    66. 
   
   
   
   
  66.   width:45px; 
    67. 
   
   
   
   
  67.  } 
    68. 
   
   
   
   
  68.  </style> 
    69. 
   
   
   
   
  69.      <script type="text/javascript" language="javascript" src="jquery.js"></script> 
    70. 
   
   
   
   
  70.      <script type="text/javascript" language="javascript"> 
    71. 
   
   
   
   
  71.   
    72. 
   
   
   
   
  72.  var jqVirtualTable = { 
    73. 
   
   
   
   
  73.   data:[],   //数据源，需要提供 
    74. 
   
   
   
   
  74.   page: 0,   //当前页码 
    75. 
   
   
   
   
  75.   pageRows: 30,   //每页行数，需要提供 
    76. 
   
   
   
   
  76.   headerHeight: 21,  //th行高（pixel），需要提供 
    77. 
   
   
   
   
  77.   rowHeight: 27,   //td行高（pixel），需要提供 
    78. 
   
   
   
   
  78.   colCount: 0,   //列数 
    79. 
   
   
   
   
  79.   controls: {   //缓存控件 
    80. 
   
   
   
   
  80.    tabObj: null,  //数据table 
    81. 
   
   
   
   
  81.    wrapObj: null  //外层包裹的div 
    82. 
   
   
   
   
  82.   }, 
    83. 
   
   
   
   
  83.    
    84. 
   
   
   
   
  84.   //初始化 
    85. 
   
   
   
   
  85.   init: function(tableId, wrapperId){ 
    86. 
   
   
   
   
  86.    //缓存主要控件 
    87. 
   
   
   
   
  87.    this.controls.tabObj = $("#" + tableId); 
    88. 
   
   
   
   
  88.    this.controls.wrapObj = $("#" + wrapperId); 
    89. 
   
   
   
   
  89.     
    90. 
   
   
   
   
  90.    //数据计算 
    91. 
   
   
   
   
  91.    this.colCount = this.controls.tabObj.find("tr:eq(0)").find("th").length; 
    92. 
   
   
   
   
  92.     
    93. 
   
   
   
   
  93.    //挂接事件 
    94. 
   
   
   
   
  94.    this.controls.wrapObj.scroll($.proxy(this.scrollhandler, this)); 
    95. 
   
   
   
   
  95.    this.controls.tabObj.click($.proxy(this.clickhandler, this)); 
    96. 
   
   
   
   
  96.  
    97. 
   
   
   
   
  97.    //绘制表格 
    98. 
   
   
   
   
  98.    this.render(); 
    99. 
   
   
   
   
  99.   }, 
    100. 
   
   
   
   
  100.    
    101. 
   
   
   
   
  101.   //绘制表格 
    102. 
   
   
   
   
  102.   render: function(){ 
    103. 
   
   
   
   
  103.    this.controls.tabObj.find("tr:gt(0)").remove(); 
    104. 
   
   
   
   
  104.  
    105. 
   
   
   
   
  105.    var startIndex = this.page == 0? 0 : ((this.page - 1) * this.pageRows); 
    106. 
   
   
   
   
  106.    var endIndex = startIndex + 3 * this.pageRows; 
    107. 
   
   
   
   
  107.    if(endIndex > this.data.length) 
    108. 
   
   
   
   
  108.     endIndex = this.data.length; 
    109. 
   
   
   
   
  109.      
    110. 
   
   
   
   
  110.    var topH = startIndex * this.rowHeight; 
    111. 
   
   
   
   
  111.    var bottomH = (this.data.length - (endIndex - startIndex + 1)) * this.rowHeight - topH; 
    112. 
   
   
   
   
  112.    if(bottomH < 0)  
    113. 
   
   
   
   
  113.     bottomH = 0; 
    114. 
   
   
   
   
  114.  
    115. 
   
   
   
   
  115.    var html = []; 
    116. 
   
   
   
   
  116.    html.push("<tr><td colspan='" + this.colCount + "' style='padding:0;height:" + topH + "px'></td></tr>"); 
    117. 
   
   
   
   
  117.    html.push(this.getRowsHtml(startIndex, endIndex)); 
    118. 
   
   
   
   
  118.    html.push("<tr><td colspan='" + this.colCount + "' style='padding:0;height:" + bottomH + "px'></td></tr>"); 
    119. 
   
   
   
   
  119.     
    120. 
   
   
   
   
  120.    $(html.join('')).appendTo(this.controls.tabObj.find("tbody")); 
    121. 
   
   
   
   
  121.   }, 
    122. 
   
   
   
   
  122.    
    123. 
   
   
   
   
  123.   //生成给定区间行的html，需要重写 
    124. 
   
   
   
   
  124.   getRowsHtml: function(start, end){ 
    125. 
   
   
   
   
  125.    var html = []; 
    126. 
   
   
   
   
  126.    for(var i = start;i < end;++i){ 
    127. 
   
   
   
   
  127.     var item = this.data[i]; 
    128. 
   
   
   
   
  128.     html.push("<tr><td>" + item[0] + ". " + item[1][0] + "(" + item[2]+ ")</td>"); 
    129. 
   
   
   
   
  129.     html.push("<td>" + item[1][1] + "</td>"); 
    130. 
   
   
   
   
  130.     html.push("<td>" + item[3] + "</td>"); 
    131. 
   
   
   
   
  131.     html.push("<td><button class='btn' pid='" + item[0] + "'>忽略</button></td></tr>"); 
    132. 
   
   
   
   
  132.    } 
    133. 
   
   
   
   
  133.     
    134. 
   
   
   
   
  134.    return html.join(''); 
    135. 
   
   
   
   
  135.   }, 
    136. 
   
   
   
   
  136.    
    137. 
   
   
   
   
  137.   //外层包裹div的scroll事件处理 
    138. 
   
   
   
   
  138.   scrollhandler: function(){ 
    139. 
   
   
   
   
  139.    $("#wrapperHead").scrollLeft(this.controls.wrapObj.scrollLeft()); 
    140. 
   
   
   
   
  140.    //计算纵向滚动对应的页码，判断是否需要换页 
    141. 
   
   
   
   
  141.    var scrollTop = this.controls.wrapObj.scrollTop(); 
    142. 
   
   
   
   
  142.    var posPage = Math.floor((scrollTop + this.headerHeight) / (this.pageRows * this.rowHeight)); 
    143. 
   
   
   
   
  143.    if(posPage != this.page){ 
    144. 
   
   
   
   
  144.     this.page = posPage; 
    145. 
   
   
   
   
  145.     this.render(); 
    146. 
   
   
   
   
  146.     this.controls.wrapObj.focus(); 
    147. 
   
   
   
   
  147.    } 
    148. 
   
   
   
   
  148.   }, 
    149. 
   
   
   
   
  149.    
    150. 
   
   
   
   
  150.   //表格click事件处理，需要重写 
    151. 
   
   
   
   
  151.   clickhandler: function(e){ 
    152. 
   
   
   
   
  152.    var eleName = e.target.tagName.toLowerCase();; 
    153. 
   
   
   
   
  153.    if(eleName != "button") 
    154. 
   
   
   
   
  154.     return; 
    155. 
   
   
   
   
  155.      
    156. 
   
   
   
   
  156.    var id = $(e.target).attr("pid"); 
    157. 
   
   
   
   
  157.    alert("忽略id=" + id); 
    158. 
   
   
   
   
  158.   } 
    159. 
   
   
   
   
  159.  }; 
    160. 
   
   
   
   
  160.  
    161. 
   
   
   
   
  161.  $(function(){ 
    162. 
   
   
   
   
  162.   //构造测试用数据 
    163. 
   
   
   
   
  163.   var fileNameArray = [ 
    164. 
   
   
   
   
  164.     ["svch0st.dll", "C:\\Windows\system32"],  
    165. 
   
   
   
   
  165.     ["win.com", "D:\\Program Files"], 
    166. 
   
   
   
   
  166.     ["n0tepad.exe", "C:\\"], 
    167. 
   
   
   
   
  167.     ["twunk32.exe", "C:\\windows"], 
    168. 
   
   
   
   
  168.     ["regedit.exe", "C:\\Winnt\\system32\\drivers"], 
    169. 
   
   
   
   
  169.     ["hh.exe", "F:\\Test"]]; 
    170. 
   
   
   
   
  170.   var virusNameArray = ["灰鸽子", "尼姆达", "熊猫烧香", "蠕虫"]; 
    171. 
   
   
   
   
  171.   var handleState = ["已隔离", "不处理", "未能隔离"]; 
    172. 
   
   
   
   
  172.    
    173. 
   
   
   
   
  173.   for(var i = 0;i < 500;++i){ 
    174. 
   
   
   
   
  174.    jqVirtualTable.data.push([ 
    175. 
   
   
   
   
  175.     i+1,  
    176. 
   
   
   
   
  176.     fileNameArray[Math.floor(Math.random() * 6)],  
    177. 
   
   
   
   
  177.     virusNameArray[Math.floor(Math.random() * 4)], 
    178. 
   
   
   
   
  178.     handleState[Math.floor(Math.random() * 3)] 
    179. 
   
   
   
   
  179.    ]); 
    180. 
   
   
   
   
  180.   } 
    181. 
   
   
   
   
  181.    
    182. 
   
   
   
   
  182.   //初始化 
    183. 
   
   
   
   
  183.   jqVirtualTable.pageRows = 25; 
    184. 
   
   
   
   
  184.   jqVirtualTable.init("data", "wrapperBody"); 
    185. 
   
   
   
   
  185.    
    186. 
   
   
   
   
  186.   /* 
    187. 
   
   
   
   
  187.   //测试追加数据 
    188. 
   
   
   
   
  188.   window.setInterval(function(){ 
    189. 
   
   
   
   
  189.    for(var i = 0;i < 100;++i){ 
    190. 
   
   
   
   
  190.     jqVirtualTable.data.push([ 
    191. 
   
   
   
   
  191.      i+1,  
    192. 
   
   
   
   
  192.      fileNameArray[Math.floor(Math.random() * 6)],  
    193. 
   
   
   
   
  193.      virusNameArray[Math.floor(Math.random() * 4)], 
    194. 
   
   
   
   
  194.      handleState[Math.floor(Math.random() * 3)] 
    195. 
   
   
   
   
  195.     ]); 
    196. 
   
   
   
   
  196.    } 
    197. 
   
   
   
   
  197.     
    198. 
   
   
   
   
  198.    jqVirtualTable.render(); 
    199. 
   
   
   
   
  199.   }, 5000); 
    200. 
   
   
   
   
  200.   */ 
    201. 
   
   
   
   
  201.  }); 
    202. 
   
   
   
   
  202.   
    203. 
   
   
   
   
  203.  </script> 
    204. 
   
   
   
   
  204. </head>  
    205. 
   
   
   
   
  205. <body> 
    206. 
   
   
   
   
  206.  
    207. 
   
   
   
   
  207. <div id="wrapperHead"> 
    208. 
   
   
   
   
  208.  <table> 
    209. 
   
   
   
   
  209.   <tr class="h"> 
    210. 
   
   
   
   
  210.    <th width="30%">文件名</th> 
    211. 
   
   
   
   
  211.    <th>路径</th> 
    212. 
   
   
   
   
  212.    <th width="20%">结果</th> 
    213. 
   
   
   
   
  213.    <th width="160">操作</th> 
    214. 
   
   
   
   
  214.   </tr> 
    215. 
   
   
   
   
  215.  </table> 
    216. 
   
   
   
   
  216. </div> 
    217. 
   
   
   
   
  217. <div id="wrapperBody"> 
    218. 
   
   
   
   
  218.  <table id="data"> 
    219. 
   
   
   
   
  219.   <tr class="h"> 
    220. 
   
   
   
   
  220.    <th width="30%">文件名</th> 
    221. 
   
   
   
   
  221.    <th>路径</th> 
    222. 
   
   
   
   
  222.    <th width="20%">结果</th> 
    223. 
   
   
   
   
  223.    <th width="160">操作</th> 
    224. 
   
   
   
   
  224.   </tr> 
    225. 
   
   
   
   
  225.  </table> 
    226. 
   
   
   
   
  226. </div> 
    227. 
   
   
   
   
  227.  
    228. 
   
   
   
   
  228. </body>  
    229. 
   
   
   
   
  229. </html> 
    230.

你可能感兴趣的:(职场,休闲,虚拟表格)

  • 深入解析JVM工作原理：从字节码到机器指令的全过程
    一、JVM概述Java虚拟机(JVM)是Java平台的核心组件，它实现了Java"一次编写，到处运行"的理念。JVM是一个抽象的计算机器，它有自己的指令集和运行时内存管理机制。JVM的主要职责：加载：读取.class文件并验证其正确性存储：管理内存分配和垃圾回收执行：解释或编译字节码为机器指令安全：提供沙箱环境限制恶意代码二、JVM架构详解JVM由三个主要子系统组成：1.类加载子系统类加载过程分为
  • 恩小希美食成长日记之118：“摘星女神”王亚平归来，她的婚姻，治愈了多少职场女性的痛 恩小希
    上周最为热闹的消息,无疑是神舟13号的三位航天英雄回来了.其中,最为瞩目的就是王亚平.她是我国首位进行太空行走的女航天员,也是为自己小女儿“摘星星的妈妈”。作为最受关注的职场妈妈，王亚平之所以能够成就这样一番事业，跟背后默默支持她的丈夫--赵鹏分不开。01王亚平1980年出生于山东烟台。父母都是地地道道的农民。王亚平这个姑娘从小体质好，一直练习长跑。高中时，空军来家乡招收女飞行员，作为体育班里唯一
  • 02-Breakout靶机攻略 ZLlllllll0 02-Breakout靶机
    第一步搭建靶机下载地址：https://download.vulnhub.com/empire/02-Breakout.zip下载好了之后直接用VM打开然后右击虚拟机，把网络连接改成nat模式第二步，信息收集然后开启虚拟机，左上角编辑，虚拟网络编辑器里面看一下靶机是哪个网段。打开kali用nmap扫一下的这个网段的存活主机，也就是扫除这个靶机的具体ip地址nmap192.168.109.1/24扫
  • 元宇宙中的视觉技术：虚拟化身与场景生成 xcLeigh 计算机视觉CV元宇宙虚拟化身场景生成AIGC数字孪生
    元宇宙中的视觉技术：虚拟化身与场景生成前言一、元宇宙与视觉技术的深度关联1.1元宇宙概念深度剖析1.2视觉技术：元宇宙的“灵魂之窗”二、虚拟化身：数字世界的“第二自我”2.1虚拟化身技术的深度解析2.1.1核心技术构成2.1.2技术实现原理与流程2.2虚拟化身的应用领域及案例展示2.2.1游戏娱乐领域2.2.2教育培训领域三、场景生成：构建元宇宙的虚拟天地3.1场景生成技术全景透视3.1.1关键技
  • 你竟然还在用克隆删除？Conda最新版rename命令全攻略！ 曦紫沐 Python基础知识conda虚拟环境管理
    文章摘要Conda虚拟环境管理终于迎来革命性升级！本文揭秘Conda4.9+版本新增的rename黑科技，彻底告别传统“克隆+删除”的繁琐操作。从命令解析到实战案例，手把手教你如何安全高效地重命名Python虚拟环境，附带版本检测、环境迁移、故障排查等进阶技巧，助你提升开发效率10倍！一、颠覆认知：Conda居然自带重命名功能？很多开发者仍停留在“Conda无法直接重命名环境”的认知阶段，实际上自
  • 大模型量化终极对决：FP8 vs AWQ INT4，谁才是性能与精度的王者？ 曦紫沐 大模型人工智能大模型量化FP8AWQ_INT4
    摘要在大模型部署与优化中，量化技术是突破性能瓶颈的关键。FP8量化与AWQINT4量化作为当前主流方案，分别以“高精度”和“极致压缩”为核心优势。本文通过表格对比二者的数据格式、精度损失、硬件依赖及适用场景，助您在不同需求下精准选择最优方案。一、数据格式：浮点与整数的底层差异FP8量化采用浮点数（FP8），包含E4M3（4位阶码+3位尾数）和E5M2（5位阶码+2位尾数）两种格式，保留动态范围；而
  • Pandas：数据科学的超级瑞士军刀 科技林总 DeepSeek学AI人工智能
    **——从零基础到高效分析的进化指南**###**一、Pandas诞生：数据革命的救世主****2010年前的数据分析噩梦**：```python#传统Python处理表格数据data=[]forrowincsv_file:ifrow[3]>100androw[2]=="China":data.append(float(row[5])#代码冗长易错！```**核心痛点**：-Excel处理百万行崩
  • AI 生成虚拟宠物：24 小时陪你聊天解闷 大力出奇迹985 人工智能宠物
    本文围绕AI生成虚拟宠物展开，介绍这类依托人工智能技术诞生的虚拟伙伴，能实现24小时不间断陪伴聊天，为人们解闷。文中详细阐述其技术基础，包括自然语言处理、机器学习等；分析多样功能，如个性化互动、情绪回应等；探讨在独居人群、压力大者等不同群体中的应用场景，最后总结其为人们生活带来的积极影响及未来发展潜力，展现AI虚拟宠物在陪伴领域的独特价值。一、AI生成虚拟宠物的诞生背景与技术基石在快节奏的现代社会
  • qemu virt-manager 创建虚拟机设置虚拟机桥接网络 三希 网络php开发语言
    在virt-manager中设置虚拟机桥接网络的步骤如下：确认主机网络桥接已配置打开终端，执行brctlshow命令查看是否已有桥接接口（通常名为br0或类似名称）如果没有桥接接口，需先创建：sudonano/etc/netplan/01-netcfg.yaml添加类似以下配置（根据实际网卡调整）：yamlnetwork:version:2renderer:networkdethernets:en
  • PDF转Markdown - Python 实现方案与代码 Eiceblue PythonPythonPDFpdfpython开发语言vscode
    PDF作为广泛使用的文档格式，转换为轻量级标记语言Markdown后，可无缝集成到技术文档、博客平台和版本控制系统中，提高内容的可编辑性和可访问性。本文将详细介绍如何使用国产Spire.PDFforPython库将PDF文档转换为Markdown格式。技术优势：精准保留原始文档结构（段落/列表/表格）完整提取文本和图像内容无需Adobe依赖的纯Python实现支持Linux/Windows/mac
  • 在Windows11上安装Linux操作系统的几种技术方案 yuanpan linux运维服务器
    在Windows11上安装Linux主要有以下几种技术方案，每种方案适用于不同的需求场景：1.WindowsSubsystemforLinux(WSL)适用场景：开发、命令行工具、轻量级Linux环境支持发行版：Ubuntu、Debian、KaliLinux、Fedora等优点：轻量级：无需虚拟机，直接在Windows上运行Linux命令行环境。无缝集成：可访问Windows文件系统，支持VSCo
  • 38岁，男，月薪3500：受害者思维，正在透支你的人生 阿聊不见了
    大家好，我是阿聊。前段时间回老家的时候，碰到一个以前的邻居。这位邻居，曾经一度是妈妈口中的“别人家的孩子”。在大学生还没泛滥的时候，考上了大学，毕业后听从家里安排，回到小县城，进了一家事业单位。谁知，工作后，他的人生仿佛突然就开始走起了下坡路。工作多年，岗位就没挪动过，近二十年的职场生涯，甚至只被提拔了一次，如今38岁了，月薪3500，且涨薪无望。婚姻也不顺利，30岁左右成婚，婚后不到3年，妻子跟
  • Docker ℡余晖^ 黑马点评项目相关问题和笔记dockereureka容器
    在黑马点评项目中，在谈到Redisson解决redis的主从一致性问题时，弹幕提到了Docker，本文来简单了解一下Docker，我的初步理解运维是维护多个集群的稳定，那它和VM虚拟机的区别又是什么？，如果要更深入地理解与学习（运维工程师），可以到b站搜索专门的课程（SpringCloud）。一、Docker是什么？重新理解“容器化”的本质1.1Docker的定义Docker是一个开源的容器化平台
  • 微信公众号写作：如何通过文字变现？ 氧惠爱高省
    微信公众号已成为许多人分享知识、表达观点的重要平台。随着自媒体的发展，越来越多的人开始关注微信公众号上写文章如何挣钱的问题。本文将详细探讨微信公众号写作的盈利模式，帮助广大写作者实现文字变现的梦想。公众号流量主就找善士导师（shanshi2024）公众号：「善士笔记」主理人，《我的亲身经历，四个月公众号流量主从0到日入过万！》公司旗下管理800+公众号矩阵账号。代表案例如：爸妈领域、职场道道、国学
  • 月薪10000的人过着怎样的生活？ 觉得不是很ok
    月薪10000对于初入职场的人来说是个不错的数字但现实中，月薪过万的职场人到底过着什么样的生活呢？我们不妨来算一笔账！下来是申请原创要求的三百字，头条哥p图到凌晨两点我容易吗容易吗容易吗容易吗容易吗容易吗易吗容易吗不容易接下来是申请原创要求的三百字，头条哥p图到凌晨两点我容易吗容易吗容易吗容易吗容易吗容易吗容易吗容易吗不容易接下来是申请原创要求的三百字，头条哥p图到凌晨两点我容易吗容易吗容易吗容易
  • Java中什么是类加载？类加载的过程？
    类加载指的是把类加载到JVM中。把二进制流存储到内存中，之后经过一番解析、处理转化成可用的class类二进制流可以来源于class文件，或通过字节码工具生成的字节码或来自于网络。只要符合格式的二进制流，JVM来者不拒。虚拟机遇到⼀条new指令时，⾸先将去检查这个指令的参数是否能在常量池中定位到这个类的符号引⽤，并且检查这个符号引⽤代表的类是否已被加载过、解析和初始化过。如果没有，那必须先执⾏相应的
  • Navicat练习与实操（第九节课内容总结见下篇） 咩? android前端sql
    MySQL练习练习题目现在有以下四张表Student学生ID学生名字学生生日学生性别s_ids_names_births_sexCourse课程ID课程名字教师IDc_idc_namet_idTeacher教师ID教师名字t_idt_nameScore学生ID课程ID学生分数s_idc_ids_score1.对以上表格分别建表(要求：id为各个表的主键、其他字段非空设置默认值为、给表以及表中字段设
  • 冬游颐和园简易攻略 和佛陀去赏花
    持续记录431天（2019.2.8）阅读打卡第212天：《穷查理宝典》1394-1461。朗诵记录第213天：今天是朗诵的第32周第5天，日常绕口令练习《喇嘛和哑巴》，《论语•述而第七》（二）七点四十醒来，老妈做些早餐，饭毕，我们祖孙三人九点出门，今天计划颐和园。颐和园在最初建造的时候就是为了祝寿所用，作为皇家园林，在规划上颐和园共分为三个区域：生活区（佛香阁），行政区（仁寿堂），游玩休闲区（昆明
  • 王心傲：如何用一句话，让对方自乱阵脚，自取灭亡 王心傲
    我曾经无数次讲过，我们想要真刀真枪的和一个人战斗，那结果无非是两败俱伤，而且输赢犹未可知。图片发自App就好比在职场里，有人说你坏话；就好比生活里，有人跟你争夺女友等等，你若是因为他们恶意中伤你，也明显的对着干，那么很可能吃苦头，而且难以解决问题。其实，对于这种情况，最好的做法是：影响。影响到他们自乱阵脚，自取灭亡。这个呢也是我今天要给你讲的，通过打乱对方的【潜意识习惯】，从而打乱对方的节奏，让对
  • 小牛想要进大厂，距离拿百万高薪，进入AI行业你还缺哪些？ TsingtaoAI 人工智能
    本文由小文聊AI原创，有需要的可转发分享对于很多打工人来说，想要拿百万年薪仿佛是天方夜谭，但其实了解AI行业的从业者都知道，有了核心求职能力，以及对职场的认知，再加上对AI技术资源的掌握，进入到一些互联网大厂后，拿到百万年薪不是梦。但对于很多小牛来说，如何能够进入大厂，什么样的人才才能够进入大厂，脑袋里都是空白。那么，究竟什么样的人才具有小牛的潜质呢？来看贪心科技涨薪100%计划-AI职业自由，包
  • 3步搞定群晖NAS Synology Drive远程同步Obsidian笔记
    文章目录1.简介1.1软件特色演示：2.使用免费群晖虚拟机搭建群晖SynologyDrive服务，实现局域网同步2.1安装并设置SynologyDrive套件2.1局域网内同步文件测试3.内网穿透群晖SynologyDrive，实现异地多端同步3.1安装Cpolar步骤4.实现固定TCP地址同步1.简介之前我们介绍过如何免费多端同步Zotero科研文献管理软件，使用了群晖NAS虚拟机和WebDav
  • Java学习-----JVM的垃圾回收算法
    在Java虚拟机（即JVM）中，垃圾收集是自动内存管理的核心机制，其主要作用是识别并回收不再使用的对象所占用的内存空间，以避免内存泄漏和溢出。不同的垃圾收集算法有着不同的实现思路和适用场景，下面将详细介绍JVM中4种常见的垃圾收集算法。（一）标记-清除算法标记-清除算法是最基础的垃圾收集算法，它分为“标记”和“清除”两个阶段。在标记阶段，会遍历所有对象，标记出需要回收的垃圾对象；在清除阶段，会清除
  • 复盘：视听说3、4单元，精读4单元 任贤芳
    Part11，从本单元中我学到的最重要的理念（精读和视听说分别总结）视听说3：休闲时间去做自己想做的事情，度过一个让自己开心而又快乐的时光，比如健美操、烧烤、野餐、瑜伽、更刺激的还有蹦极、攀岩、卡丁车……虽然疫情封闭，但我们仍旧可以在校园中寻找快乐，比如去拍照，一起野餐，玩游戏，封闭的校园封不住我们的快乐与激情，封不住我们的青春快乐。视听说4：聚光灯下生活一般是指名人或者明星以及对社会有较大影响的
  • 2025 最强 Agent 智能体 学习笔记 (71) 一刀7段 学习笔记人工智能
    Agent智能体的系统学习与职业发展核心内容概览本集是《2025最强Agent智能体全套教程》的第72集，聚焦Agent智能体领域的系统学习方法与职业发展路径，系统梳理了从入门到专家的能力体系、关键学习资源、职业方向选择及行业发展机遇。内容结合技术趋势与职场需求，为不同背景的学习者（学生、开发者、转行人士）提供清晰的成长蓝图，帮助其在Agent智能体领域高效成长，实现职业目标。系统学习的能力体系与
  • H5UI微信小程序前端框架实战指南 ai
    本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
  • 《婚后，诱她上瘾》时也霍铭川（完结篇）全文免费阅读【笔趣阁】 海边书楼
    《婚后，诱她上瘾》时也霍铭川（完结篇）全文免费阅读【笔趣阁】主角：时也霍铭川简介：职场小透明，年会上喝醉，敲开了总裁的房门。“霍总，听说能睡到你的女人，上辈子是拯救了银河系？关注微信公众号【海边书楼】去回个书号【10】，即可阅读【婚后，诱她上瘾】小说全文！第1章我把上司给睡了，就在年会结束的那天晚上。醒来后，看着上司裸露的八块腹肌，我吞了吞口水：“我……要失业了吗？”上司冷漠的眼神看过来：“结婚，
  • Python 中的 JWT 认证：从生成到验证的完整指南 盛夏绽放 python开发语言有问必答后端
    文章目录Python中的JWT认证：从生成到验证的完整指南一、JWT是什么？为什么需要它？传统session与JWT对比二、JWT的结构解析三、Python中实现JWT1.安装PyJWT包2.生成JWT3.验证JWT4.错误处理大全四、高级应用场景1.双令牌系统（Access+Refresh）详细说明表格：异常处理补充表：2.与FastAPI/Django集成五、安全最佳实践六、性能优化技巧算法性
  • 2023-04-28《举杯畅饮的姐姐们》定档0428，三个女人一台戏，铁三角乘风破浪 娱娱鱼
    都市情感治愈短剧《举杯畅饮的姐姐们》定档0428。曾用名《开怀畅饮的姐姐们》。据说改编自韩剧《酒鬼都市的女人们》。金莎饰演的瞿洋，刘芸饰演的郭欣婷，双女主设定很带感。她们曾经在综艺《乘风破浪的姐姐2》中有过合作，这次的二度合作令人期待。加上姜嫄饰演的吴沛沛，组成铁三角闺蜜团。都说三个女人一台戏，更何况剧中有将近十个女人。该剧以中女时代为背景，以酒元素为契机，关注当代女性在职场和生活中的境遇，将她们
  • 从零开始构建深度学习环境：基于Pytorch、CUDA与cuDNN的虚拟环境搭建与实践（适合初学者） 荣华富贵8 程序员的知识储备2程序员的知识储备3深度学习pytorch人工智能
    摘要：深度学习正在引领人工智能技术的革新，而对于初学者来说，正确搭建深度学习环境是迈向AI研究与应用的第一步。本文将为读者提供一套详尽的教程，指导如何在本地环境中搭建Pytorch、CUDA与cuDNN，以及如何利用Anaconda和PyCharm进行高效开发。内容涵盖从环境配置、常见错误修正，到基础的深度学习模型构建及训练。我们旨在为深度学习零基础的入门者提供一个全面且易于理解的“保姆级”教程，
  • ＜六＞ CentOS 8 配置YUM源超详细教程（本地源+网络源） 随风fraya Dockercentos网络linux
    一、本地YUM源配置（离线环境适用）1.挂载ISO镜像创建挂载目录并执行挂载命令：sudomkdir-p/mnt/cdrom sudomount/app/CentOS-8.1.1911-x86_64-dvd1.iso/mnt/cdrom #mount后第一个参数为ISO文件路径，也可替换为/dev/sr0为光驱设备注意：若提示设备未就绪，需检查虚拟机光驱设置或ISO文件完整性13。2.配置仓库文件
  • java的(PO,VO,TO,BO,DAO,POJO) Cb123456 VOTOBOPOJODAO
    转: http://www.cnblogs.com/yxnchinahlj/archive/2012/02/24/2366110.html   -------------------------------------------------------------------  O/R Mapping 是 Object Relational Mapping（对象关系映
  • spring ioc原理（看完后大家可以自己写一个spring） aijuans spring
             最近，买了本Spring入门书：spring In Action 。大致浏览了下感觉还不错。就是入门了点。Manning的书还是不错的，我虽然不像哪些只看Manning书的人那样专注于Manning,但怀着崇敬 的心情和激情通览了一遍。又一次接受了IOC 、DI、AOP等Spring核心概念。 先就IOC和DI谈一点我的看法。IO
  • MyEclipse 2014中Customize Persperctive设置无效的解决方法 Kai_Ge MyEclipse2014
    高高兴兴下载个MyEclipse2014，发现工具条上多了个手机开发的按钮，心生不爽就想弄掉他！ 结果发现Customize Persperctive失效！！ 有说更新下就好了，可是国内Myeclipse访问不了，何谈更新... so~这里提供了更新后的一下jar包，给大家使用！ 1、将9个jar复制到myeclipse安装目录\plugins中 2、删除和这9个jar同包名但是版本号较
  • SpringMvc上传 120153216 springMVC
      @RequestMapping(value = WebUrlConstant.UPLOADFILE) @ResponseBody public Map<String, Object> uploadFile(HttpServletRequest request,HttpServletResponse httpresponse) { try { //
  • Javascript----HTML DOM 事件 何必如此 JavaScripthtmlWeb
    HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 注：DOM： 指明使用的 DOM 属性级别。 1.鼠标事件 属性               
  • 动态绑定和删除onclick事件 357029540 JavaScriptjquery
    因为对JQUERY和JS的动态绑定事件的不熟悉，今天花了好久的时间才把动态绑定和删除onclick事件搞定!现在分享下我的过程。      在我的查询页面，我将我的onclick事件绑定到了tr标签上同时传入当前行(this值)参数，这样可以在点击行上的任意地方时可以选中checkbox，但是在我的某一列上也有一个onclick事件是用于下载附件的，当
  • HttpClient|HttpClient请求详解 7454103 apache应用服务器网络协议网络应用Security
    HttpClient 是 Apache Jakarta Common 下的子项目，可以用来提供高效的、最新的、功能丰富的支持 HTTP 协议的客户端编程工具包，并且它支持 HTTP 协议最新的版本和建议。本文首先介绍 HTTPClient，然后根据作者实际工作经验给出了一些常见问题的解决方法。HTTP 协议可能是现在 Internet 上使用得最多、最重要的协议了，越来越多的 Java 应用程序需
  • 递归 逐层统计树形结构数据 darkranger 数据结构
    将集合递归获取树形结构: /** * * 递归获取数据 * @param alist:所有分类 * @param subjname:对应统计的项目名称 * @param pk:对应项目主键 * @param reportList: 最后统计的结果集 * @param count:项目级别 */ public void getReportVO(Arr
  • 访问WEB-INF下使用frameset标签页面出错的原因 aijuans struts2
    <frameset rows="61,*,24" cols="*" framespacing="0" frameborder="no" border="0">        
  • MAVEN常用命令 avords
    Maven库： http://repo2.maven.org/maven2/ Maven依赖查询： http://mvnrepository.com/ Maven常用命令： 1. 创建Maven的普通java项目：    mvn archetype:create    -DgroupId=packageName 
  • PHP如果自带一个小型的web服务器就好了 houxinyou apache应用服务器WebPHP脚本
    最近单位用PHP做网站，感觉PHP挺好的，不过有一些地方不太习惯，比如，环境搭建。PHP本身就是一个网站后台脚本，但用PHP做程序时还要下载apache，配置起来也不太很方便，虽然有好多配置好的apache+php+mysq的环境，但用起来总是心里不太舒服，因为我要的只是一个开发环境，如果是真实的运行环境，下个apahe也无所谓，但只是一个开发环境，总有一种杀鸡用牛刀的感觉。如果php自己的程序中
  • NoSQL数据库之Redis数据库管理(list类型) bijian1013 redis数据库NoSQL
    3.list类型及操作         List是一个链表结构，主要功能是push、pop、获取一个范围的所有值等等，操作key理解为链表的名字。Redis的list类型其实就是一个每个子元素都是string类型的双向链表。我们可以通过push、pop操作从链表的头部或者尾部添加删除元素，这样list既可以作为栈，又可以作为队列。   &nbs
  • 谁在用Hadoop？ bingyingao hadoop数据挖掘公司应用场景
    Hadoop技术的应用已经十分广泛了，而我是最近才开始对它有所了解，它在大数据领域的出色表现也让我产生了兴趣。浏览了他的官网，其中有一个页面专门介绍目前世界上有哪些公司在用Hadoop，这些公司涵盖各行各业，不乏一些大公司如alibaba,ebay,amazon,google,facebook,adobe等，主要用于日志分析、数据挖掘、机器学习、构建索引、业务报表等场景,这更加激发了学习它的热情。
  • 【Spark七十六】Spark计算结果存到MySQL bit1129 mysql
    package spark.examples.db import java.sql.{PreparedStatement, Connection, DriverManager} import com.mysql.jdbc.Driver import org.apache.spark.{SparkContext, SparkConf} object SparkMySQLInteg
  • Scala: JVM上的函数编程 bookjovi scalaerlanghaskell
        说Scala是JVM上的函数编程一点也不为过，Scala把面向对象和函数型编程这两种主流编程范式结合了起来，对于熟悉各种编程范式的人而言Scala并没有带来太多革新的编程思想，scala主要的有点在于Java庞大的package优势，这样也就弥补了JVM平台上函数型编程的缺失，MS家.net上已经有了F#，JVM怎么能不跟上呢？     对本人而言
  • jar打成exe bro_feng java jar exe
    今天要把jar包打成exe，jsmooth和exe4j都用了。 遇见几个问题。记录一下。 两个软件都很好使，网上都有图片教程，都挺不错。 首先肯定是要用自己的jre的，不然不能通用，其次别忘了把需要的lib放到classPath中。 困扰我很久的一个问题是，我自己打包成功后，在一个同事的没有装jdk的电脑上运行，就是不行，报错jvm.dll为无效的windows映像，如截图 最后发现
  • 读《研磨设计模式》-代码笔记-策略模式-Strategy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 策略模式定义了一系列的算法，并将每一个算法封装起来，而且使它们还可以相互替换。策略模式让算法独立于使用它的客户而独立变化 简单理解： 1、将不同的策略提炼出一个共同接口。这是容易的，因为不同的策略，只是算法不同，需要传递的参数
  • cmd命令值cvfM命令 chenyu19891124 cmd
         cmd命令还真是强大啊。今天发现jar -cvfM aa.rar @aaalist 就这行命令可以根据aaalist取出相应的文件   例如：      在d：\workspace\prpall\test.java 有这样一个文件，现在想要将这个文件打成一个包。运行如下命令即可比如在d：\wor
  • OpenJWeb(1.8) Java Web应用快速开发平台 comsci java框架Web项目管理企业应用
        OpenJWeb(1.8) Java Web应用快速开发平台的作者是我们技术联盟的成员，他最近推出了新版本的快速应用开发平台  OpenJWeb(1.8)，我帮他做做宣传   OpenJWeb快速开发平台以快速开发为核心，整合先进的java 开源框架，本着自主开发+应用集成相结合的原则，旨在为政府、企事业单位、软件公司等平台用户提供一个架构透
  • Python 报错：IndentationError: unexpected indent daizj pythontab空格缩进
        IndentationError: unexpected indent 是缩进的问题，也有可能是tab和空格混用啦     Python开发者有意让违反了缩进规则的程序不能通过编译，以此来强制程序员养成良好的编程习惯。并且在Python语言里，缩进而非花括号或者某种关键字，被用于表示语句块的开始和退出。增加缩进表示语句块的开
  • HttpClient 超时设置 dongwei_6688 httpclient
    HttpClient中的超时设置包含两个部分： 1. 建立连接超时，是指在httpclient客户端和服务器端建立连接过程中允许的最大等待时间 2. 读取数据超时，是指在建立连接后，等待读取服务器端的响应数据时允许的最大等待时间   在HttpClient 4.x中如下设置：   HttpClient httpclient = new DefaultHttpC
  • 小鱼与波浪 dcj3sjt126com
    一条小鱼游出水面看蓝天，偶然间遇到了波浪。　　小鱼便与波浪在海面上游戏，随着波浪上下起伏、汹涌前进。　　小鱼在波浪里兴奋得大叫：“你每天都过着这么刺激的生活吗？简直太棒了。”　　波浪说：“岂只每天过这样的生活，几乎每一刻都这么刺激！还有更刺激的，要有潮汐变化，或者狂风暴雨，那才是兴奋得心脏都会跳出来。”　　小鱼说：“真希望我也能变成一个波浪，每天随着风雨、潮汐流动，不知道有多么好！”　　很快，小鱼
  • Error Code: 1175 You are using safe update mode and you tried to update a table dcj3sjt126com mysql
    快速高效用：SET SQL_SAFE_UPDATES = 0；下面的就不要看了！ 今日用MySQL Workbench进行数据库的管理更新时，执行一个更新的语句碰到以下错误提示： Error Code: 1175 You are using safe update mode and you tried to update a table without a WHERE that
  • 枚举类型详细介绍及方法定义 gaomysion enumjavaee
    转发 http://developer.51cto.com/art/201107/275031.htm 枚举其实就是一种类型，跟int, char 这种差不多，就是定义变量时限制输入的，你只能够赋enum里面规定的值。建议大家可以看看，这两篇文章，《java枚举类型入门》和《C++的中的结构体和枚举》，供大家参考。 枚举类型是JDK5.0的新特征。Sun引进了一个全新的关键字enum
  • Merge Sorted Array hcx2013 array
    Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as one sorted array. Note:You may assume that nums1 has enough space (size that is
  • Expression Language 3.0新特性 jinnianshilongnian el 3.0
    Expression Language 3.0表达式语言规范最终版从2013-4-29发布到现在已经非常久的时间了；目前如Tomcat 8、Jetty 9、GlasshFish 4已经支持EL 3.0。新特性包括：如字符串拼接操作符、赋值、分号操作符、对象方法调用、Lambda表达式、静态字段/方法调用、构造器调用、Java8集合操作。目前Glassfish 4/Jetty实现最好，对大多数新特性
  • 超越算法来看待个性化推荐 liyonghui160com 超越算法来看待个性化推荐
             一提到个性化推荐，大家一般会想到协同过滤、文本相似等推荐算法，或是更高阶的模型推荐算法，百度的张栋说过，推荐40%取决于UI、30%取决于数据、20%取决于背景知识，虽然本人不是很认同这种比例，但推荐系统中，推荐算法起的作用起的作用是非常有限的。       就像任何
  • 写给Javascript初学者的小小建议 pda158 JavaScript
    　　一般初学JavaScript的时候最头痛的就是浏览器兼容问题。在Firefox下面好好的代码放到IE就不能显示了，又或者是在IE能正常显示的代码在firefox又报错了。 　　如果你正初学JavaScript并有着一样的处境的话建议你：初学JavaScript的时候无视DOM和BOM的兼容性，将更多的时间花在 了解语言本身（ECMAScript）。只在特定浏览器编写代码（Chrome/Fi
  • Java 枚举 ShihLei javaenum枚举
    注：文章内容大量借鉴使用网上的资料，可惜没有记录参考地址，只能再传对作者说声抱歉并表示感谢！   一 基础 1）语法      枚举类型只能有私有构造器（这样做可以保证客户代码没有办法新建一个enum的实例）      枚举实例必须最先定义 2）特性     &nb
  • Java SE 6 HotSpot虚拟机的垃圾回收机制 uuhorse javaHotSpotGC垃圾回收VM
    官方资料，关于Java SE 6 HotSpot虚拟机的garbage Collection，非常全，英文。 http://www.oracle.com/technetwork/java/javase/gc-tuning-6-140523.html   Java SE 6 HotSpot[tm] Virtual Machine Garbage Collection Tuning &
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他