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>

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM