原创 es6的各種小紅書

看各種帖子和阮一峯老師的es6做了些自己的核心記錄,用來回顧 解構賦值 從對象解構 const AritleDetail = { articleId: 'at_001', authName: 'm

原创 vue ant design 的日期組件range-picker表單中進行moment賦值問題

官方文檔這樣寫 參數 說明 類型 showTime.defaultValue 設置用戶選擇日期時默認的時分秒 moment[] 之前進行過普通票哪個的datepicker賦值 區別是range-picker是將兩

原创 vue前端Cli配置解決跨域

主要通過Cli裏面的devServer選項進行配置: devServer.proxy 如果你的前端應用和後端 API 服務器沒有運行在同一個主機上,你需要在開發環境下將 API 請求代理到 API 服務器。這個問題可以通過 vu

原创 G2實現南丁格爾圖添加中心文字以及legend百分比

先看效果: 中心文字設置 this.chart.guide().html({ position: ['50%', '50%'], html: `<div style="color:#f

原创 vue複用封裝的G2組件圖形被繪製在同一個div中的問題(echarts同樣原理)

距離發現原因是查找渲染完的do時,發現第一個col的div裏面渲染了2個canvas,而第2個col裏面只繪製了一個空的div,裏面沒有包有canvas,原理就是g2根據div的id去查找繪製在那個div裏面,所以組件內不能寫固定

原创 vue構建項目使用vue create project過程中加載太慢或不動

修改vueclie構建的npm源: 打開C:\Users\admin.vuerc文件 { "useTaobaoRegistry": false,//打開關閉淘寶npm源 "packageManager": "npm",

原创 mysql8使用group報錯(Expression #1 of SELECT list is not in GROUP BY clause )

首先網上查了一下,是有解決方案的,主要原因是 MySQL 5.7.5和up實現了對功能依賴的檢測。如果啓用了only_full_group_by SQL模式(在默認情況下是這樣),那麼MySQL就會拒絕選擇列表、條件或順序列表引

原创 Egg.js修改代碼無法自動編譯,無法熱加載自動重啓服務問題

解決是解決了,具體原因不明,可能是webstorm在識別webpack-dev-server時設置了ide緩存 打開webstorm的設置界面(ctrl+alt+s) 選擇外觀行爲 -> 系統設置 -> 取消safe write

原创 jeecg-boot源碼下的vuex模塊化設計分析

用jeecg-boot做了2個項目,這2天特地研究了一下源碼,主要研究裏面對vuex的模塊化設計,差不多基本分析出了整個框架的vuex設計,整理成了一個xmind文件做記錄。 感興趣的或者用這個框架的可以看一下: xmind文件

原创 發佈一個vue封裝的組件npm包,vue天氣組件

構建一個 Vue 組件項目 開發vue組件使用webpack-simple vue init webpack-simple free-time-ui 項目目錄結構: . ├── src/

原创 前端Vue-CLI配置scp2進行服務器自動部署

話不多說 安裝scp2 npm install scp2 --save-dev 配置服務器文件 項目根目錄創建文件 .env.dev 文件 (測試環境變量)和創建 .env.prod 文件 (生產環境變量) VUE_APP_

原创 npm login命令輸入不了密碼

最近寫npm,註冊完npm賬號之後再本地進行登錄,登錄方式很簡單,命令行: npm login 然後一次需要輸入用戶名,密碼,郵箱,都是註冊npm時候的信息,後來到輸入密碼是發現怎麼都輸入不上,一番搞,發現是密碼被隱藏了 輸入

原创 vue監聽子組件生命週期

偶爾看到的,覺得很好玩: 比如有父組件Parent和子組件Child,如果父組件監聽到子組件掛載mounted就做一些邏輯處理,常規的寫法可能如下: // Parent.vue <Child @mounted="doSomethi

原创 GitFlow工作流和git命令你看不懂?

先放一個gitflow的流程圖: Master分支,這個分支最近發佈到生產環境的代碼,最近發佈的Release(新功能), 這個分支只能從其他分支合併,不能在這個分支直接修改,該分支代表着線上最新代碼。 Develop 分支,

原创 G2環形圖legend圖例使用滾動條可滑動

先看效果: this.chart.legend({ // marker: 'square', position: 'right-center', // textStyl