许琴
许琴

js显示隐藏DIV

 

  
  
  
  
    
   
   
   
   
  1. <html>   
    2. 
   
   
   
   
  2. <head>   
    3. 
   
   
   
   
  3. <meta http-equiv="Content-Type" content="text/html; charset=GBK" />    
    4. 
   
   
   
   
  4. <script language="JavaScript" type="text/JavaScript">   
    5. 
   
   
   
   
  5. <!--   
    6. 
   
   
   
   
  6. function toggle(targetid){   
    7. 
   
   
   
   
  7.      if (document.getElementById){   
    8. 
   
   
   
   
  8.          target=document.getElementById(targetid);   
    9. 
   
   
   
   
  9.              if (target.style.display=="block"){   
    10. 
   
   
   
   
  10.                  target.style.display="none";   
    11. 
   
   
   
   
  11.              } else {   
    12. 
   
   
   
   
  12.                  target.style.display="block";   
    13. 
   
   
   
   
  13.              }   
    14. 
   
   
   
   
  14.      }   
    15. 
   
   
   
   
  15. }   
    16. 
   
   
   
   
  16. //-->   
    17. 
   
   
   
   
  17. </script>   
    18. 
   
   
   
   
  18. <style type="text/css">   
    19. 
   
   
   
   
  19. <!--   
    20. 
   
   
   
   
  20. #div1{   
    21. 
   
   
   
   
  21. background-color:#360;   
    22. 
   
   
   
   
  22. height:400px;   
    23. 
   
   
   
   
  23. width:400px;   
    24. 
   
   
   
   
  24. display:none;   
    25. 
   
   
   
   
  25. }   
    26. 
   
   
   
   
  26. -->   
    27. 
   
   
   
   
  27. </style>   
    28. 
   
   
   
   
  28. </head>   
    29. 
   
   
   
   
  29.    
    30. 
   
   
   
   
  30. <body> 
    31. 
   
   
   
   
  31. <form> 
    32. 
   
   
   
   
  32. <input type="file" id="butn" value="显示/隐藏" onchange="toggle('div1')" /> 
    33. 
   
   
   
   
  33. </form> 
    34. 
   
   
   
   
  34. <center>   
    35. 
   
   
   
   
  35.     <div id="div1"></div> 
    36. 
   
   
   
   
  36. </center>   
    37. 
   
   
   
   
  37. 居中的DIV   
    38. 
   
   
   
   
  38. </body>   
    39. 
   
   
   
   
  39. </html>   
    40.

 

 

