MOBIN-F
MOBIN-F

DOM--childNodes的空格问题

今天在帮人解决DOM节点问题时，把遇到的childNodes的空格问题在这总结下。

问题大概是这样的：把下面左边的四个节点一次性全部移到右边或把右边的节点一次性移到左边（>>右移，<<左移），

开始的实现是这样的：

<html>
  <head>
    <title>MyHtml.html</title>    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
   <script type="text/javascript">     
       function allToRigth(){
           var nodes = document.getElementById("leftSelect").childNodes;//得到leftSelect的所有孩子节点 for(var i = 0; i < nodes.length; i ++){  //遍历所有孩子节点 if(nodes [i].nodeType == 1){         
                   document.getElementById("rightSelect").appendChild(nodes[i]);  //当孩子节点是元素节点时就右移               
               }
            }
       }
           
       function allToLeft(){
           var nodes= document.getElementById("rightSelect").childNodes;//得到rightSelect的所有孩子节点 for(var i = 0; i < nodes.length; i ++){//遍历所有孩子节点 if(nodes[i].nodeType == 1){
                  document.getElementById("leftSelect").appendChild(nodes[i]);     //当孩子节点是元素节点时就左移             
              }
           }
       }
     
   </script>
  </head>
  
  <body>
    <table width="200">
       <td>
           <select size="4" id="leftSelect">
               <option>hadoop</option>
               <option>hbase</option>
               <option>hive</option>
               <option>pig</option>
           </select>
       </td>
              
       <td>
           <input type="button" value=">>" id="allToRigth" onclick="allToRigth()"><br>
           <input type="button" value="<<" id="allToLeft" onclick="allToLeft()"> 
       </td>
                
       <td>
           <select size="4" id="rightSelect">
           </select>
       </td>  
         
    </table>
  </body>
</html>

结果：

右移：

 

再左移：(问题出现了:在再进行左移时并不能一次性把节点都移到左边)。

 

这里我我先分析下用 元素.childNodes 得到的节点的空格问题（测试所用浏览器及版本号：chrom 64位，IE11,火狐39.0，Edge）；

   现在的大部分浏览器在解析childNodes时都会把"#text"（空格，制表符，换行符等一些表示空白文本的符号）当成一个节点，但低版本的IE不会。

   所以document.getElementById("leftSelect").childNodes得到的节点个数为9；

  DOM--childNodes的空格问题_第1张图片（左列表：两块黄色的部分表示一个节点，<option></option>表示一个节点，有9个节点）

（右列表：两块黄色的部分表示一个节点，有1个节点）

下面是用FireBug调试的过程：

1.开始状态：

   DOM--childNodes的空格问题_第2张图片

   注意红色框部分，节点分别是TextNode,option,TextNode,option,TextNode,option,TextNode,option,TextNode.这9个节点(TextNode是空白文本)

2.第一个option节点移到右边后：

  DOM--childNodes的空格问题_第3张图片

注意：在第一个option节点移走后，option后面的节点TextNode补了上来， 但在这次右移过程中这并不影响我们。

在全部节点移到右边后，我们来看左移这部分；

3.开始状态：有5个节点，一个TextNode节点，四个option节点。

DOM--childNodes的空格问题_第4张图片

4，第一个option节点移到左边后：

DOM--childNodes的空格问题_第5张图片

看吧，在第一个option节点移到左边后，i=2,后面的option节点补了上来，但补的位置又是已经访问过的位置(i=1)了，这样就造成了节点"遗漏"了，最后变成这样

。

这就是问题的根本原因了。

这里给出其中三种解决方案。

方案一：（仍旧用XML DOM）

思路：在取孩子节点时我们从最后一个孩子节点开始取，这样即使移走一个孩子节点后，后面的节点补上来也不影响前面孩子节点的位置。

代码实现：

