原创 Vue路由引導-當路徑路由出錯

當路由填寫出錯或不存在時,可在router的路由界面中填寫以下index.js內容: const routes = { { path:'*',redirect:'/' } }

原创 Echats關係圖les-miserables的圖表詳細解析(和絃圖)

echats關係圖之les-miserables的圖表解析(和絃圖) 一、圖表展示分析 當前遇到的圖表爲關係圖官網連接les-miserables圖形編輯,它的數據結構連接爲:https://www.echartsjs.comd

原创 Vue二級三級路由、路由守衛

一、二級路由和三級路由 router/index.js A路由設置 針對二級路由或者三級路由的直接默認顯示路由信息 B引入路由信息 二、路由守衛信息: 全局配置守衛信息: main.js router.beforeEach(

原创 鼠標hover界面logo觸發放大動畫效果css樣式

在宣傳官網上普遍的動畫效果,就是鼠標hover觸發logo輕微變大 css代碼效果如下: .featured-app-logo-wrapper{ width:120px !important; height:120px !im

原创 Vue組件嵌套-全局/局部註冊組件

一般都使用局部註冊組件與使用 Users.vue <template> <div></div> </template> 1.全局註冊組件 main.js import Users from './components/User

原创 electron+vue項目簡單創建

當具有electron和vue的基礎知識後,可以創建基於vue的electron項目 electron-vue 充分利用 vue-cli 作爲腳手架工具,加上擁有 vue-loader 的 webpack、electron-pac

原创 JavaScript URLdecode函數

JavaScript中urldecode有相應的函數,使用方便。但urldecode就需要一些處理,直接上代碼 function UrlDecode(zipStr){ var uzipStr = ''; for (va

原创 gulp打包報錯 “Error: Unhandled 'error' event at new JS_Parse_Error”

報錯信息如下: 原因在於gulp打包時未將es6語法轉爲es5 1.首先在項目下進行安裝gulp的babel轉碼 npm install --save-dev gulp-babel babel-core babel-preset

原创 gulp使用babel的坑:使用babel後js並沒有壓縮 未更新

在使用gulp進行對項目文件的壓縮時,出現了es6語法轉化未es5後進行壓縮js,並沒有按照設置的生成預期出現的minjs,以及更新相應的js文件。 問題:經過網上查詢資料以及反覆嘗試,發現是npm發佈的gulp-babel版本問

原创 解決鼠標mouseenter和mouseleave來回閃爍問題

寫久了UI組件封裝的web項目,再去寫常規的無UI組件的後臺管理系統,真是添磚加瓦都得自己寫。 在實際運用中,鼠標事件會有很多的觸發異常效果在裏面,比如今天要說的鼠標經過、移開事件,我習慣用mouseenter 和 mousel

原创 warning package.json: No license field報錯

只需要在package.json內對license添加“ISC”值即可 "license": "ISC", 再次執行無誤

原创 Can't locate Mac/Memory.pm in @INC報錯與electron-vue打包操作

electron–builder 打包詳細過程 electron-vue在利用npm run build後報錯,最終採用了electron-builder來打包 以上是報錯內容 需要在打包前,先進行pack編譯 npm ru

原创 gyp ERR! configure error. gyp ERR! stack Error: gyp failed with exit code: 1

electron-vue項目初打包時報錯 AttributeError: ‘NoneType’ object has no attribute ‘groups’ gyp ERR! configure error gyp ERR!

原创 簡單創建electron+vue項目

當具有electron和vue的基礎知識後,可以創建基於vue的electron項目 electron-vue 充分利用 vue-cli 作爲腳手架工具,加上擁有 vue-loader 的 webpack、electron-pac

原创 Eslint的報錯信息Module Error (from ./node_modules/[email protected]@eslint-loader/index.js)解決方法

此處報錯爲eslint多添加了一個分號,是因爲在項目中Eslintrc.js內的配置中並未允許添加分號,故只需要修改該文件並進行配置即可。 關於分號的配置爲下圖中的semi,此處設置爲0即可 module.exports = {