下面是更多参考资料：

 

  
  
  
  
    
   
   
   
   
  1. <html> 
    2. 
   
   
   
   
  2. <head> 
    3. 
   
   
   
   
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    4. 
   
   
   
   
  4. <title>div隐藏与显示</title> 
    5. 
   
   
   
   
  5. <style type=text/css> 
    6. 
   
   
   
   
  6. #menus { 
    7. 
   
   
   
   
  7.        background-color: #c4cff0;       
    8. 
   
   
   
   
  8.       } 
    9. 
   
   
   
   
  9. </style> 
    10. 
   
   
   
   
  10. <script   language=javascript> 
    11. 
   
   
   
   
  11. function Layer_HideOrShow(cur_div) 
    12. 
   
   
   
   
  12. { var current=document.getElementById(cur_div); 
    13. 
   
   
   
   
  13.    if(current.style.visibility=="hidden") 
    14. 
   
   
   
   
  14.      { 
    15. 
   
   
   
   
  15.        current.style.visibility ="visible"; 
    16. 
   
   
   
   
  16.      } 
    17. 
   
   
   
   
  17.    else 
    18. 
   
   
   
   
  18.     { 
    19. 
   
   
   
   
  19.       current.style.visibility ="hidden"; 
    20. 
   
   
   
   
  20.     } 
    21. 
   
   
   
   
  21. } 
    22. 
   
   
   
   
  22. </script> 
    23. 
   
   
   
   
  23. </head> 
    24. 
   
   
   
   
  24. <body> 
    25. 
   
   
   
   
  25. <p>　</p> 
    26. 
   
   
   
   
  26. <table border="0" width="153" cellpadding="0" style="border-collapse: collapse" id="table1" height="101"> 
    27. 
   
   
   
   
  27. <tr> 
    28. 
   
   
   
   
  28.    <td> 
    29. 
   
   
   
   
  29.    <a href="#" onclick="Layer_HideOrShow('menus');"><img border="0" src="http://www.shuifutour.com/images/456.gif" width="153" height="25"></a></td> 
    30. 
   
   
   
   
  30. </tr> 
    31. 
   
   
   
   
  31. <tr> 
    32. 
   
   
   
   
  32.    <td> 
    33. 
   
   
   
   
  33.    <div id="menus"> 
    34. 
   
   
   
   
  34.     <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" height="150" id="table2"> 
    35. 
   
   
   
   
  35.      <tr> 
    36. 
   
   
   
   
  36.       <td>　</td> 
    37. 
   
   
   
   
  37.      </tr> 
    38. 
   
   
   
   
  38.     </table> 
    39. 
   
   
   
   
  39.    </div></td> 
    40. 
   
   
   
   
  40. </tr> 
    41. 
   
   
   
   
  41. </table> 
    42. 
   
   
   
   
  42. </body> 
    43. 
   
   
   
   
  43. </html> 
    44. 
   
   
   
   
  44. ==================== 
    45. 
   
   
   
   
  45. <html> 
    46. 
   
   
   
   
  46. <head> 
    47. 
   
   
   
   
  47. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    48. 
   
   
   
   
  48. <title>无标题文档</title> 
    49. 
   
   
   
   
  49. <script language="JavaScript" type="text/JavaScript"> 
    50. 
   
   
   
   
  50. <!-- 
    51. 
   
   
   
   
  51. function toggle(targetid){ 
    52. 
   
   
   
   
  52.      if (document.getElementById){ 
    53. 
   
   
   
   
  53.          target=document.getElementById(targetid); 
    54. 
   
   
   
   
  54.              if (target.style.display=="block"){ 
    55. 
   
   
   
   
  55.                  target.style.display="none"; 
    56. 
   
   
   
   
  56.              } else { 
    57. 
   
   
   
   
  57.                  target.style.display="block"; 
    58. 
   
   
   
   
  58.              } 
    59. 
   
   
   
   
  59.      } 
    60. 
   
   
   
   
  60. } 
    61. 
   
   
   
   
  61. --> 
    62. 
   
   
   
   
  62. </script> 
    63. 
   
   
   
   
  63. <style type="text/css"> 
    64. 
   
   
   
   
  64. <!-- 
    65. 
   
   
   
   
  65. #div1{ 
    66. 
   
   
   
   
  66. background-color:#000000; 
    67. 
   
   
   
   
  67. height:400px; 
    68. 
   
   
   
   
  68. width:400px; 
    69. 
   
   
   
   
  69. display:none; 
    70. 
   
   
   
   
  70. } 
    71. 
   
   
   
   
  71. --> 
    72. 
   
   
   
   
  72. </style> 
    73. 
   
   
   
   
  73. </head> 
    74. 
   
   
   
   
  74.  
    75. 
   
   
   
   
  75. <body> 
    76. 
   
   
   
   
  76. <input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" /> 
    77. 
   
   
   
   
  77. <center> 
    78. 
   
   
   
   
  78. <div id="div1"></div></center> 
    79. 
   
   
   
   
  79. 居中的DIV 
    80. 
   
   
   
   
  80. </body> 
    81. 
   
   
   
   
  81. </html> 
    82. 
   
   
   
   
  82. ======================= 
    83. 
   
   
   
   
  83. 3.javascript 控制 html元素 显示/隐藏 
    84. 
   
   
   
   
  84.  
    85. 
   
   
   
   
  85. 1。编写js函数 
    86. 
   
   
   
   
  86.  
    87. 
   
   
   
   
  87. <script type="text/javascript"> 
    88. 
   
   
   
   
  88.  
    89. 
   
   
   
   
  89.    function display(id){ 
    90. 
   
   
   
   
  90.  
    91. 
   
   
   
   
  91.        var traget=document.getElementById(id); 
    92. 
   
   
   
   
  92.         if(traget.style.display=="none"){ 
    93. 
   
   
   
   
  93.                 traget.style.display=""; 
    94. 
   
   
   
   
  94.         }else{ 
    95. 
   
   
   
   
  95.                 traget.style.display="none"; 
    96. 
   
   
   
   
  96.       } 
    97. 
   
   
   
   
  97.    } 
    98. 
   
   
   
   
  98. </script> 
    99. 
   
   
   
   
  99.  
    100. 
   
   
   
   
  100. 2. 要显示/隐藏的html元素加上 id 属性 
    101. 
   
   
   
   
  101.  
    102. 
   
   
   
   
  102. <table> 
    103. 
   
   
   
   
  103.  
    104. 
   
   
   
   
  104.     <tr id="menu" >    
    105. 
   
   
   
   
  105.  
    106. 
   
   
   
   
  106.        <td>控制这个tr的显示/隐藏</td> 
    107. 
   
   
   
   
  107.  
    108. 
   
   
   
   
  108.    </tr> 
    109. 
   
   
   
   
  109.  
    110. 
   
   
   
   
  110. </table> 
    111. 
   
   
   
   
  111.  
    112. 
   
   
   
   
  112. 3，添加按钮，链接等触发 js 函数 
    113. 
   
   
   
   
  113.  
    114. 
   
   
   
   
  114. <input type="button" onclick="display('menu')"   value="显示/隐藏"/> 
    115. 
   
   
   
   
  115.  
    116. 
   
   
   
   
  116. <a href="#"   onclick="display('menu')"   >显示/隐藏</a> 
    117. 
   
   
   
   
  117.  
    118. 
   
   
   
   
  118. javascript显示隐藏层<div id="" style="display:none;">广告</div> 
    119. 
   
   
   
   
  119. <input type="botton" onclick="函数"> 
    120. 
   
   
   
   
  120.  
    121. 
   
   
   
   
  121. <script language=javascript> 
    122. 
   
   
   
   
  122. function 函数{ 
    123. 
   
   
   
   
  123. if(thisdiv.style.display=='none'){  
    124. 
   
   
   
   
  124. thisdiv.style.display="" 
    125. 
   
   
   
   
  125. } 
    126. 
   
   
   
   
  126. else 
    127. 
   
   
   
   
  127. thisdiv.style.display="none" 
    128. 
   
   
   
   
  128. } 
    129. 
   
   
   
   
  129.  
    130. 
   
   
   
   
  130. </script>你先给div 取个ID=“AA”thisdiv=AA 
    131. 
   
   
   
   
  131.  
    132. 
   
   
   
   
  132. javascript隐藏/显示表单对象 
    133. 
   
   
   
   
  133. javascript隐藏/显示表单对象  
    134. 
   
   
   
   
  134. [SCRIPT language=JavaScript] 
    135. 
   
   
   
   
  135. function expandIt(el) { 
    136. 
   
   
   
   
  136.      whichEl =document.getElementById(el) 
    137. 
   
   
   
   
  137.      if (whichEl.style.display ==   'none') { 
    138. 
   
   
   
   
  138.       whichEl.style.display   = ''; 
    139. 
   
   
   
   
  139.      } 
    140. 
   
   
   
   
  140.      else { 
    141. 
   
   
   
   
  141.       whichEl.style.display   = 'none'; 
    142. 
   
   
   
   
  142.      } 
    143. 
   
   
   
   
  143.      } 
    144. 
   
   
   
   
  144.    
    145. 
   
   
   
   
  145. [/SCRIPT] 
    146. 
   
   
   
   
  146.  
    147. 
   
   
   
   
  147. el是对象的id，不管是tr或者table等等先设置一下id，然后进行调用。 
    148. 
   
   
   
   
  148.  
    149. 
   
   
   
   
  149. 例： 
    150. 
   
   
   
   
  150.  
    151. 
   
   
   
   
  151. [a onclick="expandIt('ttchild'); return false" href="#" ]try it[/a] 
    152. 
   
   
   
   
  152.  
    153. 
   
   
   
   
  153. [tr id="ttchild"][td width="18"]Example[/td][/tr] 
    154. 
   
   
   
   
  154.  
    155. 
   
   
   
   
  155. 使用时把[]变成<> 
    156. 
   
   
   
   
  156.  
    157. 
   
   
   
   
  157. javascript控制页面控件隐藏显示的两种方法 
    158. 
   
   
   
   
  158.  
    159. 
   
   
   
   
  159. javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 
    160. 
   
   
   
   
  160. 方法一： 
    161. 
   
   
   
   
  161. document.all["PanelSMS"].style.visibility="hidden";  
    162. 
   
   
   
   
  162. document.all["PanelSMS"].style.visibility="visible"; 
    163. 
   
   
   
   
  163. 方法二： 
    164. 
   
   
   
   
  164. document.all["PanelSMS"].style.display="none";  
    165. 
   
   
   
   
  165. document.all["PanelSMS"].style.display="inline"; 
    166. 
   
   
   
   
  166. 方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static 
    167. 
   
   
   
   
  167. 方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic 
    168. 
   
   
   
   
  168.  
    169. 
   
   
   
   
  169.  
    170. 
   
   
   
   
  170.  
    171. 
   
   
   
   
  171.  
    172. 
   
   
   
   
  172.  
    173. 
   
   
   
   
  173. ==================== 
    174. 
   
   
   
   
  174.  
    175. 
   
   
   
   
  175. 这个方法来我是从一个boblog模板上找到的，其实网络上也可以搜索到；只是网络上不看效果的转载让人难辩代码的错对和方便。用这个方法比用《给zblog再增3个功能：防刷、收缩侧栏、复制加版权》的效果要好，纯css隐藏div会刷新页面，但用js就不会了。 
    176. 
   
   
   
   
  176.  
    177. 
   
   
   
   
  177. 　　js代码如下，新建一个txt文件，复制进去，保存并修改文件后缀为js（例open.js）即可。我是把这个文件放在zblog的SCRIPT文件夹里，这里js比较多…… 
    178. 
   
   
   
   
  178.  
    179. 
   
   
   
   
  179.  程序代码function showhidediv(id){ 
    180. 
   
   
   
   
  180.    try{ 
    181. 
   
   
   
   
  181.      var sbtitle=document.getElementById(id); 
    182. 
   
   
   
   
  182.      if(sbtitle){ 
    183. 
   
   
   
   
  183.        if(sbtitle.style.display=='block'){ 
    184. 
   
   
   
   
  184.          sbtitle.style.display='none'; 
    185. 
   
   
   
   
  185.        }else{ 
    186. 
   
   
   
   
  186.          sbtitle.style.display='block'; 
    187. 
   
   
   
   
  187.        } 
    188. 
   
   
   
   
  188.      } 
    189. 
   
   
   
   
  189.    }catch(e){} 
    190.

 

你可能感兴趣的:(js,div,隐藏)

  • solidjs中实现vue中的keep-alive功能的总结 chrome-devtools
    在Solid.js中，虽然没有像Vue中keep-alive这样的直接API，但你可以使用类似的方式来保持组件的状态或避免组件的重复挂载。Solid.js中的组件本质上是基于反应式系统的，每个组件都在被销毁时自动清除其反应式状态。所以，如果你想模拟keep-alive的效果，可以使用以下几种方式：1.使用createEffect或createMemo保存状态你可以通过使用createEffect或
  • solidjs中实现vue中的keep-alive功能的方法 angular
    在Solid.js中，虽然没有像Vue中keep-alive这样的直接API，但你可以使用类似的方式来保持组件的状态或避免组件的重复挂载。Solid.js中的组件本质上是基于反应式系统的，每个组件都在被销毁时自动清除其反应式状态。所以，如果你想模拟keep-alive的效果，可以使用以下几种方式：1.使用createEffect或createMemo保存状态你可以通过使用createEffect或
  • 发送http请求 rust
    发起GET请求usereqwest::Client;usetokio;#[tokio::main]asyncfnmain()->Result>{//创建reqwest客户端letclient=Client::new();//发起GET请求letresponse=client.get("https://jsonplaceholder.typicode.com/posts/1").send().awa
  • JS宏实例：数据透视工具的制作（三） jackispy JS宏实例javascript前端java
    数据透视工具的制作（二）中详细展示了窗体设计思路及想要实现的功能，在本节中，将完成该工具中的核心计算代码，如分组求和、计数、累乘等的实现方式。在这里，我们可以构思两个类：TablePivot：主要用于管理数据矩阵，包括自动识别列数据类型，以及实现数据分组功能。GroupBy：对分组后的数据进行各种统计操作，例如求和、计数、求平均值等。一、TablePivot类1、示例代码classTablePiv
  • Node.js 中的 Event 模块详解 小灰灰学编程 Node.jsnode.js前端
    Node.js中的Event模块是实现事件驱动编程的核心模块。它基于观察者模式，允许对象（称为“事件发射器”）发布事件，而其他对象（称为“事件监听器”）可以订阅并响应这些事件。这种模式非常适合处理异步操作和事件驱动的场景。1.概念1.1事件驱动编程事件驱动编程是一种编程范式，程序的执行流程由事件（如用户输入、文件读取完成、网络请求响应等）决定。Node.js的核心设计理念就是基于事件驱动的非阻塞I
  • 想品客老师的第十三天：宏任务、微任务--js任务调度流程 Au_ust jsjavascript前端开发语言
    同步->微任务->宏任务->同步......定时器的任务是宏任务，无论等待时间短还是长，都先进行同步任务，进行同步任务的时候定时器正常计时，等到同步任务结束，宏任务被放到宏任务队列里，就可以直接执行定时器内的任务如果有两个定时器，在等完同步任务结束后，这两个定时器谁定的时间短，也就是计时的快，就先把谁放进宏任务队列里微任务的执行举个例子就是：例如这段代码会怎么输出setTimeout(()=>{ 
  • 2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽安全-黑客4148 安全web安全网络网络安全CTF
    目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15天）4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.
  • 2025年全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 白帽安全-黑客4148 网络安全web安全linux密码学CTF
    目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、SQL注入（7-8天）2、文件上传（7-8天）3、其他漏洞（14-15天）4.3、后期五、CTF学习资源5.1、CTF赛题复现平台5.
  • JavaScript的魔法世界：巧妙之处与实战技巧 skyksksksksks 综合个人杂记javascript开发语言html5css前端
    一、从浏览器玩具到全栈利器的蜕变之路JavaScript诞生于1995年，原本只是网景公司为浏览器设计的"小脚本"。谁能想到这个曾被戏称为"玩具语言"的家伙，如今已蜕变成支撑现代Web开发的擎天柱？就像一只破茧成蝶的幼虫，JavaScript经历了ECMAScript标准的持续进化，在Node.js的加持下突破了浏览器的桎梏，实现了从客户端到服务端的华丽转身。V8引擎的涡轮增压让它跑得比猎豹还快，
  • CCNP350-401学习笔记（351-400题） 殊彦_sy CCNP题库学习
    351、WhichnewenhancementwasimplementedinWi-Fi6?A.4096QuadratureAmplitudeModulationModeB.ChannelbondingC.Wi-FiProtectedAccess3D.UplinkandDownlinkOrthogonalFrequencyDivisionMultipleAccess352、HowdoesIGMPf
  • 自动化的抖音 luckycoke javascript开发语言ecmascript
    文件命名main.jsvaruiModule=require("ui_module.js");if(!auto.service){toast("请开启无障碍服务");auto.waitFor();}varisRunning=true;varswipeCount=0;vartargetSwipeCount=random(1,10);varwindow=uiModule.createUI();uiMo
  • React 渲染 Flash 接口数据 ox0080 #北漂+滴滴出行VIP激励Webreact.js前端前端框架
    1.后端Python代码使用Flask创建多个接口，每个接口返回不同的数据，并使用自定义装饰器来绑定路由。代码：#app.pyfromflaskimportFlask,jsonifyapp=Flask(__name__)defapi_route(route,methods=['GET']):"""自定义装饰器，用于将函数与HTTP路由绑定"""defdecorator(func):app.rout
  • cesium 加载本地json、GeoJson数据 前端熊猫 Cesiumjson前端
    GeoJSON是一种用于编码地理数据结构的格式{"type":"Feature","geometry":{"type":"Point","coordinates":[125.6,10.1]},"properties":{"name":"某地点"}}一、直接加载GeoJSON文件//方式1：通过GeoJsonDataSource加载viewer.dataSources.add(Cesium.GeoJ
  • js如何直接下载文件流 涔溪 jsjavascript前端开发语言
    在JavaScript中直接处理文件下载，尤其是在处理文件流的情况下，通常涉及到使用fetchAPI或者XMLHttpRequest来获取文件流，并通过创建一个临时的标签（锚点元素）触发下载。以下是使用fetchAPI的一个示例：fetch('你的文件URL',{method:'GET',headers:{//如果需要的话，可以在这里添加请求头}}).then(response=>response
  • 【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！ 网安詹姆斯 web安全CTF网络安全大赛pythonlinux
    【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache+php（4-5天）3、mysql（2-3天）4、python(2-3天)5、burpsuite（1-2天）4.2、中期1、S
  • C++ 设计模式-外观模式 ox0080 #北漂+滴滴出行C++设计模式VIP激励c++外观模式开发语言
    外观模式的定义外观模式是一种结构型设计模式，它通过提供一个简化的接口来隐藏系统的复杂性。外观模式的核心思想是：封装复杂子系统：将多个复杂的子系统或组件封装在一个统一的接口后面。提供简单接口：为客户端提供一个更简单、更易用的接口，而不需要客户端直接与复杂的子系统交互。外观模式就像一个“前台接待员”，客户端只需要与这个接待员打交道，而不需要了解后台复杂的运作机制。外观模式的核心思想简化接口外观模式通过
  • java进阶篇--生产环境如何排查bug和优化 JVM？ 爱分享的淘金达人 Java源码剖析(30讲)jvm优化jvm调优优化jvm生产环境优化jvm生产环境jvm优化
    通过前面几个课时的学习，相信你对JVM的理论及实践等相关知识有了一个大体的印象。而本课时将重点讲解JVM的排查与优化，这样就会对JVM的知识点有一个完整的认识，从而可以更好地应用于实际工作或者面试了。我们本课时的面试题是，生产环境如何排查问题？回答：如果是在生产环境中直接排查JVM的话，最简单的做法就是使用JDK自带的6个非常实用的命令行工具来排查。它们分别是：jps、jstat、jinfo、jm
  • 记录自己的日常总结与错误 快乐呆橘 mysqlgithubvisualstudiojavaandroid
    //1.解决VMware的方法：管理员身份运行cmd->输入netshwinsockreset->重启电脑同时也是windows修复网络问题的一种方法//2.解决spring中tx报错问题：在设置xmlcatalog时要把key改成http://www.springframework.org/schema/tx/spring-tx.xsd//3.解决jsp链接数据库中文乱码问题：首先在mysql端
  • vue3+vite 自动引入export default的包 大橙子- vue.js前端
    importautoImportfrom'unplugin-auto-import/vite';exportdefaultdefineConfig({plugins:[vue(),vueJsx(),autoImport({imports:['vue','vue-router','pinia',{//相当于importuseRouterStackStorefrom'@/store/modules/r
  • 前端框架虚拟DOM的产生 大橙子- 前端框架前端javascript
    直接说结论：为了找出与命令式(原生实现步骤)所执行代码的最小差异化，从而优化代码性能。命令式：可以理解为面向过程编程，需要写好每个实现步骤constdiv=document.querySelector('#app')//获取divdiv.innerText='helloworld'//设置文本内容如果需要修改文字内容为“你好”div.innerText='你好'//设置文本内容声明式：可以理解为面
  • C#的序列化[Serializable()] CoderIsArt C#c#开发语言
    [Serializable]是.NET框架中的一个特性（Attribute），用于标记一个类、结构体、枚举或委托可以被序列化。序列化是将对象的状态转换为可以存储或传输的格式（如二进制、XML或JSON）的过程，以便在需要时可以重新创建该对象。主要用途：持久化存储：将对象的状态保存到文件或数据库中，以便后续恢复。跨进程或跨机器传输：在分布式系统中，将对象通过网络传输到其他进程或机器。深拷贝对象：通过
  • ES6模块化(对比commonjs模块化) zvapour javascript
    ES6模块化common.js对比CommonJS运行时加载–>只有运行时才能得到这个对象(module.exports的对象)在第一次加载之后会被缓存，引入的是缓存中的值//若需要动态更新，使用gettercount=1;module.exports={getcount(){returncount;},plusCoun
  • uniapp邪门事件 岑梓铭 前端问题uni-app
    很久之前在这篇《THREEJS在uni-app中使用（微信小程序）》：THREEJS在uni-app中使用（微信小程序）_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入three.js的3d模型由于小程序自身很多不兼容原因，博主建议去用GitHub一个大佬改写的js库来引入适合小程序的three.js，于是我去照搬模仿，然后手动检查了一下，确实可以正常运行
  • vue3 + vite引入地址路径报错，以及无法点击跳转相应的文件 zmyalh 前端javascriptvue.js
    vue3+vite引入地址路径报错，以及无法点击跳转相应的文件在项目中找到tsconfig.json，或者jsconfig.json文件，使用一下代码替换即可。如果两个文件都不存在，如果项目使用了ts，就创建tsconfig.json文件，复制下方代码。如果不是使用的ts，就创建jsconfig.json文件，复制下方代码。配置完成后关掉软件重启！！！{"compilerOptions":{"ba
  • vue播放m3u8视频 zmyalh html视频video前端
    这里封装成组件先安装插件npmivue-video-player-S//版本"^5.0.2"npmivideojs-flash-S//播放rtmpnpmivideojs-contrib-hls-S//播放m3u8父页面：//传入视频地址videoUrl页面引入importvideosfrom"../../../components/videos/videos.vue";components:{vi
  • mongoDB 命令行操作 小胖_@ mongomongodb数据库命令行
    mongoDBmongo命令MongoDBshellversionv4.4.15usage:mongo[options][dbaddress][filenames(endingin.js)]dbaddresscanbe:foofoodatabaseonlocalmachine192.168.0.5/foofoodatabaseon192.168.0.5machine192.168.0.5:9999
  • Integrated Business Functions 后端
    Year2IntegratedBusinessFunctions(2025SpringTerm)Module6:FinancingforGrowthAssignment1(Individual)ThisisanINDIVIDUALassignment.Thisassignmentismarkedoutof100.Itisworth20marksofthetotalcoursescores(i.e.
  • CSS 修改 SVG图标的颜色 小达学徒 htmlcsssvg图标颜色改变
    方法1、利用filter中的drop-shadow给icon加样式(利用原图标的阴影区域，同时将原图标移动超过之前父元素范围)filter:drop-shadow(red80px0);transform:translateX(-80px);给父元素加样式（父元素超范围隐藏，正好把原图标的隐藏掉，显示阴影区域）overflow:hidden;filter的drop-shadow标准用法drop-sh
  • python ffmpeg直播_FFmpeg+Nginx+Rtmp+HLS+Videojs搭建直播网站（理论与实战） weixin_39565300 pythonffmpeg直播
    第1章直播原理与架构28分钟2节1-1直播原理与架构直播原理与架构「仅限付费用户」点击下载“直播原理与架构.pdf”[14:53]开始学习1-2甜点：福优学苑--简历包装与面试技巧甜点：福优学苑--简历包装与面试技巧「仅限付费用户」点击下载“福优学苑--简历包装与面试技巧--51other.pdf”[13:36]开始学习第2章亲手搭建FFmpeg+Nginx直播网站1小时48分钟11节2-1直播引
  • MongoDB：掌握核心常用命令语句，精通数据操作 泰山AI 数据库技术Docker入门到精通mongodb数据库
    标题：MongoDB：掌握核心命令，精通数据操作前言：MongoDB是一种非关系型数据库，以文档为中心，使用JSON格式的BSON来存储数据。它具有高可用性、高性能和易于扩展的特点，被广泛应用于各种规模的项目中。本文将详细介绍MongoDB的常用命令，帮助你更好地理解和掌握MongoDB的数据操作。一、连接与断开数据库要开始使用MongoDB，首先需要连接到数据库。在命令行中输入以下命令：mong
  • 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其他