<html>
  <head>
    <title>example2.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

   <script type="text/javascript">     
       function allToRigth(){
           var nodes = document.getElementById("leftSelect").childNodes;//得到leftSelect的所有孩子节点
           for(var i = nodes .length-1; i >=0 ; i --){  //倒着遍历所有孩子节点
               if(nodes [i].nodeType == 1){
                   //当孩子节点是元素节点时就插入到rightSelect的第一个孩子节点之前
                     document.getElementById("rightSelect").insertBefore(nodes [i],document.getElementById("rightSelect").firstChild);
                   
               }
            }
       }
           
       function allToLeft(){
           var nodes = document.getElementById("rightSelect").childNodes;//得到rightSelect的所有孩子节点
           for(var i = nodes .length-1; i >=0 ; i --){     //倒着遍历所有孩子节点
              if(nodes [i].nodeType == 1){
                   //当孩子节点是元素节点时就插入到leftSelect的第一个孩子节点之前    
                    document.getElementById("leftSelect").insertBefore(nodes [i],document.getElementById("leftSelect").firstChild);                  
              }
           }
       }
   
   
   </script>
  </head>
  
  <body>
    <table width="200">
       <td>
           <select size="4" id="leftSelect">
               <option>hadoop</option>
               <option>hbase</option>
               <option>hive</option>
               <option>pig</option>
           </select>
       </td>
              
       <td>
          <input type="button" value=">>" id="allToRigth" onclick="allToRigth()"><br>
          <input type="button" value="<<" id="allToLeft" onclick="allToLeft()"> 
       </td>
           
       
       <td>
       <select size="4" id="rightSelect">
       </select>
       </td>
    
    </table>
  </body>
</html>

 方案二:(HTML DOM)

思路：上面我们提到在移走第一个节点后，后面的节点会补上来，最后造成节点"遗漏"，那好，我们就始终只移下标为0的节点，这样就不会出现节点"遗漏"的情况了。

代码实现：

<html>
  <head>
    <title>MyHtml.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

   <script type="text/javascript">     
       function allToRigth(){
           var options = document.getElementById("leftSelect").options;//得到leftSelect中的所有options
           var oplength = options.length;
           for(var i = 0; i < oplength; i ++){ 
               //遍历options,注意这里不能用i<options.length这种方式，因为在JS中的数组是可变的，在遍历过程中options.length
               //也是变化的，不然也会造成节点"遗漏"
            document.getElementById("rightSelect").add(options[0]);   //始终只移第一个节点                
            }
       }
           
       function allToLeft(){
           var options = document.getElementById("rightSelect").options;//得到rightSelect中的所有options
           var oplength = options.length;  //得到options数组的长度
           for(var i = 0; i < oplength; i ++){
                  document.getElementById("leftSelect").add(options[0]);  //始终只移第一个节点                     
           }
       }
      
   </script>
  </head>
  
  <body>
    <table width="200">
       <td>
           <select size="4" id="leftSelect">
               <option>hadoop</option>
               <option>hbase</option>
               <option>hive</option>
               <option>pig</option>
           </select>
       </td>
              
       <td>
           <input type="button" value=">>" id="allToRigth" onclick="allToRigth()"><br>
           <input type="button" value="<<" id="allToLeft" onclick="allToLeft()"> 
       </td>
                
       <td>
           <select size="4" id="rightSelect">
           </select>
       </td>  
         
    </table>
  </body>
</html>

 

方案二虽然比较便捷，但兼容性不如方案一。

 

 方案三：

<html>
  <head>
    <title>MyHtml.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

   <script type="text/javascript">     
       function allToRigth(){

        
           var elementsLeft = document.getElementById("leftSelect");
           var elementsRight = document.getElementById("rightSelect");
         
           elementsRight.innerHTML = elementsLeft.innerHTML;
           elementsLeft.innerHTML = '';
       }
           
       function allToLeft(){           
           var elementsLeft = document.getElementById("leftSelect");
           var elementsRight = document.getElementById("rightSelect");
                     
           elementsLeft.innerHTML = elementsRight.innerHTML;
           elementsRight.innerHTML = '';
       }
   
   
   </script>
  </head>
  
  <body>
    <table width="200">
       <td>
           <select size="4" id="leftSelect">
               <option>hadoop</option>
               <option>hbase</option>
               <option>hive</option>
               <option>pig</option>
           </select>
       </td>
              
       <td>
           <input type="button" value=">>" id="allToRigth" onclick="allToRigth()"><br>
           <input type="button" value="<<" id="allToLeft" onclick="allToLeft()"> 
       </td>
                
       <td>
           <select size="4" id="rightSelect">
           </select>
       </td>  
         
    </table>
  </body>
</html>

注意：在使用innerHTML时考虑浏览器的兼容性问题和安全性问题（特别是内存泄漏）

 

