zoukankan      html  css  js  c++  java
  • 处理数据

    1.渲染数据

      (1)案例分析   原有的list中有三个li,并且每个li身上都有onmouseover事件

      

        1.字符串拼接,最常用的方法

          

         优点:只进行了一次Dom回流

          缺点:原有的dom的事件都会丢失

        原因:就在与innerHTML这个属性,这个属性是返回或设置Dom中的内容,以字符串形式返回,拼接完之后是string类型,而onmouse这些属性是Dom元素对象身上的,所以这些onmouse系列的属性就丢失了

        2.Dom循环

        

       优点:原有的dom身上的事件不会丢失,不影响其他dom

       缺点:dom回流次数过多,严重影响网页性能

        3.模板

                      模板的本质就是字符串

       4.文档碎片

          

       优点:既不影响原有dom的属性,也只回流一次。

    Dom回流

      每次对dom元素进行增删改的时候,浏览器就会重新加载一个,把新的结果渲染出来。

    无论上面四种方法,新增的li没有onmouseover事件如果要保证新增的li也拥有添加的事件。用dom遍历添加事件是不行的,用事件委托。

        

    事件委托:

       利用的原理就是事件冒泡机制,但并不是所有的事件都有冒泡机制,比如mouseenter  mouseleve

    XML     

      常见得数据存储格式有两种。一种是json占99.99%另一种是xml

      1.要有xml申明

        

      2.要有根节点

      3.xml必须是双标签

      4.对大小写敏感

      5.xml标签的属性值一定要加引号

        xml中的内容不能使用特殊符号><&等

        文档中的空格会被保留

      通过ajax获取数据

        json格式     需要解析     string类型==》json类型“{'name':'zhang}”==>{'name':'zhang'}

        用JSON.parse(),反过来{'name':'zhang'}==>“{'name':'zhang}”

        用JSON.stringify()

        注意事项:json  里面用双引号  外面只能用单引号

          

  • 相关阅读:
    数据库三,exec内置函数
    HDU 1003:Max Sum(DP,连续子段和)
    HDU 1024:Max Sum Plus Plus(DP,最大m子段和)
    Codeforces 698A:Vacations(DP)
    牛客多校第五场 J:Plan
    51Nod 1091:线段的重叠(贪心)
    ZZNU 2125:A + B 普拉斯(傻逼题+大数加法)
    HDU 1010:Tempter of the Bone(DFS+奇偶剪枝+回溯)
    HDU 1176:免费馅饼(DP,自认为很详细的解释)
    POJ 2312:Battle City(BFS)
  • 原文地址:https://www.cnblogs.com/jiangningjn/p/10530255.html
Copyright © 2011-2022 走看看