有時候也需要在內聯語句處理器中訪問原始的DOM事件，可以使用$event把它傳入方法

例子：

<button v-on:click="warn('Form cannot be submitted yet.', $event)">
  Submit
</button>

// ...
methods: {
  warn: function (message, event) {
    // 現在我們可以訪問原生事件對象
    if (event) event.preventDefault()
    alert(message)
  }
}

使用benchmark.js進行前端代碼基準測試

驗證

Vue中數組變異方法部分的源碼

JavaScript的內存管理

使用git status查看狀態
使用git add 將上面status中打印出來的路徑放在后面即可

Less的學習

今天主要的學習成果有：

• less的學習
• 動畫效果的設置

Less的總結的話，還是看上面那篇文章先，現在總結還為時過早（需要多踩坑）

動畫效果的總結
首先是slot的學習，今天的一個業務是需要往子組件中添加一個按鈕，但是這個子組件需要放在父組件中（方便操作），需要怎么做呢？？
可以是用具名插槽slot

子組件中的寫法

<template>
  <div>
    <slot name="toggleBtn"></slot>
    <div class="siderbar-container" v-html="content">
    </div>
  </div>
</template>

父組件中的寫法

  <sidebar class="left">
      <button 
        class="btn btn-default toggle-btn" 
        slot="toggleBtn" 
        @click="toggle">{{ toggleText }}</button>
  </sidebar>

然后是動畫效果的設置
首先布局方面使用的圣杯布局，一開始是展開狀態，設置isToggle:false,toggleText: '收起'然后需要設置點擊的時候，執行一個方法，將寬度縮小至5%，padding-left設置為20%，同時將isToggle和toggleText都分別換成TRUE和‘展開 ’

記住，只要屬性改變，可以使用transition屬性設置動畫效果