huxiaoqi567
huxiaoqi567

jquery调整大小(resizable)

 看着jquery的大小收缩，自己也尝试写了一个，其实就是增加了三个div来控制大小。

效果图效果图

  
  
  
  
    
   
   
   
   
  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. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    5. 
   
   
   
   
  5. <title>resizable</title> 
    6. 
   
   
   
   
  6. <style type="text/css"> 
    7. 
   
   
   
   
  7. body{    
    8. 
   
   
   
   
  8.   -moz-user-focus:ignore;    
    9. 
   
   
   
   
  9.   -moz-user-input:disabled;    
    10. 
   
   
   
   
  10.   -moz-user-select:none;    
    11. 
   
   
   
   
  11. }      
    12. 
   
   
   
   
  12. .ui-resizable-bd{ 
    13. 
   
   
   
   
  13.     background:none; 
    14. 
   
   
   
   
  14.     position: absolute; 
    15. 
   
   
   
   
  15.     z-index: 1000; 
    16. 
   
   
   
   
  16. } 
    17. 
   
   
   
   
  17. .ui-resizable-bd-east{ 
    18. 
   
   
   
   
  18.     cursor: e-resize; 
    19. 
   
   
   
   
  19. } 
    20. 
   
   
   
   
  20. .ui-resizable-bd-south{ 
    21. 
   
   
   
   
  21.     cursor: s-resize; 
    22. 
   
   
   
   
  22. } 
    23. 
   
   
   
   
  23. .ui-resizable-bd-corner{ 
    24. 
   
   
   
   
  24.     width:16px; 
    25. 
   
   
   
   
  25.     height:16px; 
    26. 
   
   
   
   
  26.     cursor: nw-resize; 
    27. 
   
   
   
   
  27. /*  右下角小图标 */ 
    28. 
   
   
   
   
  28.     background: url(images/resizable.JPG) no-repeat;  
    29. 
   
   
   
   
  29. } 
    30. 
   
   
   
   
  30. </style> 
    31. 
   
   
   
   
  31. </head> 
    32. 
   
   
   
   
  32. <body> 
    33. 
   
   
   
   
  33. <div style='width:960px;height:600px;margin: 0px auto;'> 
    34. 
   
   
   
   
  34.     <div id='demo' style='width:200px;height:200px;border: 1px solid;margin: 0px auto;'> 
    35. 
   
   
   
   
  35.          
    36. 
   
   
   
   
  36.     </div> 
    37. 
   
   
   
   
  37. </div> 
    38. 
   
   
   
   
  38. <script type="text/javascript" src='http://code.jquery.com/jquery-latest.min.js'></script>  
    39. 
   
   
   
   
  39. <script type="text/javascript"> 
    40. 
   
   
   
   
  40. /** 
    41. 
   
   
   
   
  41.  * jquery resizable 
    42. 
   
   
   
   
  42.  * @author huxiaoqi 
    43. 
   
   
   
   
  43.  */ 
    44. 
   
   
   
   
  44. (function($){ 
    45. 
   
   
   
   
  45.     $.fn.resizable = function(cfg){ 
    46. 
   
   
   
   
  46.         var self = $(this); 
    47. 
   
   
   
   
  47.         var BD_E = $("<div class='ui-resizable-bd ui-resizable-bd-east'></div>"); 
    48. 
   
   
   
   
  48.         var BD_S = $("<div class='ui-resizable-bd ui-resizable-bd-south'></div>"); 
    49. 
   
   
   
   
  49.         var BD_SE = $("<div class='ui-resizable-bd ui-resizable-bd-corner'></div>"); 
    50. 
   
   
   
   
  50.         var WIDTH = self.width(); 
    51. 
   
   
   
   
  51.         var HEIGHT = self.height(); 
    52. 
   
   
   
   
  52.         var pos = self.offset(); 
    53. 
   
   
   
   
  53.         var BD_WIDTH = 3;   //default border width 
    54. 
   
   
   
   
  54.         var documentObj = $(document); 
    55. 
   
   
   
   
  55.         var bodyObj = $('body',documentObj); 
    56. 
   
   
   
   
  56.         /* 
    57. 
   
   
   
   
  57.          * 定义缩放最小值 
    58. 
   
   
   
   
  58.          */ 
    59. 
   
   
   
   
  59.         var _default = {                     
    60. 
   
   
   
   
  60.                             minwidth:50, 
    61. 
   
   
   
   
  61.                             minheight:50 
    62. 
   
   
   
   
  62.                         }; 
    63. 
   
   
   
   
  63.         var config = $.extend({},_default,cfg); 
    64. 
   
   
   
   
  64.         //放入节点 
    65. 
   
   
   
   
  65.         BD_E.insertAfter(self); 
    66. 
   
   
   
   
  66.         BD_S.insertAfter(self); 
    67. 
   
   
   
   
  67.         BD_SE.insertAfter(self); 
    68. 
   
   
   
   
  68.         setBDPos(WIDTH, HEIGHT, pos.left, pos.top); 
    69. 
   
   
   
   
  69.         documentObj.bind({ 
    70. 
   
   
   
   
  70.             'mousedown':function(e){ 
    71. 
   
   
   
   
  71.                 if(isBD(e.target)){ 
    72. 
   
   
   
   
  72.                     var currentTarget = e.target; 
    73. 
   
   
   
   
  73.                     var className = currentTarget.className; 
    74. 
   
   
   
   
  74.                     documentObj.bind('mousemove',function(e){ 
    75. 
   
   
   
   
  75.                         pos = self.offset(); 
    76. 
   
   
   
   
  76.                         WIDTH = self.width(); 
    77. 
   
   
   
   
  77.                         HEIGHT = self.height(); 
    78. 
   
   
   
   
  78.                         var width = e.pageX - pos.left; 
    79. 
   
   
   
   
  79.                         var height = e.pageY - pos.top; 
    80. 
   
   
   
   
  80.                         if(className.indexOf('bd-east') != -1){ 
    81. 
   
   
   
   
  81.                             /* 
    82. 
   
   
   
   
  82.                              * east border 
    83. 
   
   
   
   
  83.                              */                          
    84. 
   
   
   
   
  84.                             if(width > config.minwidth ){ 
    85. 
   
   
   
   
  85.                                 self.width(width); 
    86. 
   
   
   
   
  86.                                 setBDPos(width, HEIGHT, pos.left, pos.top); 
    87. 
   
   
   
   
  87.                             } 
    88. 
   
   
   
   
  88.                             bodyObj.css('cursor','e-resize'); 
    89. 
   
   
   
   
  89.                         } 
    90. 
   
   
   
   
  90.                         else if(className.indexOf('bd-south') != -1){ 
    91. 
   
   
   
   
  91.                             /* 
    92. 
   
   
   
   
  92.                              * south border 
    93. 
   
   
   
   
  93.                              */ 
    94. 
   
   
   
   
  94.                             if(height > config.minheight ){ 
    95. 
   
   
   
   
  95.                                 self.height(height); 
    96. 
   
   
   
   
  96.                                 setBDPos(WIDTH, height, pos.left, pos.top); 
    97. 
   
   
   
   
  97.                             } 
    98. 
   
   
   
   
  98.                             bodyObj.css('cursor','s-resize'); 
    99. 
   
   
   
   
  99.                         } 
    100. 
   
   
   
   
  100.                         else if(className.indexOf('bd-corner') != -1){ 
    101. 
   
   
   
   
  101.                             /* 
    102. 
   
   
   
   
  102.                              * south-east border 
    103. 
   
   
   
   
  103.                              */ 
    104. 
   
   
   
   
  104.                             if(width > config.minwidth && height > config.minheight){ 
    105. 
   
   
   
   
  105.                                 self.width(width); 
    106. 
   
   
   
   
  106.                                 self.height(height); 
    107. 
   
   
   
   
  107.                                 setBDPos(width, height, pos.left, pos.top); 
    108. 
   
   
   
   
  108.                             } 
    109. 
   
   
   
   
  109.                             bodyObj.css('cursor','se-resize'); 
    110. 
   
   
   
   
  110.                         } 
    111. 
   
   
   
   
  111.                     }); 
    112. 
   
   
   
   
  112.                 } 
    113. 
   
   
   
   
  113.             }, 
    114. 
   
   
   
   
  114.             'mouseup':function(e){ 
    115. 
   
   
   
   
  115.                 documentObj.unbind('mousemove'); 
    116. 
   
   
   
   
  116.                 bodyObj.css('cursor','default'); 
    117. 
   
   
   
   
  117.             } 
    118. 
   
   
   
   
  118.         }); 
    119. 
   
   
   
   
  119.          
    120. 
   
   
   
   
  120.         //get border position 
    121. 
   
   
   
   
  121.         function setBDPos(w,h,l,t){ 
    122. 
   
   
   
   
  122.             BD_E.css({'width':BD_WIDTH,'height':h,'left':l+w,'top':t}); 
    123. 
   
   
   
   
  123.             BD_S.css({'width':w,'height':BD_WIDTH,'top':t+h,'left':l}); 
    124. 
   
   
   
   
  124.             BD_SE.css({'left':l+w-BD_SE.width(),'top':t+h-BD_SE.height()}); 
    125. 
   
   
   
   
  125.         }; 
    126. 
   
   
   
   
  126.         //justify target is border ? 
    127. 
   
   
   
   
  127.         function isBD(target){       
    128. 
   
   
   
   
  128.             if(target && target.className){ 
    129. 
   
   
   
   
  129.                 return target.className.indexOf('ui-resizable-bd') != -1; 
    130. 
   
   
   
   
  130.             }    
    131. 
   
   
   
   
  131.             return false; 
    132. 
   
   
   
   
  132.         } 
    133. 
   
   
   
   
  133.     }; 
    134. 
   
   
   
   
  134. })(jQuery); 
    135. 
   
   
   
   
  135. </script> 
    136. 
   
   
   
   
  136. <script type="text/javascript"> 
    137. 
   
   
   
   
  137. $('#demo').resizable(); 
    138. 
   
   
   
   
  138. </script> 
    139. 
   
   
   
   
  139. </body> 
    140. 
   
   
   
   
  140. </html> 
    141.

 

