微信扫一扫打赏支持

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>

 

 

 

 

 

 
posted @ 2020-04-22 02:29  范仁义  阅读(1608)  评论(0)  编辑  收藏  举报