• js中的_是什么意思(比如 _.shuffle(this.items))


    js中的_是什么意思(比如 _.shuffle(this.items))

    一、总结

    一句话总结:

    a、_是一个变量名。这里是一个全局变量。lodash和Underscore会把自己的代码都放在这个变量内。
    b、和jQuery的 $同理。主要是打字方便。

    二、js中的_是什么意思(比如 _.shuffle(this.items))

    博客对应课程的视频位置:

    _是一个变量名。
    这里是一个全局变量。
    lodash和Underscore会把自己的代码都放在这个变量内。
    和jQuery的 $同理。
    主要是打字方便。

    例如vue中的列表动画(用lodash.js)

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>vue列表动画</title>
     6     <style>
     7         .flip-list-move {
     8             transition: transform 1s;
     9         }
    10     </style>
    11 </head>
    12 <body>
    13 <!--
    14 
    15 <transition-group> 组件还有一个特殊之处。
    16 不仅可以进入和离开动画,还可以改变定位。
    17 要使用这个新功能只需了解新增的 v-move attribute,它会在元素的改变定位的过程中应用。
    18 像之前的类名一样,可以通过 name 属性来自定义前缀,也可以通过 move-class 属性手动设置。
    19 
    20 v-move 对于设置过渡的切换时机和过渡曲线非常有用
    21 
    22 
    23 js中的_是什么意思(比如 _.shuffle(this.items))
    24 
    25 _是一个变量名。
    26 这里是一个全局变量。
    27 lodash和Underscore会把自己的代码都放在这个变量内。
    28 jQuery的 $同理。
    29 主要是打字方便。
    30 
    31 
    32 
    33 
    34 -->
    35 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.14.1/lodash.min.js"></script>
    36 <script src="https://cdn.bootcss.com/lodash.js/4.17.15/lodash.js"></script>
    37 
    38 <div id="flip-list-demo" class="demo">
    39     <button v-on:click="shuffle">Shuffle</button>
    40     <transition-group name="flip-list" tag="ul">
    41         <li v-for="item in items" v-bind:key="item">
    42             {{ item }}
    43         </li>
    44     </transition-group>
    45 </div>
    46 <script src="../js/vue.js"></script>
    47 <script>
    48     let vm = new Vue({
    49         el: '#flip-list-demo',
    50         data: {
    51             items: [1,2,3,4,5,6,7,8,9]
    52         },
    53         methods: {
    54             shuffle: function () {
    55                 this.items = _.shuffle(this.items)
    56                 //console.log(_);
    57             }
    58         }
    59     })
    60 </script>
    61 </body>
    62 </html>
     
  • 相关阅读:
    java NIO ;mvn
    查询mysql当前连接数
    lifecycle of opensource products--x86-64
    docker squid---but git proxy should specify by git config --global http.proxy http:...
    java jmx
    zabbix basic concept
    智能手机,医疗诊断,云会议(gotomeeting/citrix)
    子网划分
    Cloudstack4.2之改变数据卷容量的大小(Resize Data Volumes)
    OCFS2 Fencing
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12749370.html
Copyright © 2020-2023  润新知