你可能感兴趣的:(DOM--childNodes的空格问题)

  • 浅谈流媒体协议以及视频编解码 纠结哥_Shrek 视频编解码
    流媒体协议介绍流媒体协议用于传输视频、音频等多媒体数据，确保数据流畅地传输到用户设备。常见的流媒体协议包括RTMP、HLS、DASH、WebRTC等，每种协议具有不同的特点和适用场景。1.RTMP(Real-TimeMessagingProtocol)定义：由Adobe提出的实时消息传输协议，最初用于Flash播放器的流媒体播放。特点：低延迟，适合实时直播。支持推流和拉流，常用于直播推流（主播端推
  • Flink的架构体系 GDDGHS_ flink架构大数据
    Flink中的重要角⾊JobManager处理器JobManager处理器也称之为Master，用于协调分布式执行，它们用来调度task，协调检查点，协调失败时恢复等。Flink运行时至少存在一个master处理器，如果配置高可用模式则会存在多个master处理器，它们其中有一个是leader，而其他的都是standby。TaskManager处理器TaskManager处理器也称之为Worker
  • QT——c++界面编程库 孩之 qtc++开发语言
    非界面编程QT编译的时候，依赖于.pro配置文件：SOURCES:所有需要参与编译的.cpp源文件HEADERS:所有需要参与编译的.h头文件QT：所有需要参与编译的QT函数库.pro文件一旦修改，注意需要键盘按ctrl+s才能加载最新的配置文件标准输出：QDebug类#includeqDebug()#include#include#include#include#includeintmain(i
  • c#实现485协议 A_nanda c#ModbusRTU
    在C#中实现RS-485协议通信，需要结合串口（SerialPort）操作和硬件收发控制（如RTS信号切换）。以下是详细的步骤和示例代码：1.RS-485通信原理物理层：RS-485是差分信号标准，支持多点通信（半双工）。收发控制：通过控制RTS（RequesttoSend）或DTR引脚切换发送/接收模式。协议层：通常基于ModbusRTU、自定义二进制协议等。2.硬件准备RS-485转USB转换
  • DeepSeek 喂饭指令30条 xxtzaaa 大数据产品运营
    一、内容创作类(5条)1.爆款标题生成指令:生成10个吸引眼球的[主题]标题，要求包含数字情绪词和悬念示例:输入"生成10个关于减肥的爆款标题"2.小红书种草文-指令:以[身份]的口吻，写一篇[产品]的种草笔记，突出3个使用场景和2个痛点解决方案3.短视频脚本-指令:生成一个[时长]的短视频脚本，包含开场悬念+中间反转+结尾行动号召4.惠号长文-指令:以[风格]写一篇关于[主题]的深度文章，包含3
  • 手游如何用模拟器多开设置不同地区ip来挂机减少封号 xxtzaaa tcp/ip网络协议网络
    在模拟器多开玩手游时，可以通过使用代理软件来切换不同的IP地址。?这种方法可以帮助避免因IP限制导致的登录问题或账号被封的情况。首先，您需要准备以下工具和材料：1.安卓模拟器，如雷电模拟器、夜神模拟器等。2.代理软件，如兔子进程代理等。接下来是具体的操作步骤：1.在电脑上安装并运行兔子进程代理。2.选择一个或者多个服务器，确定生效。3.打开模拟器窗口，软件会自动分配不同的IP给不同的模拟器窗口。4
  • ip地址怎么改 IP属地怎么改成自己想要的地区 xxtzaaa tcp/ip网络网络协议
    你会改IP地址吗？你觉得改IP地址难吗？自从去年各大平台开始显示IP属地后，几乎每天都有人来问我们怎么改IP地址，而我们作为一家IP代理服务商，可以说天天都在和IP打交道，对这一块自然是了如指掌，下面我就来教大家三种改IP地址的方法。第一种方法：使用代理IP软件这是现在最为常用的一种方法，很简单，下载，兔子软件配置好以后，就可以随心所欲的一键切换IP了，放心，都有使用教程的，小白也能一看就会。第二
  • 泛域名SSL证书 william082012 ssl网络协议https网络安全服务器微信小程序
    随着互联网的快速发展，越来越多的网站和应用程序依赖于HTTPS协议来确保数据传输的安全性和完整性。SSL证书，作为实现HTTPS加密通信的关键组件，扮演着至关重要的角色。其中，泛域名SSL证书（又称通配符SSL证书）以其独特的灵活性和高效性，在保护多个子域名的网站中备受青睐。一、泛域名SSL证书的定义与特点泛域名SSL证书是一种特殊的SSL证书类型，它通过证书中的通配符（如“*”）来匹配主域名下的
  • 利用Shell脚本监控SSL域名证书有效期 正义的卓别林 sslelasticsearch网络协议网络
    一、我的需求1、自定义端口监控：由于业务需求的多样性，并非所有业务域名都使用标准的443端口。因此，我需要的监控脚本必须支持自定义端口的设置，以便能够灵活适应各种业务场景。2、证书部署位置追踪：由于证书部署位置分散，当证书即将过期时，我需要能够迅速定位到该证书的具体部署位置。这有助于我及时采取措施，避免证书过期导致的业务中断。3、定时运行：脚本需要能够定时运行，以便定期检查证书的有效期，并在必要时
  • 未来3-5年哪些编程语言将逐渐淘汰？开发者如何应对技术变迁？ 量子棱镜 pythonpython开发语言typescript
    引言技术的迭代速度远超想象，编程语言作为开发者手中的核心工具，其兴衰直接影响职业选择与技术投资回报。未来3-5年，哪些语言可能逐渐退出主流舞台？哪些语言值得持续深耕？本文结合行业数据与生态变化，为你解析编程语言的未来格局。一、逐渐衰退的语言：新项目慎用，旧系统仍需维护1.Objective-C：苹果生态的“昨日荣光”现状：自2014年Swift发布后，Objective-C新项目占比不足5%（据S
  • 高通CamX分析---01 疯狂敲bug xml
    文章目录1.camx的入口2.硬件初始化HwEnvironment()3.XML文件解析3.1ProbeImageSensorModules3.2sensor模块创建3.2.1加载XML中数据3.2.2根据不同的entry->Type进入不同的module进行解析3.2.3解析actuatorXML数据3.2.4解析oisXML数据3.2.5解析sensorXML数据4.初始化sensor模块（s
  • 计算机考研310分什么水平,知乎工学考研310是什么水平 探索者19 计算机考研310分什么水平
    很好的学校啊属于中上水平的985名校，现入选为双一流A类大学是和北京师范大学齐名的师范大学华东师范大学是1959年第一批的16所全国重点大学之一在上海和复旦大学、上海交通大学、同济大学并称为“沪上四大名校”。有“爱在华师大”的美名。虽然名字里有“师范”但实际上是一所综合性的研究型大学。学校的文理学科都很有优势，有着数十年前圣约翰、光华、大夏大学的底蕴。工科除了软件工程不是很强，在这个时代就不够受人
  • 985计算机考研初试多少分稳,985考研一般需要多少分 与何人说 985计算机考研初试多少分稳
    想要考研考进985高校里，公共课(政治+英语)不得低于140分，专业课尽可能120-140分左右比较稳。总体而言，考到380分可以在985里面挑一个不错的学校，但是好的专业估计难，有的可能还需要参加调剂。考研多少分能上985一般而言，985高校招硕士是320-350分才勉强过线，可国家线也就在260-290.大家看到这个差距，就知道985有多难考了吧。还是要根据具体学校具体专业来定，有的压分的学校
  • 基恩士上位机链路通讯_库卡机器人之通讯总结 筱顽咚 基恩士上位机链路通讯
    时常有人问我库卡机器人支持哪些通讯、需要什么组件等等，基于个人多年积累并借助公众号的平台来分享下个人的总结(以下内容仅针对KRC4及以上，KRC2在此不作说明)：基于以上图片内容，将库卡通讯分成四类：1.基于以太网的现场总线：ProfiNet从站不需要KUKAProfiNetxxxProfiNet主站不需要KUKAProfiNetxxxEthernet/IP主站不需要KUKAEthernet/IP
  • 考研380分什么水平计算机,考研380分相当于高考多少分的难度 程芯言 考研380分什么水平计算机
    研究生入学考试，不同专业，有不同的专业课程，考试成绩不能一概而论。另外，即使是同一专业，很多学校采用独立命题，考试的难度也大相径庭。当然，如果研究生入学考试的380分是工科，那就相当不错了，但如果是文科或理科，尤其是文科，那只是一般分数。研究生入学考试相当于高考多少分1我在研究生入学考试中得了376分。一般来说，并不理想，但与高考相比，只有580左右。而350分相对高考是540分左右！但有一个问题
  • Streampark 入门到生产实践 大数据学习爱好者 spark开发和机器学习数据仓库数据仓库大数据
    Streampark入门到生产实践1.StreamPark初探1.1什么是StreamPark1.2Features1.3架构2.环境安装要求如何插入一段漂亮的代码片3.安装apache-streampark最新版4.使用教程4.1配置Flink_home4.2git拉取项目和构建项目4.3企业微信告警4.4相关参数配置4.5相关参数配置yarn-session1.StreamPark初探1.1什
  • camera热插拔 rachel_rq videoshellfpcommandfilesystem
    usb到camera本来是支持热插拔的，但是由于正在preview时拔出camera，再插入时，camera注册到设备节点会由/dev/video0变为/dev/video1，或者插入多个video设备时，会变为/dev/video1、/dev/video2.。。。。。。而HAL层的代码是固定打开/dev/video0，所以就会打开失败。方法1对video0到video63循环打开。inti;ch
  • nginx自动续期ssl证书 穆雄雄 运维nginxssl运维
    大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂。前言前年，阿里将免费的ssl证书从一年调整成了三个月；去年，腾讯将免费的ssl证书从一年调整成了三个月；以前一年申请一次，都觉得麻烦，现在三个月就得申请一次，尤其是项目比较多，用的子级域名也多的情况下，得天天看短信哪个ssl证书到期了，很是头疼。好在，也是有解决方法的。✅解决方法之前也在github上看了看，有类似的shell脚本可以实现自动续签
  • 自动控制原理题海9.6：线性系统的状态空间分析与综合考研参考题 FUXI_Willard 自动控制考研自动控制
    《自动控制原理题海与考研指导》习题精选，用于知识点巩固与提升。第九章：线性系统的状态空间分析与综合Example9.37试确定下列二次型函数的定号性：V(x)=2x12+3x22
  • C#调用C的Dll(类型对照) 未来无限 C#Winform设计C#.dll类型
    //C++中的DLL函数原型为//extern“C”__declspec(dllexport)bool方法名一(constchar*变量名1,unsignedchar*变量名2)//extern“C”__declspec(dllexport)bool方法名二(constunsignedchar*变量名1,char*变量名2)//C#调用C++的DLL搜集整理的所有数据类型转换方式,可能会有重复或者
  • 宝塔面板申请SSL安全证书一直显示“待域名确认”？如何处理解决？ 青云网运维 宝塔面板教程WordPress教程
    现在越来越多的站点加入到https的大军中来了，主要还是有很多免费的SSL证书可以申请，还有很多平台可以帮助我们一键申请域名证书，比如宝塔面板就支持这样的操作（运维大神可以右上角关闭了，我们小白喜欢用面板），如果还有不了解宝塔面板怎么使用的小伙伴，可以看下我总结的系列教程，保证从新手变老鸟：【宝塔面板精选教程汇总】宝塔面板教程（1）基于云服务器搭建宝塔面板教程最全详解宝塔面板教程（2）宝塔面板添加
  • ROS2入门教程—创建ROS2功能包（C++版） Roar冷颜 ROS2入门教程其他
    ROS2入门教程—创建ROS2功能包（C++版）1ROS2中的功能包2创建功能包3编译功能包4设置环境变量5运行功能包6功能包中的内容7修改package.xml文件  功能包是ROS2中组织代码的基本容器，方便我们编译、安装、分发开发的代码，一般来讲，每个功能包都是用来完成某项具体的功能相对完整的单元。1ROS2中的功能包  ROS2中的功能包可以使用CMake或者Python两种方式来编译（本
  • Flink——部署StreamPark penghaichao 实时-Flink篇flink大数据
    环境准备提前部署好了Flink1.18，官方要求1.12及以上jdk1.8Mysql5.7，官方要求5.6及以上，也可省略，系统自带h2Step1：通过streampark官网下载安装包Step2：跟着官网的userguide进行操作部署成功后即可通过http://host:10000进行访问，ui界面如下图遇到的问题：原因是mysql数据库默认为localhost主机进行访问，修改权限为'%'后
  • 模拟器多开窗口单IP与代理IP关系 九州ip动态 tcp/ip网络服务器
    模拟器多开窗口同IP背后出现的问题在游戏世界中，模拟器多开窗口是玩家们提升体验的常见做法。通过在同一设备上开启多个模拟器窗口，玩家可以同时运营多个游戏账号，增加游戏的趣味性和效率。一旦检测到一个IP地址下登录了过多的账号，系统很可能会将这些账号视为作弊行为，进而采取封禁等处罚措施。这不仅影响了玩家的游戏体验，更可能导致珍贵账号的丢失。一，为什么要实现单窗口单IP避免多个模拟窗口同IP关联封号实现每
  • Flink K8s Application任务的使用 老哥哥-老刘 flink
    FlinkK8sApplication任务的使用FlinkK8sApplication任务的使用构键k8s集群提供flink运行任务的环境下载flink客户端任务编程任务jar生成过程k8sApplication运行Application模式架构启动命令PodTemplateFlinkK8sApplication任务的使用构键k8s集群在这里，我们需要搭建一个K8S环境用于提供flink任务的运行
  • CAD插件技术真心不难，无非是画点线条，CAD内部能实现的，C#调用acdbmgd.dll和acmgd.dll也能实现 思杰软件 c#
    CAD插件看起来很神秘，其实一个合格码农经过几天就能快速掌握。没什么秘密，开发CAD插件和winform一样简单学几个类库用法就是（只是太多人不喜欢知识分享），在CAD里展现界面和winform略有不同（整个项目工程在文章的最后有下载）。学习CAD插件开发的动机是为了薪水，由于公司是做显示屏和触摸屏的，养了一堆CAD的设计工程师拿着8K以上的薪水，当时我做为信息系统开发人员才拿4K，4个人要开发维
  • 《剑指数据库：MySQL表法纵横录》 m0_74825260 面试学习路线阿里巴巴数据库mysql
    一、前言本文将为大家带来MySQL中常见表的操作，希望大家能够从中有所收获！！！二、表的操作1.创建表语法：CREATETABLEtable_name(field1datatype,field2datatype,field3datatype)characterset字符集collate校验规则engine存储引擎;说明：●field表示列名●datatype表示列的类型●characterset字
  • 【MySQL篇】使用Java操作MySQL实现数据交互 m0_74825260 面试阿里巴巴mysqljava交互
    目录JDBC的认识：安装MySQL驱动包：下载完成后将包导入IDEA实现代码：1.创建数据源2.和数据库服务器建立连接?3.构造操作数据库的sql语句.4.执行SQL语句5.释放资源?完整代码：Insert：Select：Update：JDBC的认识：JDBC，即JavaDatabaseConnectivity，java数据库连接。是一种用于执行SQL语句的JavaAPI，它是Java中的数据库连
  • 【问题解决】org.springframework.web.util.NestedServletException Handler dispatch failed； m0_74825260 面试学习路线阿里巴巴前端
    详细异常信息：org.springframework.web.util.NestedServletException:Handlerdispatchfailed;nestedexceptionisjava.lang.NoClassDefFoundError:javax/xml/bind/DatatypeConverteratorg.springframework.web.servlet.Dispa
  • netty 与 websocket JIU_WW websocket网络协议网络nettyjava
    目录1.Netty简介2.WebSocket简介3.Netty与WebSocket的关系3.1Netty对WebSocket的支持3.2两者的层级关系3.3常见误解澄清4.Netty的通用性体现4.1多协议支持4.2非WebSocket应用示5.选择Netty实现WebSocket的优势6.总结1.Netty简介Netty是一个高性能、异步事件驱动的网络应用框架，专为开发可扩展和高性能的服务器与客
  • java工厂模式 3213213333332132 java抽象工厂
    工厂模式有 1、工厂方法 2、抽象工厂方法。 下面我的实现是抽象工厂方法, 给所有具体的产品类定一个通用的接口。 package 工厂模式; /** * 航天飞行接口 * * @Description * @author FuJianyong * 2015-7-14下午02:42:05 */ public interface SpaceF
  • nginx频率限制+python测试 ronin47 nginx 频率 python
           部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：
  • java线程和线程池的使用 dyy_gusi ThreadPoolthreadRunnabletimer
    java线程和线程池 一、创建多线程的方式     java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 1、通过实现Runnable接口方式 1 2
  • Linux 171815164 linux
    ubuntu kernel http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 安卓sdk代理 mirrors.neusoft.edu.cn        80 输入法和jdk sudo apt-get install fcitx su
  • Tomcat JDBC Connection Pool g21121 Connection
           Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。        Tomcat Jdbc P
  • 敲代码的一点想法 永夜-极光 java随笔感想
                  入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然
  • jvm指令集 程序员是怎么炼成的 jvm 指令集
    转自：http://blog.csdn.net/hudashi/article/details/7062675#comments       将值推送至栈顶时 const ldc  push   load指令 const系列 该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 0x02 &nbs
  • Oracle字符集的查看查询和Oracle字符集的设置修改 aijuans oracle
    本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 一、什么是Oracle字符集 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货
  • png在Ie6下透明度处理方法 antonyup_2006 css浏览器FirebugIE
    由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 我们知道PNG是图像文件存储格式，查询资
  • 表查询常用命令高级查询方法(二) 百合不是茶 oracle分页查询分组查询联合查询
    ----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资
  • uploadify3.1版本参数使用详解 bijian1013 JavaScriptuploadify3.1
    使用：     绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 设置的属性： id: jQuery(this).attr('id'),//绑定的input的ID langFile: 'http://ww
  • 精通Oracle10编程SQL(17)使用ORACLE系统包 bijian1013 oracle数据库plsql
    /* *使用ORACLE系统包 */ --1.DBMS_OUTPUT --ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用 --语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000); --DISABLE:用于禁止对过程PUT,PUT_LINE,NEW
  • 【JVM一】JVM垃圾回收日志 bit1129 垃圾回收
    将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： -XX:+PrintGC -XX:+PrintGCDetails -XX:+PrintGCTimeStamps -XX:+PrintGCDateStamps -Xloggc -XX:+PrintGC 通
  • Toast使用 白糖_ toast
    Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。     创建Toast 两个方法创建Toast makeText(Context context, int resId, int duration)     参数：context是toast显示在
  • angular.identity boyitech AngularJSAngularJS API
    angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value * to be returned. 返回值: 传入的value 实例代码: <!DOCTYPE HTML>
  • java-两整数相除，求循环节 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class CircleDigitsInDivision { /** * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j)
  • Java 日期 周 年 Chen.H javaC++cC#
    /** * java日期操作(月末、周末等的日期操作) * * @author * */ public class DateUtil { /** */ /** * 取得某天相加(减)後的那一天 * * @param date * @param num *
  • [高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业 comsci 计算机
          不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....      以后
  • 分层查询（Hierarchical Queries） daizj oracle递归查询层次查询
    Hierarchical Queries If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: hierarchical_query_clause::= start with condi
  • 数据迁移 daysinsun 数据迁移
    最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 2、在数据插入的时候有些字段特别长
  • C语言学习二进制的表示示例 dcj3sjt126com cbasic
    进制的表示示例 # include <stdio.h> int main(void) { int i = 0x32C; printf("i = %d\n", i); /* printf的用法 %d表示以十进制输出 %x或%X表示以十六进制的输出 %o表示以八进制输出 */ return 0; }
  • NsTimer 和 UITableViewCell 之间的控制 dcj3sjt126com ios
    情况是这样的: 一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.   解决办法: 在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画   查找cell结束显示的代理
  • MySql中case when then 的使用 fanxiaolong casewhenthenend
    select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人" union (select pp.id as "主键", pp.project_number as &
  • Ehcache（01）——简介、基本操作 234390216 cacheehcache简介CacheManagercrud
    Ehcache简介 目录 1       CacheManager 1.1      构造方法构建 1.2      静态方法构建 2       Cache 2.1&
  • 最容易懂的javascript闭包学习入门 jackyrong JavaScript
    http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊
  • 提升网站转化率的四步优化方案 php教程分享 数据结构PHP数据挖掘Google活动
    网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分
  • web开发里什么是HTML5的WebSocket？ naruto1990 Webhtml5浏览器socket
    当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服
  • Socket初步编程——简单实现群聊 Everyday都不同 socket网络编程初步认识
    初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧：   服务端：（接收客户端消息并把它们打印出来）   public class SocketServer { private List<Socket> socketList = new ArrayList<Socket>(); public s
  • 面试：Hashtable与HashMap的区别（结合线程） toknowme
    昨天去了某钱公司面试，面试过程中被问道 Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。   今天就动手写了一个例子，直接看代码吧 package com.learn.lesson001; import java
  • MVC设计模式的总结 xp9802 设计模式mvc框架IOC
    随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 其中‘层’是逻辑上的划分。 三层体系结构是将整个系统划分为如图2.1所示的结构[3] （1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 该层用于向客户端用户提供GUI交互，它允许用户
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他