幽白白
幽白白

JS 控制图片旋转

以下为JS控制图片翻转代码，兼容firefox，ie，chrome等浏览器

  
  
  
  
    
   
   
   
   
  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> 
    4. 
   
   
   
   
  4. <title>图片旋转效果</title> 
    5. 
   
   
   
   
  5. <meta http-equiv="content-type" content="text/html;charset=gb2312"> 
    6. 
   
   
   
   
  6. <!--把下面代码加到<head>与</head>之间--> 
    7. 
   
   
   
   
  7. <style type="text/css"> 
    8. 
   
   
   
   
  8. ul{padding:0 15px;} 
    9. 
   
   
   
   
  9. ul li{padding-bottom:15px;border-bottom:1px dashed #EEE;} 
    10. 
   
   
   
   
  10. .caption{padding:15px 0 5px;} 
    11. 
   
   
   
   
  11. .caption input{margin-right:10px;padding:0 10px;} 
    12. 
   
   
   
   
  12. </style> 
    13. 
   
   
   
   
  13. <script type="text/javascript"> 
    14. 
   
   
   
   
  14. /* 
    15. 
   
   
   
   
  15. * www.byzuo.com 
    16. 
   
   
   
   
  16. * ok!: MSIE 6, 7, 8, Firefox 3.6, chrome 4, Safari 4, Opera 10 
    17. 
   
   
   
   
  17. * o 旋转图片ID; 
    18. 
   
   
   
   
  18. * p 选择旋转方向，固定值为'left'或'right'; 
    19. 
   
   
   
   
  19. */ 
    20. 
   
   
   
   
  20. function rotate(o,p){ 
    21. 
   
   
   
   
  21.     var img = document.getElementById(o); 
    22. 
   
   
   
   
  22.     if(!img || !p) return false; 
    23. 
   
   
   
   
  23.     var n = img.getAttribute('step'); 
    24. 
   
   
   
   
  24.     if(n== null) n=0; 
    25. 
   
   
   
   
  25.     if(p=='right'){ 
    26. 
   
   
   
   
  26.         (n==3)? n=0:n++; 
    27. 
   
   
   
   
  27.     }else if(p=='left'){ 
    28. 
   
   
   
   
  28.         (n==0)? n=3:n--; 
    29. 
   
   
   
   
  29.     } 
    30. 
   
   
   
   
  30.     img.setAttribute('step',n); 
    31. 
   
   
   
   
  31.     //MSIE 
    32. 
   
   
   
   
  32.     if(document.all) { 
    33. 
   
   
   
   
  33.         img.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(rotation='+ n +')'; 
    34. 
   
   
   
   
  34.         //HACK FOR MSIE 8 
    35. 
   
   
   
   
  35.         switch(n){ 
    36. 
   
   
   
   
  36.             case 0: 
    37. 
   
   
   
   
  37.                 imgimg.parentNode.style.height = img.height; 
    38. 
   
   
   
   
  38.                 break; 
    39. 
   
   
   
   
  39.             case 1: 
    40. 
   
   
   
   
  40.                 imgimg.parentNode.style.height = img.width; 
    41. 
   
   
   
   
  41.                 break; 
    42. 
   
   
   
   
  42.             case 2: 
    43. 
   
   
   
   
  43.                 imgimg.parentNode.style.height = img.height; 
    44. 
   
   
   
   
  44.                 break; 
    45. 
   
   
   
   
  45.             case 3: 
    46. 
   
   
   
   
  46.                 imgimg.parentNode.style.height = img.width; 
    47. 
   
   
   
   
  47.                 break; 
    48. 
   
   
   
   
  48.         } 
    49. 
   
   
   
   
  49.     //DOM 
    50. 
   
   
   
   
  50.     }else{ 
    51. 
   
   
   
   
  51.         var c = document.getElementById('canvas_'+o); 
    52. 
   
   
   
   
  52.         if(c== null){ 
    53. 
   
   
   
   
  53.             img.style.visibility = 'hidden'; 
    54. 
   
   
   
   
  54.             img.style.position = 'absolute'; 
    55. 
   
   
   
   
  55.             c = document.createElement('canvas'); 
    56. 
   
   
   
   
  56.             c.setAttribute("id",'canvas_'+o); 
    57. 
   
   
   
   
  57.             img.parentNode.appendChild(c); 
    58. 
   
   
   
   
  58.         } 
    59. 
   
   
   
   
  59.         var ccanvasContext = c.getContext('2d'); 
    60. 
   
   
   
   
  60.         switch(n) { 
    61. 
   
   
   
   
  61.             default : 
    62. 
   
   
   
   
  62.             case 0 : 
    63. 
   
   
   
   
  63.                 c.setAttribute('width', img.width); 
    64. 
   
   
   
   
  64.                 c.setAttribute('height', img.height); 
    65. 
   
   
   
   
  65.                 canvasContext.rotate(0 * Math.PI / 180); 
    66. 
   
   
   
   
  66.                 canvasContext.drawImage(img, 0, 0); 
    67. 
   
   
   
   
  67.                 break; 
    68. 
   
   
   
   
  68.             case 1 : 
    69. 
   
   
   
   
  69.                 c.setAttribute('width', img.height); 
    70. 
   
   
   
   
  70.                 c.setAttribute('height', img.width); 
    71. 
   
   
   
   
  71.                 canvasContext.rotate(90 * Math.PI / 180); 
    72. 
   
   
   
   
  72.                 canvasContext.drawImage(img, 0, -img.height); 
    73. 
   
   
   
   
  73.                 break; 
    74. 
   
   
   
   
  74.             case 2 : 
    75. 
   
   
   
   
  75.                 c.setAttribute('width', img.width); 
    76. 
   
   
   
   
  76.                 c.setAttribute('height', img.height); 
    77. 
   
   
   
   
  77.                 canvasContext.rotate(180 * Math.PI / 180); 
    78. 
   
   
   
   
  78.                 canvasContext.drawImage(img, -img.width, -img.height); 
    79. 
   
   
   
   
  79.                 break; 
    80. 
   
   
   
   
  80.             case 3 : 
    81. 
   
   
   
   
  81.                 c.setAttribute('width', img.height); 
    82. 
   
   
   
   
  82.                 c.setAttribute('height', img.width); 
    83. 
   
   
   
   
  83.                 canvasContext.rotate(270 * Math.PI / 180); 
    84. 
   
   
   
   
  84.                 canvasContext.drawImage(img, -img.width, 0); 
    85. 
   
   
   
   
  85.                 break; 
    86. 
   
   
   
   
  86.         } 
    87. 
   
   
   
   
  87.     } 
    88. 
   
   
   
   
  88. } 
    89. 
   
   
   
   
  89. </script> 
    90. 
   
   
   
   
  90. </head> 
    91. 
   
   
   
   
  91. <body> 
    92. 
   
   
   
   
  92. <!--把下面代码加到<body>与</body>之间--> 
    93. 
   
   
   
   
  93. <ul class="clearfix"> 
    94. 
   
   
   
   
  94.     <li> 
    95. 
   
   
   
   
  95.         <div class="caption"> 
    96. 
   
   
   
   
  96.             <input type="button" value="turn left" onclick="rotate('pic_1','left')"> 
    97. 
   
   
   
   
  97.             <input type="button" value="turn right" onclick="rotate('pic_1','right')"> 
    98. 
   
   
   
   
  98.         </div> 
    99. 
   
   
   
   
  99.         <div class="cont"> 
    100. 
   
   
   
   
  100.             <img  alt="javascript 图片旋转效果"  id="pic_1" src="1.gif" alt=""> 
    101. 
   
   
   
   
  101.         </div> 
    102. 
   
   
   
   
  102.     </li> 
    103. 
   
   
   
   
  103. </ul> 
    104. 
   
   
   
   
  104. </body> 
    105. 
   
   
   
   
  105. </html> 
    106.

 

你可能感兴趣的:(js,职场,休闲,控制图片旋转)

  • 企业中WIFI连接分析
    企业Wi-Fi上网过程WIFI是很多企业为员工提供网络的方式，本文介绍WIFI上网、访问资源的流程。一、企业Wi-Fi的核心架构企业Wi-Fi通常采用集中式管控架构，主要包含以下组件：组件作用无线接入点（AP）提供无线信号覆盖，负责终端设备的连接管理无线控制器（AC）集中管理所有AP，执行认证、加密、负载均衡等策略认证服务器处理身份认证（如RADIUS服务器）DHCP服务器为终端分配IP地址（可能
  • 网络准入控制系统 安企神软件 电脑监控软件服务器网络运维
    当我们谈论网络准入控制系统时，我们谈论的并不是网络准入控制系统，而是安全，我们不能只囿于它表面的浮华而忘掉它的本质，记住，不管讨论什么，我们必须要有直达本质的能力。网络的本质就是安全。网络准入控制系统（NetworkAccessControl,简称NAC）是一种先进的网络安全解决方案，旨在确保只有经过授权和符合安全策略的设备及用户才能接入网络。安企神网络准入控制系统作为其中的代表是如何实现网络安全
  • idea常用插件 蓝天白云下遛狗 intellij-ideajavaide
    idea常用插件PDFViewer（可以查看pdf文档在idea中）QuickFilePreview(快速查看文件)LongTimeToDateLongTimeToDate是一款IDEA插件，能够方便地将毫秒日期转换为年月日格式。用户可以通过调试器、编辑器或控制台使用此插件。安装插件可通过IDEA内置市场或从指定网址下载离线包安装。使用时，只需选中毫秒日期，右键选择’ConvertLongtoDa
  • Vue从入门到精通：前端开发的基石之旅 奔跑吧邓邓子 必备核心技能vue.js前端javascript从入门到精通
    目录一、Vue简介1.1渐进式框架的含义1.2Vue在前端开发中的优势二、Vue环境搭建2.1安装Node.js和npm2.2全局安装VueCLI2.3使用VueCLI创建Vue项目三、Vue基础语法3.1数据绑定3.1.1插值语法3.1.2指令语法3.2计算属性和侦听器3.2.1计算属性3.2.2侦听器3.3条件渲染与列表渲染3.3.1v-if、v-else-if、v-else3.3.2v-sh
  • R7F0C020M2DFB-C#AA0 16位单片机微控制器MCU Renesas
    R7F0C020M2DFB特点超低功耗科技：-VDD=1.6～5.5V的单电源、能以1.8V的低电压运行。-HALT模式-STOP模式-SNOOZE模式RL78CPU内核：-3段流水线的CISC哈佛体系结构-最短指令执行时间：能在高速（0.04167μs：以高速内部振荡器时钟24MHz运行时）到超低速（30.5μs：以副系统时钟32.768kHz运行时）之间变换。-地址空间：1M字节-通用寄存器：
  • A3938SLDTR-T Allegro电机预驱动器+高精度控制 汽车级电机控制引擎！ 深圳市尚想信息技术有限公司 Allegro驱动器MOSFET电机控制工业自动化
    A3938SLDTR-T（Allegro）产品解析一、产品定位A3938SLDTR-T是AllegroMicroSystems推出的三相无刷直流（BLDC）电机预驱动器，集成MOSFET栅极驱动和电流检测功能，专为12V~60V工业电机系统设计，适用于高精度速度控制场景。二、核心功能与参数特性参数/性能工作电压12V~60V（支持汽车24V系统）输出驱动能力1.5A峰值（拉/灌电流），直接驱动MO
  • HIP4082IBZT 瑞萨电子高频驱动器 电机控制新能源专用 深圳市尚想信息技术有限公司 瑞萨电子高频驱动器驱动器电机控制新能源
    HIP4082IBZT（Renesas）产品解析与推广文案一、产品定位HIP4082IBZT是Renesas（瑞萨电子）推出的高频半桥/全桥MOSFET驱动器，采用SOIC-16封装，专为大功率H桥电机驱动和DC-DC转换设计，支持100V高压和2A峰值驱动电流。二、核心技术参数特性参数工作电压10V~15V（逻辑侧），最高100V（驱动侧）驱动电流2A峰值，可快速开关大功率MOSFET/IGBT
  • Jenkins Email Extension 插件 sankgao Jenkinsjenkins运维
    EmailExtension介绍问题和议题入门系统范围的配置项目配置流水线步骤用法预发送脚本和后发送脚本触发器扩展电子邮件发布者触发器常用触发选项脚本触发器选项TokensJelly脚本内容模板Groovy脚本内容模板附件Jive格式化程序EmailExtension官网地址：EmailExtension介绍这个插件通过给您更多的控制来扩展Mailer插件的功能。它提供了三个区域的定制：Trigg
  • PID算法的一点改进思路
    在PID算法里面有三个系数Kp,Ki,Kd;其中Kp是比例常数，Ki是积分常数，Kd是微分常数。Kp比例常数可以控制被控制量变化速度，越大控制越快但是越容易引发系统震荡，越小控制又比较慢；Ki比例常数是控制稳态误差（系统稳态的时候控制量不一定等于设置量）；Kd比例常数可预测控制量变化趋势。图是蛋糕达人的。从积分的数学理解上可以知道系统稳态的时候红色部分面积与蓝色部分面积应该相等，但是系统从一开始并
  • 【Hadoop】Hadoop车辆数据存储 db_hjx_2066 javahadoop
    Hadoop车辆数据存储本作业旨在实现将车辆数据按天存储到Hadoop分布式文件系统（HDFS）中，并根据数据文件大小分割成多个文件进行存储。数据格式为JSON。作业要求车辆数据按天存储，每天的数据存储在一个文件夹下。数据文件以JSON格式存储。如果数据文件大于100M，则另起一个文件存储。每天的数据总量不少于300M。实现方法1.代码说明以下是用Java编写的实现代码：1.导入类//导入必要的类
  • M30280F8HP#U5B 瑞萨16位工业MCU微控制器，CAN 2.0B+专用PWM，电机控制专家！
    M30280F8HP#U5B（Renesas）产品解析一、产品定位M30280F8HP#U5B是瑞萨电子（Renesas）推出的16位高性能微控制器，属于M16C/80系列，主打工业实时控制与低功耗应用，集成丰富外设接口和增强型定时器，适用于电机控制、工业自动化、汽车电子等场景。二、核心功能与参数特性参数/性能内核架构瑞萨M16C内核@20MHz，1.25DMIPS/MHz存储配置128KBFla
  • OSEK操作系统标准在汽车电子中的深度比较分析 Compass宁
    本文还有配套的精品资源，点击获取简介：OSEK是一种汽车电子控制系统的标准化操作系统，旨在促进软件开发的标准化和重用。本文将深入比较当前主流的OSEK操作系统，包括OSEK/VDX、Autosar、GreenHillsINTEGRITY-178tuSafe、QNXNeutrino、MicrosoftAzureRTOSThreadX和WindRiverVxWorks。比较的维度涵盖兼容性、实时性、安
  • 掌握Ollama框架：一站式教程，从环境搭建到高效开发 一名技术极客 人工智能人工智能ollama
    掌握Ollama框架：一站式教程，从环境搭建到高效开发安装ollamamacOSWindows预览版LinuxDockerollama的库和工具ollama-pythonollama-js快速开始运行模型访问模型库自定义模型从GGUF导入模型自定义提示CLI参考创建模型拉取模型删除模型复制模型多行输入多模态模型提示作为参数传入RESTAPI生成响应与模型对话构建ollama安装依赖生成依赖构建二进
  • IEC61850 通信协议测试验证方法详解 alonetown IEC61850详解网络通信协议测试IEC61850
    一、MMS协议测试方法MMS（制造报文规范）是IEC61850中用于设备监控和控制的核心协议，测试需覆盖以下维度：（一）协议栈实现验证连接管理测试测试用例：建立和释放MMS连接100次，检查是否存在连接泄漏或超时异常验证点：#伪代码示例：验证MMS连接建立超时符合标准（通常≤10s）deftest_mms_connection_timeout():connect_time=measure_time
  • 云服务器为啥可以有多种系统,云服务器可以装多个系统吗 weixin_39557402 云服务器为啥可以有多种系统
    云服务器可以装多个系统吗内容精选换一换当您的云服务器需要多个网卡时，可以参考下面步骤为云服务器添加网卡。登录管理控制台。单击管理控制台左上角的，选择区域和项目。选择“计算>云耀云服务器”。单击待添加网卡的云服务器名称。系统跳转至该云服务器详情页面。系统跳转至该云服务器详情页面。选择“网卡”页签，并单击“添加网卡”。选择待增加的子网和安全组，如所示。选择待增加的子网和安全组帮助用户快速创建云服务器备
  • 【深度解析】Seedance 1.0：重新定义 AI 视频生成的工业级标准 小深ai硬件分享 人工智能大数据深度学习机器学习
    当AI从文字生成迈向视频创作，技术的跃迁正在重塑内容产业的底层逻辑。2025年6月11日，字节跳动旗下火山引擎在FORCE原动力大会上正式发布视频生成模型Seedance1.0，这款登顶国际权威榜单ArtificialAnalysis的产品，以影视级画质、极速生成效率和极致成本控制，重新定义了AI视频生成的行业标杆。作为AI行业的新媒体运营，本文将从技术突破、场景落地和产业影响三个维度，为你深度解
  • 【免费下载】 PyAutoCAD: Python脚本实现自动化AutoCAD操作 仰北帅Bobbie
    PyAutoCAD:Python脚本实现自动化AutoCAD操作项目地址:https://gitcode.com/gh_mirrors/py/pyautocad是一个Python库，用于自动化执行AutoCAD中的任务。通过使用PyAutoCAD，您可以编写Python脚本来控制AutoCAD，并执行各种与AutoCAD相关的任务。功能和用途PyAutoCAD提供了多种功能，可用于自动执行各种与A
  • 上班摸鱼用哪些网站 Jamie20190106 算法
    摸鱼，为何成为现代职场新常态？在快节奏、高压力的现代职场环境中，适度的“摸鱼”正逐渐成为上班族调节身心、提升工作效率的另类策略。它并非简单的偷懒，而是一种劳逸结合的智慧体现。正如少数派文章《为了能更好地「摸鱼」，有人专门做了一个网站》中所述，工作难免会累，学习难免会困，此时摸鱼自然就成为了消磨时间的好帮手。休息是为了更有效率地工作，合理的放松能够帮助职场人缓解疲劳，重新聚焦，从而以更饱满的精神状态
  • （十二）Spring Security Kyrie_Li Springspringjava后端
    SpringSecurity是一个用于Java应用程序的身份验证和访问控制框架，广泛用于保护Web应用、RESTfulAPI、微服务等。它能够处理身份验证（Authentication）和授权（Authorization）功能，同时还提供了防止CSRF攻击、会话管理、密码加密等安全功能。一、SpringSecurity核心功能1.认证（Authentication）认证是确保用户身份的过程，通常是
  • 【Python系列PyCharm控制台pip install报错】如何解决pip安装报错ModuleNotFoundError: No module named ‘wxpython’问题 lyzybbs 全栈Bug解决方案专栏pythonpycharmpippandasscipybeautifulsoupscrapy
    【Python系列PyCharm控制台pipinstall报错】如何解决pip安装报错ModuleNotFoundError:Nomodulenamed‘wxpython’问题摘要在使用PyCharm进行Python项目开发时，常常需要通过控制台执行pipinstall来安装第三方包。然而，当安装完成后，导入包时却仍然报出如下异常：ModuleNotFoundError:Nomodulenamed
  • Linux系统下nvm工具的安装与基本使用 江湖有缘 Linux技术学习linuxvim运维
    Linux系统下nvm工具的安装与基本使用引言一、NVM介绍1.1nvm简介1.2主要特点1.3使用场景二、本地环境介绍3.1本地环境规划3.2本次实践介绍三、检查本地环境3.1检查本地操作系统版本3.2检查系统内核版本四、安装node.js4.1安装nvm4.2查看nvm版本4.3安装node.js4.4查看当前node版本五、nvm管理5.1安装Node.js指定版本5.2切换Node.js版
  • spring-test集成测试框架在实际的项目中的应用和实例说明 噔噔噔噔@ 软件测试基础及工具分享软件测试面试题专栏spring集成测试java
    spring-test是Spring框架提供的测试模块，专门用于支持Spring应用的集成测试。它能够加载Spring上下文、注入依赖、模拟HTTP请求等，非常适合测试SpringBoot或SpringMVC项目中的控制器、服务层和持久层。以下是spring-test在实际项目中的应用和实例说明1.集成测试的基本配置spring-test提供了@SpringBootTest注解，用于启动完整的Sp
  • 机器学习算法_支持向量机
    一、支持向量机支持向量机只能做二分类任务SVM全称支持向量机，即寻找到一个超平面使样本分成两类，且间隔最大硬间隔：如果样本线性可分，在所有样本分类都正确的情况下，寻找最大间隔；如果出现异常值或样本线性不可分，此时硬间隔无法实现软间隔：允许部分样本，在最大间隔之内，甚至在错误的一边，寻找最大间隔；目标是尽可能保持间隔宽阔和限制间隔违例之间寻找良好的平衡惩罚系数：通过惩罚系数来控制这个平衡，C值越小，
  • JavaWeb开发3 偷萧逸苦茶 前端javascript开发语言
    JavaScript一门跨平台、面向对象的脚本语言，用来控制网页行为，能使网页可交互js引入方式内部脚本：将JS代码定义在HTML页面中JavaScript代码必须位于在HTML文档中，可以在任意地方，放置任意数量的一般会把脚本置于元素的底部，可以改善显示速度外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中外部JS文件中，只包含JS代码，不包含标签标签不能自闭和    焦点访谈-
  • Rust实战：生成酷炫链接相关玩法 KENYCHEN奉孝 Rustrust开发语言鸿蒙
    RustApp链接生成实例通过Rust生成酷炫链接的玩法多种多样，涵盖短链接生成、动态参数解析、自定义协议处理等。以下是实例中的部分精选示例：短链接服务使用reqwest和serde调用第三方短链接API（如Bitly）：usereqwest::Client;useserde_json::json;asyncfnshorten_url(long_url:&str)->Result{letclien
  • 国产大模型在出版行业的智能选题与内容优化实践 观熵 国产大模型部署实战全流程指南服务器java数据库人工智能国产大模型
    国产大模型在出版行业的智能选题与内容优化实践关键词：出版行业数字化转型、选题语义建模、稿件结构优化、长文本协同生成、大模型编辑协作、内容风格控制、出版流程AI集成、Qwen、DeepSeek、Baichuan、Prompt链路设计摘要在出版行业迈入智能化与语义驱动时代背景下，传统内容策划与编辑生产方式正面临变革窗口。国产大模型如Qwen、DeepSeek、Baichuan已逐步具备长文本生成、结构
  • 告别迷茫：测试新人入职第一年的生存与进阶指南 996小白的进阶路 软件测试测试新人职业规划自动化测试避坑指南
    摘要：恭喜你踏入软件测试的行列！初入职场，面对全新的环境、海量的业务知识和技术术语，你是否感到一丝兴奋，又夹杂着些许迷茫？本文将为你梳理入职后黄金6-12个月的学习路线图，并点出那些常见的“坑”，助你平稳度过新手期，快速成长为团队中不可或缺的一员。前言“你好，我是新来的测试工程师。”当你向团队成员说出这句话时，一个充满挑战与机遇的职业生涯就此展开。测试工作绝非大家刻板印象中的“点点点”，它是一门需
  • 【Python3数据分析第34章】Python3数据分析：文件操作总结 韩公子的Linux大集市 Python3数据分析数据分析pythonlinux
    文章目录Python3数据分析：文件操作总结1.文件基本操作打开文件关闭文件2.文本文件操作读取文件写入文件3.二进制文件操作读取二进制文件写入二进制文件处理二进制数据4.CSV文件操作使用csv模块5.JSON文件操作使用json模块6.Excel文件操作使用openpyxl（处理.xlsx文件）7.数据库文件操作SQLite数据库8.文件路径处理使用os.path模块使用pathlib（Pyt
  • vue3 el-table回显选中的数据 凉xiao薄 vue.jselementuijavascript
    html部分：{{scope.$index+1}}添加删除js部分：letmatchLists=ref([{source_id:1,title:'比赛1'},{source_id:2,title:'比赛2'},{source_id:3,title:'比赛3'},{source_id:4,title:'比赛4'},{source_id:5,title:'比赛5'},])letsource_ids=r
  • 【WRFDA教程第二期】运行WRFDA 3DVAR/4DVAR数据同化
    目录一、准备阶段：下载并解压测试数据二、运行3DVAR教学实验日志分析（wrfda.log）进阶实验建议：对比不同设置的影响输出文件说明三、运行4DVAR教学实验步骤1：准备工作目录与环境变量步骤2：链接可执行文件与输入数据步骤3：配置namelist.input步骤4：可选-使用边界条件控制变量（var4d_lbc）如果使用PREPBUFR格式观测数据运行WRFDA4DVAR输出文件说明另：运行
  • Java 并发包之线程池和原子计数 lijingyao8206 Java计数ThreadPool并发包java线程池
    对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。     这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
  • java编程思想 抽象类和接口 百合不是茶 java抽象类接口
    接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持   1 ,抽象类 :  如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)   抽象方法 : 在方法中仅有声明而没有方法体    package com.wj.Interface;
  • [房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
           随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...        所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产     &nb
  • 数组队列总结 沐刃青蛟 数组队列
          数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。      以下是数组队列的功能实现代码：   import List.Student; public class
  • Oracle存储过程无法编译的解决方法 IT独行者 oracle存储过程　
    今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。   1.     查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
  • 重装系统之后oracle恢复 文强chu oracle
    前几天正在使用电脑，没有暂停oracle的各种服务。 突然win8.1系统奔溃，无法修复，开机时系统 提示正在搜集错误信息，然后再开机，再提示的无限循环中。 无耐我拿出系统u盘 准备重装系统，没想到竟然无法从u盘引导成功。 晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候， 直接把我的c盘给格式化了 并且清理了注册表，再装系统。 然后的结果就是我的oracl
  • python学习二（ 一些基础语法） 小桔子 pthon基础语法
    紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法 与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. /   除 结果浮点型 //  除 结果整形 %   除 取余数 *   乘 **  乘方 eg 5**2 结果是5的2次方25 _&
  • svn 常用命令 aichenglong SVN版本回退
    1 svn回退版本   1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别:   revert this version:表示回退到当前版本(该版本后的版本全部作废)   revert chanages from this versio
  • 某小公司面试归来 alafqq 面试
    先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。 老拿这些对付毕业生的东东来吓唬我。。 面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
  • 动态数组的存储速度比较 集合框架 百合不是茶 集合框架
    集合框架： 自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
  • 用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
    <html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
  • 探索JUnit4扩展：使用Rule bijian1013 java单元测试JUnitRule
            在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule       &n
  • [Gson一]非泛型POJO对象的反序列化 bit1129 POJO
    当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO    
  • 【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
    0.Kafka服务器的配置 一个Broker， 一个Topic Topic中只有一个Partition（）   1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
  • lsyncd实时同步搭建指南——取代rsync+inotify ronin47
    1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
  • java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
    public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
  • MySQL的sum函数返回的类型 bylijinnan javaspringsqlmysqljdbc
    今天项目切换数据库时，出错 访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
  • java设计模式之单例模式 chicony java设计模式
    在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的： 　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构 　　单例模式的特点： 单例类只能有一个实例。 单例类必须自己创建自己的唯一实例。 单例类必须给所有其他对象提供这一实例。 　　饿汉式单例类   publ
  • javascript取当月最后一天 ctrain JavaScript
    <!--javascript取当月最后一天--> <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
  • linux tune2fs命令详解 daizj linuxtune2fs查看系统文件块信息
    一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。 二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
  • 做有中国特色的程序员 dcj3sjt126com 程序员
      从出版业说起 网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。 许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
  • Android：TextView属性大全 dcj3sjt126com textview
    android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
  • tomcat虚拟目录安装及其配置 eksliang tomcat配置说明tomca部署web应用tomcat虚拟目录安装
    转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat  目录结构 config：存放tomcat的配置文件 temp  ：存放tomcat跑起来后存放临时文件用的 work   ： 当第一次访问应用中的jsp
  • 浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
    首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
  • C#根据网址生成静态页面 hvt Web.netC#asp.nethovertree
    HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法：   bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
  • SVG 教程 （一） 天梯梦 svg
    SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识： 继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础 如果希望首先学习这些内容，请在本站的首页选择相应的教程。 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
  • 一个简单的java栈 luyulong java数据结构栈
    public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
  • 基础数据结构和算法八：Binary search sunwinner AlgorithmBinary search
    Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
  • 12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 刘星宇 c面试
    12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数 问：请找出下面代码里的问题： #include<stdio.h> int main(void) {     char buff[10];     memset(buff,0,sizeof(buff));
  • ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员 活动ITeye试读
    ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《Java性能优化权威指南》
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他