原创 Electron-vue實戰-每日清單---03功能介紹與環境搭建

項目地址,歡迎批評指正,隨手Star喲 Electron-vue實戰-每日清單—01Electron-vue的使用 Electron-vue實戰-每日清單—02Electron-vue的目錄詳解 Electron-vue實戰-每

原创 vue實現全屏滾動,非fullpage.js

是什麼 網頁的一個頁面佔據一屏的寬高,多個頁面上下或者左右拼接在一起。當滑動鼠標滾輪,或點擊導航按鈕時,可以平滑到對應的頁面。 此次只實現鼠標滾動 實現原理 使用mousewheel , DOMMouseScroll(火狐用

原创 css3 實現心跳

原文鏈接 源代碼 效果預覽 先實現一個正方形,然後旋轉實現,實現心的下半部分 //預設一個div <div class="heart"> </div> .heart { //這裏模擬心跳的動畫,後面會寫

原创 當v-for遇到img標籤-加載本地靜態圖片

約定:本地圖片放在assets目錄下 具體如下: ----assets -----------img/*.png ----layouts -----------test.vue 情況1. data中定義了圖片的地址 注意點:

原创 Electron-vue實戰-每日清單---02Electron-vue的目錄詳解

項目地址,歡迎批評指正,隨手Star喲 Electron-vue實戰-每日清單—01Electron-vue的使用 Electron-vue實戰-每日清單—02Electron-vue的目錄詳解 Electron-vue實戰-每

原创 js reduce()

是什麼 ES5提供的數組的方法。 reduce() 方法接收一個函數作爲回調函數(accumulator),數組中的每個值(從左到右)開始縮減(其實就是從左往右開始對每個數執行回調函數),最終爲一個值。 PS: 回調函數的返回結

原创 Electron開機自啓動

使用electron自帶的自啓動方法 主進程 // 獲取可執行文件位置 const ex=process.execPath; // 定義事件,渲染進程中直接使用 // 開啓 開機自啓動 ipcMain.on('openAuto

原创 vuex01-安裝使用

安裝 npm install vuex --save yarn add vuex 使用 新建文件以及文件夾 在src目錄下新建名爲store的文件夾(名稱隨意) 在store目錄下新建名爲index.js文件(名稱隨意)

原创 Vue02 state與mapState

!!! 這個例子可以先忽略mutations 初始化一個state const store = new Vuex.Store({ state: { name: "old name", age

原创 Electron-vue實戰-每日清單---01Electron-vue的使用

項目地址,歡迎批評指正,隨手Star喲 Electron-vue實戰-每日清單—01Electron-vue的使用 Electron-vue實戰-每日清單—02Electron-vue的目錄詳解 Electron-vue實戰-每

原创 vue組件監聽vuex的屬性

使用computed接收state的值 computed: { getCount() { return this.$store.state.count; } } 使用watch監聽computed

原创 vue+vue-route實現麪包屑

<div> <div v-for="(item,index) in levelList" :key="item.path" style="display:inline"> // 如果是最後一個的話

原创 vuex源碼解析01index與install

index.js index 文件夾主要是爲了導出vuex提供的模塊 import { Store, install } from './store' import { mapState, mapMutations, mapG

原创 vuex05Action與mapAction

Action是什麼 Action 提交的是 mutation,而不是直接變更狀態。 當然Action也獲取state,getter Action 可以包含任意異步操作。 Action 函數接受一個與 store 實例具有相同方法和

原创 vuex03Getter與mapGetters

Getter是個啥 是個對象,類似於computed裏面的對象 如果我們需要對state對象進行做處理計算,比如說,我們有三家超市,我們想計算三家超市的總營業額。同時還要計算實際的收入,假設成本是200。 同時getter還可以接