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>
