原创 cookies,sessionStorage 和 localStorage 的區別?

sessionStorage 和 localStorage 是 HTML5 Web Storage API 提供的,可以方便的在 web 請求之間保存數據。有了本地數據,就可以避免數據在瀏覽器和服務器間不必要地來回傳遞。 sessionS

原创 `data-`屬性的作用是什麼?

`data-`爲H5新增的爲前端開發者提供自定義的屬性,這些屬性集可以通過對象的 `dataset` 屬性獲取,不支持該屬性的瀏覽器可以通過`getAttribute` 方法獲取 :   需要注意的是:`data-`之後的以連字符分割的多

原创 vuex mapState、mapGetters、mapActions、mapMutations的使用

例子:   index.js   import Vue from 'vue' import Vuex from 'vuex' import mutations from './mutations' import actions from

原创 Vue 優化

一、vue代碼層面 1、路由懶加載 當打包構建應用時,Javascript 包會變得非常大,影響頁面加載。如果我們能把不同路由對應的組件分割成不同的代碼塊,然後當路由被訪問的時候才加載對應組件,這樣就更加高效了。 2、代碼模塊化 咱們可以

原创 Vue中extend組件的用法

Vue.extend的用法 一、 extend創建的是一個組件構造器,而不是一個具體的組件實例     所以他不能直接在new Vue中這樣使用: new Vue({components: first})    最終還是要通過Vue.co

原创 vuex中mutation和action的區別

vuex中mutation和action的詳細區別 const store = new Vuex.Store({ state: { count: 0 }, mutations: { increm