你可能感兴趣的:(jquery调整大小(resizable))

  • Unity3D如何优化物理模拟？ Clank的游戏栈 unity游戏引擎
    在Unity3D中优化物理模拟可以显著提高游戏的性能和稳定性。以下是一些常见的优化策略：1.调整物理引擎设置物理时间步长（PhysicsTimeStep）：这是物理引擎每次更新的时间间隔。较小的值可以提高物理模拟的精度，但会增加CPU开销。根据游戏需求调整此值。最大碰撞检测次数（MaxSolverIterations）：这是物理引擎在每次更新中解决碰撞和力的最大迭代次数。增加此值可以提高物理模拟的
  • 有没有办法可以在不升级或降级NDK版本的情况下解决兼容性问题？ 遥不可及zzz NDK
    在不升级或降级NDK版本的情况下，可尝试通过以下方法解决兼容性问题：调整项目配置检查并修改Gradle配置调整编译选项：在项目的build.gradle文件中，尝试调整一些编译选项，使其适应现有的NDK版本。例如，修改externalNativeBuild块中的配置，指定使用的CMake或ndk-build版本。android{externalNativeBuild{cmake{//指定CMake
  • SQL Server 2022 常见问题解答 zhu1996zhu 数据库sqlserver性能优化
    一、安装与配置1.SQLServer2022对硬件和软件有哪些要求？硬件要求处理器：最低要求为1.4GHz64位处理器，建议使用2.0GHz或更快的处理器，以获得更好的性能。内存：对于开发和测试环境，至少需要1GB内存；而对于生产环境，建议4GB或更多，具体取决于数据库的大小和并发用户数量。硬盘空间：安装程序至少需要6GB的可用硬盘空间，此外，还需要为数据库文件预留足够的空间。软件要求操作系统：支
  • CSS知识点总结 CSS3-02美化网页元素 码上来源码 前端html5
    css02HTML中引入CSS样式一，样式的调整1.字体样式2.文本样式3.超连接样式4.列表样式5.背景样式6.内核一，样式的调整标签的作用能让某几个文字或者某个词语凸显出来1.字体样式属性名含义举例font-family设置字体类型font-family:“隶书”;font-size设置字体大小font-size:12px;font-style设置字体风格font-style:italic;f
  • 数字化转型与可持续发展：现代企业战略管理的新趋势 项目开发
    战略管理方法是指企业在制定、实施和评估战略过程中所采用的具体步骤和框架。以下是一些常见的战略管理方法：1.经典战略管理方法步骤：○环境分析：通过SWOT、PEST等工具分析内外环境。○战略制定：确定使命、愿景、目标，并选择适合的战略。○战略实施：制定行动计划，分配资源，调整组织结构。○战略评估：通过KPI、平衡计分卡等工具监控和调整战略。2.资源基础观（RBV）●核心：企业通过独特的资源和能力获取
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_09自定义单元格的固定表头表格 宝码香车 #DeepSeekjavascript开发语言ecmascript前端vue.jsDeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_09自定义单元格的固定表头表格页面效果组件代码\src\views\TableView14_09.vue代码测试测试代码正常跑通，附其他基本
  • CSS之盒子模型 爱爬山的老虎 前端学习csscss3前端
    盒子模型content（内容区域）只对内容区域有改变.box{width:200px;height:100px;background-color:lightblue;}padding（内边距）padding用于扩展内容区域的间距，不会影响margin但会增加盒子大小.box{padding:20px;}padding:10px;/*上右下左都10px*/padding:10px20px;/*上下1
  • JVM内存02-新生代和老年代介绍： 菜鸟老文 计算机大基础JavaSEjvmjavalinux
    1，新生代和老年代默认比例分配：JVM中新生代和老年代的比例大小是可以通过参数进行调整的。默认情况下，新生代和老年代的比例是1:2，也就是新生代占整个堆空间的1/3，老年代占整个堆空间的2/3。可以使用JVM参数-XX:NewRatio=来调整新生代和老年代的比例。其中，表示老年代和新生代的比例，比如设置-XX:NewRatio=2，表示老年代占整个堆空间的2/(2+1)=2/3，新生代占整个堆空
  • 【ComfyUI】相似画绘制工作流教程 技术小甜甜 AI探索者-图片与视频生成人工智能计算机视觉深度学习AI绘图ComfyUI
    ComfyUI是一款强大的可视化AI生成工具，可以通过工作流的方式自定义图像生成过程。在本教程中，我们将介绍如何使用ComfyUI构建相似画绘制工作流，用于生成基本一致但细节略有变化的图片，例如改变表情、光线、角度等微调内容。1.相似画绘制的应用场景与心得在AI绘图过程中，通常希望生成一系列相似的图像，例如：表情变化（如从微笑变成惊讶）光照变化（如日光到黄昏光照）细节调整（如帽子、头发飘动等）相似
  • iframe 预览pdf时 设置不显示工具栏 菜单里 全屏适应元素 我家媳妇儿萌哒哒 vuehtmlpdf
    实际项目中可能用到的操作有：放大两倍隐藏工具栏隐藏滚动条等配置Zoom（缩放）:#zoom=scale:设置缩放级别，scale是一个百分比值。例如，#zoom=150表示将文件放大至150%。页面导航:#page=page_number:指定PDF文件打开时显示的页面。例如，#page=3表示打开时跳转至第三页。查看模式:#view=Fit:将文档调整为适应屏幕。#view=FitH:将文档调整
  • 机器学习与深度学习4：数据集处理Dataset，DataLoader，batch_size 爱打代码的小高 深度学习人工智能
    深度学习中，我们能看到别人的代码中都有一个继承Dataset类的数据集处理过程，这也是深度学习处理数据集的的基础，下面介绍这个数据集的定义和使用：1、数据集加载1.1通用的定义Bach：表示每次喂给模型的数据Epoch：表示训练一次完整数据集数据的过程解释：当一个数据集的大小为10时，设定batch大小为5，那么这个数据就会分为2份，每份大小为5，依次投入到模型中进行训练。训练完所有数据后，就叫做
  • vue3+element-plus 基于el-upload二次封装的ProUploadImg图片上传组件 烦恼886 组件封装vue.js前端javascriptelementui前端框架
    ProUploadImg图片上传组件实现效果图片预览效果组件介绍ProUploadImg是一个基于ElementPlus封装的图片上传组件，提供了图片预览、删除、大小限制、尺寸限制等功能。该组件支持单图和多图上传，并且提供了丰富的配置选项。功能特点支持单图/多图上传支持图片预览支持图片删除支持文件类型限制支持文件大小限制支持图片尺寸限制支持自定义上传提示支持禁用状态支持自定义提示信息代码实现/**
  • 前端工程化开篇 前端_yu小白 前端工程化前端工程化
    前端发展史梳理：最早的html，css，js是前端三剑客，足以实现所有的前端开发任务，但是呢，一个简单的前端交互效果可能就需要一大堆的代码去实现。后来呢，有了前端库jQuery，他可以使前端的dom操作编写较为简单的代码，提升了前端开发效率。但是随着技术的发展，jquery的弊端逐渐显现。频繁的操作dom使页面性能很差，且jquery不支持原生的模块化开发，无法适应前端发展的需要。再后来，有了vu
  • 原型验证后客户推翻原有需求，如何止损 需求管理
    原型验证后客户推翻原有需求时止损的有效方法包括：迅速评估影响范围、立即开展沟通确认、调整项目计划和资源配置、更新变更管理流程、协商成本分担机制。其中，迅速评估影响范围是关键，项目团队必须立即明确此次变更的具体影响，包括对项目进度、成本及资源的潜在风险，从而制定相应止损措施，避免损失进一步扩大。一、迅速评估影响范围，锁定止损重点客户在原型验证后推翻原需求，往往意味着项目初期的资源投入面临浪费风险。因
  • 3天上架变天！亚马逊新规曝光，跟卖卖家账号恐不保？速看对策！ 跨境卫士-小汪 经验分享
    近期，亚马逊针对跟卖政策的调整在跨境圈引发热议。许多卖家发现，自己新上的跟卖链接在短短3天内就被系统移除，甚至有部分卖家收到警告邮件，账号健康状况亮起黄灯。面对这次变动，跟卖卖家该如何应对？是否意味着亚马逊要彻底封杀跟卖？今天，我们就来深入解析亚马逊新规的影响，并给出实用的解决方案。1.亚马逊新规到底调整了什么？这次的调整，实际上亚马逊并未明确在公告中提及，但大量卖家的真实反馈显示，新上的跟卖链接
  • axure 侧滑抽屉式菜单_AxureRP教程 泽善党 axure侧滑抽屉式菜单
    前面介绍的《AxureRP教程–自适应菜单效果》里的自适应菜单，其实也可以叫做抽屉式菜单，皆因其可展开可收缩，类似抽屉的开关，不过自适应菜单有空间大小的显示，这里介绍的则没有大小限制，完全取决于菜单项的多少。抽屉式菜单网上也有很多朋友尝试制作过，在这里我自己也尝试了一下，做了一个三级菜单的抽屉式效果。抽屉式菜单应用的比较广，一般常见于左侧的导航式菜单。本例的实现原理是用一个动态面板来控制一级菜单，
  • 【M32】单片机 xxx.map 文件简单解读 西西洛 单片机单片机嵌入式硬件
    文章目录1.总览2.重点交流1.总览xxx.map由五个部分组成，分别是：各部分说明SectionCrossReferences节区跨文件引用RemovingUnusedinputsectionsfromtheimage删除无用节区ImageSymbolTable符号映像表MemoryMapoftheimage存储器映像索引Imagecomponentsizes映像组件大小2.重点比较重要的是后面
  • 如何根据目标网站调整Python爬虫的延迟时间？ 小白学大数据 pythonpython爬虫开发语言
    一、为什么需要调整爬虫的延迟时间？1.反爬虫机制的挑战大多数网站（尤其是电商平台如淘宝）都部署了反爬虫机制，用于检测异常的访问行为。如果爬虫的请求频率过高，可能会触发以下反制措施：IP封禁：短时间内大量请求会导致IP被封禁。验证码：频繁访问可能会触发验证码，增加抓取难度。限流：服务器可能会限制单个IP的请求速率。2.延迟时间的作用通过合理设置延迟时间，可以模拟人类用户的访问行为，降低被检测到的概率
  • 【OpenPose常用命令】Linux系统中运行openpose的常用命令 却道海棠 linux运维服务器
    文章目录OpenPose简介OpenPose中一些重要的参数及其功能[模型训练与优化][网络结构的作用]OpenPose使用的网络结构【*pose_pairs】【工作原理示例】【*置信度】【置信度的决定方式】【置信度的大小及其影响】【热图峰值】【在OpenPose中的应用】【示例】[默认设置和修改方式示例]1.`net_resolution`:网络分辨率2.`number_people_max`:
  • jQuery Autocomplete 揭秘：从原理到实践 lsx202406 开发语言
    jQueryAutocomplete揭秘：从原理到实践引言随着互联网的快速发展，用户对于网页交互体验的要求越来越高。为了提高用户体验，许多网页都采用了自动补全（Autocomplete）功能。jQueryAutocomplete是一款流行的JavaScript库，它可以帮助开发者轻松实现自动补全功能。本文将深入探讨jQueryAutocomplete的原理、使用方法以及在实际项目中的应用。jQue
  • SpringBoot实现TB级文件分片上传架构实践 Q谈技术 Java设计模式java服务器后端分布式中间件nio
    #业务背景在AI模型生产平台中，文件存储场景包含图片、模型文件（.pt/.h5）、训练数据、用户数据集（CSV/ZIP）、标注数据集（COCO格式）等多样化类型。其中模型文件平均大小达20-50GB，原始数据集经压缩后普遍超过100GB。传统单文件上传方案存在以下痛点：1.HTTP超时导致上传失败率高达35%2.网络波动造成重复传输浪费带宽3.服务端内存溢出风险（单文件加载消耗2GB+内存）4.断
  • ElasticSearch常用优化点 清风1981 elasticsearch大数据搜索引擎
    关闭交换分区：因为Linux采用了三级页表虚存管理，关闭交换分区可以减少系统IO，页面换入唤出时所耗费的总线时间以及减少系统中断次数；swap的使用会显著增加延迟和降低吞吐量。文件描述符配置：任何网络应用都需要增加文件描述符的数量，默认进程的文件描述符是1024.我们进行网络IO，打开文件，管道，内存映射等操作都需要文件描述符资源；一般调整到65532；JVM内存设置:max(节点系统内存/2，3
  • java netty 解析c++ 发送message的包，所遇到的问题 qq_25672593 javaNettyMessageDecoderjavanettyMessageDecoder
    使用的netty框架解析所遇到的问题：一：发送过来的message消息有大小端的问题二：拆包和粘包的问题解决方式：一：大小端解决/***将int转为低字节在前，高字节在后的byte数组*@paramnint*@returnbyte[]*/publicstaticbyte[]toLH(intn){byte[]b=newbyte[4];b[0]=(byte)(n&0xff);b[1]=(byte)(n
  • 计算机网络的分类——按照按拓扑结构分类 『六哥』 计算机基础计算机安全（网络病毒）计算机网络网络
    计算机的拓扑结构是引用拓扑学中研究和大小、形状无关的点、线关系的方法，将网络中的计算机和通信设备抽象为一个点，把传输介质抽象成一条线，由点和线组成的几何图形就是计算机网络的拓扑结构。计算机网络的拓扑结构主要由通信子网决定，可分为：总线型拓扑、星型拓扑、环型拓扑、树型拓扑、网状型拓扑、混合型拓扑。总线型拓扑总线型拓扑所有设备都连接在一条总线上，数据沿着总线进行传输，任何设备发送的数据都能被总线上的其
  • 工单分类总结 Trank-Lw 分类数据挖掘人工智能
    微调BERT-base模型，构建层次化分类器，Top-3准确率达97.2%，并自动识别出问题的关键类别1.具体微调的BERT-base模型是什么模型？BERT-base模型是一个预训练的Transformer模型，包含12个Transformer块、12个自注意头和隐藏大小为768。该模型在大规模文本数据上进行了预训练，能够捕捉文本的上下文信息和语义特征。2.如何微调的，微调步骤？微调BERT-b
  • docker镜像命令 一叶知秋856 docker运维容器
    1、dockerimages查看镜像#dockerimagesREPOSITORYTAGIMAGEIDCREATEDSIZE#解释REPOSITORY镜像的仓库源TAG镜像标签IMAGEID镜像idCREATED镜像的创建时间SIZE镜像的大小#可选项Options:-a,--all#列出所有镜像-q,--quiet#只显示镜像id2、dockersearch搜索镜像#dockersearchmy
  • 如何将Excel中的多个单元格的相对引用替换为绝对引用 知识小报童 Excel小技巧excel数据分析
    需求场景在Excel表中，每周更新最新的发布情况，插入到固定位置。因此，需要保证插入新行后，表中的公式使用绝对引用。现在，表中有多个单元格使用的是相对引用，需要全部替换为绝对引用解决方案1、逐一修改选中要调整的单元格，光标移到引用的位置上，按键盘F4可调整引用方式。2、VBA宏整体替换按下Alt+F11打开VBA编辑器。在VBA编辑器中，插入一个新的模块（右键点击任意项目，选择"插入"->"模块"
  • 基于变分推理与 Best‑of‑N 策略的元 Prompt 自动生成与优化框架 由数入道 提示词工程提示词人工智能
    摘要本文提出了一种融合变分推理与Best‑of‑N策略的元Prompt自动生成与优化框架，通过高度参数化的模板、随机扰动采样及多指标评分机制，实现从初始提示生成到最终输出的动态优化。同时，针对实际应用中对自适应参数调整、深层语义理解、多模态融合、用户反馈闭环等需求，文章在未来扩展方向中提出了详细建议，并在代码中预留了相应接口。实验评估与讨论表明，该框架具备较高的灵活性、扩展性和实用性，为自然语言生
  • 【k8s部署elasticsearch】k8s环境下安装elasticsearch集群和kibana 汪碧康 kuberneteselasticsearchkibanakuberneteselasticsearchkibanak8sdocker
    文章目录简介一.条件及环境说明二.需求说明三.实现原理及说明四.详细步骤4.1.规划节点标签4.2.创建三个statefulset和serviceheadless配置4.3.创建service配置五.安装kibana六.调整索引分区七.安装说明简介k8s集群中搭建有elasticsearch服务一般都会用到pvc，但是考虑到有些自建k8s环境下，搭建的共享存储可能会存在稳定性及性能问题，所以这次是
  • 【transformer理论+实战（三）】必要的 Pytorch 知识 造夢先森 AI大模型transformerpytorch深度学习
    【Transformer理论+实战（三）】必要的Pytorch知识【Transformer理论+实战（二）】Lora本地微调实战--deepseek-r1蒸馏模型【Transformer理论+实战（一）】Transformer&LLaMA&Lora介绍文章目录Pytorch基础张量(Tensor)拼接与拆分调整形状索引与切片降维与升维张量计算Pytorch由Facebook人工智能研究院于2017
  • 桌面上有多个球在同时运动，怎么实现球之间不交叉，即碰撞？ 换个号韩国红果果 html小球碰撞
    稍微想了一下，然后解决了很多bug，最后终于把它实现了。其实原理很简单。在每改变一个小球的x y坐标后，遍历整个在dom树中的其他小球，看一下它们与当前小球的距离是否小于球半径的两倍？若小于说明下一次绘制该小球（设为a）前要把他的方向变为原来相反方向（与a要碰撞的小球设为b），即假如当前小球的距离小于球半径的两倍的话，马上改变当前小球方向。那么下一次绘制也是先绘制b，再绘制a，由于a的方向已经改变
  • 《高性能HTML5》读后整理的Web性能优化内容 白糖_ html5
    读后感         先说说《高性能HTML5》这本书的读后感吧，个人觉得这本书前两章跟书的标题完全搭不上关系，或者说只能算是讲解了“高性能”这三个字，HTML5完全不见踪影。个人觉得作者应该首先把HTML5的大菜拿出来讲一讲，再去分析性能优化的内容，这样才会有吸引力。因为只是在线试读，没有机会看后面的内容，所以不胡乱评价了。  
  • [JShop]Spring MVC的RequestContextHolder使用误区 dinguangx jeeshop商城系统jshop电商系统
        在spring mvc中，为了随时都能取到当前请求的request对象，可以通过RequestContextHolder的静态方法getRequestAttributes()获取Request相关的变量，如request, response等。         在jshop中，对RequestContextHolder的
  • 算法之时间复杂度 周凡杨 java算法时间复杂度效率
          在 计算机科学 中， 算法 的时间复杂度是一个 函数 ，它定量描述了该算法的运行时间。这是一个关于代表算法输入值的 字符串 的长度的函数。时间复杂度常用 大O符号 表述，不包括这个函数的低阶项和首项系数。使用这种方式时，时间复杂度可被称为是 渐近 的，它考察当输入值大小趋近无穷时的情况。 这样用大写O()来体现算法时间复杂度的记法，
  • Java事务处理 g21121 java
    一、什么是Java事务 通常的观念认为，事务仅与数据库相关。 事务必须服从ISO/IEC所制定的ACID原则。ACID是原子性（atomicity）、一致性（consistency）、隔离性（isolation）和持久性（durability）的缩写。事务的原子性表示事务执行过程中的任何失败都将导致事务所做的任何修改失效。一致性表示当事务执行失败时，所有被该事务影响的数据都应该恢复到事务执行前的状
  • Linux awk命令详解 510888780 linux
    一.  AWK 说明   awk是一种编程语言，用于在linux/unix下对文本和数据进行处理。数据可以来自标准输入、一个或多个文件，或其它命令的输出。它支持用户自定义函数和动态正则表达式等先进功能，是linux/unix下的一个强大编程工具。它在命令行中使用，但更多是作为脚本来使用。    awk的处理文本和数据的方式：它逐行扫描文件，从第一行到
  • android permission 布衣凌宇 Permission
    <uses-permission android:name="android.permission.ACCESS_CHECKIN_PROPERTIES" ></uses-permission>允许读写访问"properties"表在checkin数据库中，改值可以修改上传 <uses-permission android:na
  • Oracle和谷歌Java Android官司将推迟 aijuans javaoracle
    北京时间 10 月 7 日，据国外媒体报道，Oracle 和谷歌之间一场等待已久的官司可能会推迟至 10 月 17 日以后进行，这场官司的内容是 Android 操作系统所谓的 Java 专利权之争。本案法官 William Alsup 称根据专利权专家 Florian Mueller 的预测，谷歌 Oracle 案很可能会被推迟。　　该案中的第二波辩护被安排在 10 月 17 日出庭，从目前看来
  • linux shell 常用命令 antlove linuxshellcommand
    grep [options] [regex] [files] /var/root # grep -n "o" * hello.c:1:/* This C source can be compiled with:
  • Java解析XML配置数据库连接(DOM技术连接 SAX技术连接) 百合不是茶 sax技术Java解析xml文档dom技术XML配置数据库连接
        XML配置数据库文件的连接其实是个很简单的问题,为什么到现在才写出来主要是昨天在网上看了别人写的,然后一直陷入其中,最后发现不能自拔 所以今天决定自己完成 ,,,,现将代码与思路贴出来供大家一起学习   XML配置数据库的连接主要技术点的博客; JDBC编程 : JDBC连接数据库 DOM解析XML:  DOM解析XML文件 SA
  • underscore.js 学习（二） bijian1013 JavaScriptunderscore
            Array Functions 所有数组函数对参数对象一样适用。1.first   _.first(array, [n])   别名: head, take       返回array的第一个元素，设置了参数n，就
  • plSql介绍 bijian1013 oracle数据库plsql
    /* * PL/SQL 程序设计学习笔记 * 学习plSql介绍.pdf * 时间：2010-10-05 */ --创建DEPT表 create table DEPT ( DEPTNO NUMBER(10), DNAME NVARCHAR2(255), LOC NVARCHAR2(255) ) delete dept; select
  • 【Nginx一】Nginx安装与总体介绍 bit1129 nginx
    启动、停止、重新加载Nginx nginx 启动Nginx服务器，不需要任何参数u nginx -s stop 快速(强制)关系Nginx服务器 nginx -s quit 优雅的关闭Nginx服务器 nginx -s reload 重新加载Nginx服务器的配置文件 nginx -s reopen 重新打开Nginx日志文件  
  • spring mvc开发中浏览器兼容的奇怪问题 bitray jqueryAjaxspringMVC浏览器上传文件
        最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件.     在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquer
  • Lua的io库函数列表 ronin47 lua io
    1、io表调用方式：使用io表，io.open将返回指定文件的描述，并且所有的操作将围绕这个文件描述 　　io表同样提供三种预定义的文件描述io.stdin,io.stdout,io.stderr 　　2、文件句柄直接调用方式,即使用file:XXX()函数方式进行操作,其中file为io.open()返回的文件句柄 　　多数I/O函数调用失败时返回nil加错误信息,有些函数成功时返回nil
  • java-26-左旋转字符串 bylijinnan java
    public class LeftRotateString { /** * Q 26 左旋转字符串 * 题目：定义字符串的左旋转操作：把字符串前面的若干个字符移动到字符串的尾部。 * 如把字符串abcdef左旋转2位得到字符串cdefab。 * 请实现字符串左旋转的函数。要求时间对长度为n的字符串操作的复杂度为O(n)，辅助内存为O(1)。 */ pu
  • 《vi中的替换艺术》-linux命令五分钟系列之十一 cfyme linux命令
    vi方面的内容不知道分类到哪里好，就放到《Linux命令五分钟系列》里吧！ 今天编程，关于栈的一个小例子，其间我需要把”S.”替换为”S->”(替换不包括双引号)。 其实这个不难，不过我觉得应该总结一下vi里的替换技术了，以备以后查阅。   1 所有替换方案都要在冒号“:”状态下书写。 2 如果想将abc替换为xyz，那么就这样 :s/abc/xyz/ 不过要特别
  • [轨道与计算]新的并行计算架构 comsci 并行计算
         我在进行流程引擎循环反馈试验的过程中，发现一个有趣的事情。。。如果我们在流程图的每个节点中嵌入一个双向循环代码段，而整个流程中又充满着很多并行路由，每个并行路由中又包含着一些并行节点，那么当整个流程图开始循环反馈过程的时候，这个流程图的运行过程是否变成一个并行计算的架构呢？      
  • 重复执行某段代码 dai_lm android
    用handler就可以了 private Handler handler = new Handler(); private Runnable runnable = new Runnable() { public void run() { update(); handler.postDelayed(this, 5000); } }; 开始计时 h
  • Java实现堆栈（list实现） datageek 数据结构——堆栈
    public interface IStack<T> { //元素出栈，并返回出栈元素 public T pop(); //元素入栈 public void push(T element); //获取栈顶元素 public T peek(); //判断栈是否为空 public boolean isEmpty
  • 四大备份MySql数据库方法及可能遇到的问题 dcj3sjt126com DBbackup
    一：通过备份王等软件进行备份前台进不去？ 用备份王等软件进行备份是大多老站长的选择，这种方法方便快捷，只要上传备份软件到空间一步步操作就可以，但是许多刚接触备份王软件的客用户来说还原后会出现一个问题：因为新老空间数据库用户名和密码不统一，网站文件打包过来后因没有修改连接文件，还原数据库是好了，可是前台会提示数据库连接错误，网站从而出现打不开的情况。 解决方法：学会修改网站配置文件，大多是由co
  • github做webhooks：[1]钩子触发是否成功测试 dcj3sjt126com githubgitwebhook
    转自: http://jingyan.baidu.com/article/5d6edee228c88899ebdeec47.html github和svn一样有钩子的功能，而且更加强大。例如我做的是最常见的push操作触发的钩子操作，则每次更新之后的钩子操作记录都会在github的控制板可以看到！ 工具/原料 github 方法/步骤
  • ">的作用" target="_blank">JSP中的作用 蕃薯耀
    JSP中<base href="<%=basePath%>">的作用 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
  • linux下SAMBA服务安装与配置 hanqunfeng linux
    局域网使用的文件共享服务。 一.安装包： rpm -qa | grep samba samba-3.6.9-151.el6.x86_64 samba-common-3.6.9-151.el6.x86_64 samba-winbind-3.6.9-151.el6.x86_64 samba-client-3.6.9-151.el6.x86_64 samba-winbind-clients
  • guava cache IXHONG cache
    缓存，在我们日常开发中是必不可少的一种解决性能问题的方法。简单的说，cache 就是为了提升系统性能而开辟的一块内存空间。 　　缓存的主要作用是暂时在内存中保存业务系统的数据处理结果，并且等待下次访问使用。在日常开发的很多场合，由于受限于硬盘IO的性能或者我们自身业务系统的数据处理和获取可能非常费时，当我们发现我们的系统这个数据请求量很大的时候，频繁的IO和频繁的逻辑处理会导致硬盘和CPU资源的
  • Query的开始--全局变量,noconflict和兼容各种js的初始化方法 kvhur JavaScriptjquerycss
    这个是整个jQuery代码的开始，里面包含了对不同环境的js进行的处理，例如普通环境，Nodejs，和requiredJs的处理方法。 还有jQuery生成$, jQuery全局变量的代码和noConflict代码详解  完整资源： http://www.gbtags.com/gb/share/5640.htm jQuery 源码：   (
  • 美国人的福利和中国人的储蓄 nannan408
       今天看了篇文章，震动很大，说的是美国的福利。    美国医院的无偿入院真的是个好措施。小小的改善，对于社会是大大的信心。小孩，税费等，政府不收反补，真的体现了人文主义。    美国这么高的社会保障会不会使人变懒？答案是否定的。正因为政府解决了后顾之忧，人们才得以倾尽精力去做一些有创造力，更造福社会的事情，这竟成了美国社会思想、人
  • N阶行列式计算(JAVA) qiuwanchi N阶行列式计算
    package gaodai; import java.util.List; /** * N阶行列式计算 * @author 邱万迟 * */ public class DeterminantCalculation { public DeterminantCalculation(List<List<Double>> determina
  • C语言算法之打渔晒网问题 qiufeihu c算法
    如果一个渔夫从2011年1月1日开始每三天打一次渔，两天晒一次网，编程实现当输入2011年1月1日以后任意一天，输出该渔夫是在打渔还是在晒网。 代码如下：   #include <stdio.h> int leap(int a) /*自定义函数leap()用来指定输入的年份是否为闰年*/ { if((a%4 == 0 && a%100 != 0
  • XML中DOCTYPE字段的解析 wyzuomumu xml
    DTD声明始终以!DOCTYPE开头,空一格后跟着文档根元素的名称,如果是内部DTD,则再空一格出现[],在中括号中是文档类型定义的内容. 而对于外部DTD,则又分为私有DTD与公共DTD,私有DTD使用SYSTEM表示,接着是外部DTD的URL. 而公共DTD则使用PUBLIC,接着是DTD公共名称,接着是DTD的URL.   私有DTD <!DOCTYPErootSYST
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他