原创 webpack4 + react + react-router + mobx + antd + axios + eslint 項目搭建

使用webpack4 + react + react-router + mobx + antd + axios + eslint 從零配置的react全家桶項目, 主要實現: react-router 配合 react-lo

原创 前端項目解決webpack打包後-webkit-box-orient: vertical ;消失問題

前端寫樣式的時候經常會用到文字溢出隱藏變省略號的樣式。 使用-webkit-box-orient: vertical;樣式,但是打包上線後,發現樣式丟失 方法1: 加上註釋命令,讓autoprefixer編譯的時候關閉對這行代碼的

原创 git 打標籤與版本控制規範

前言 本文適用於使用git 或 vcs (版本控制系統)的場景。 用過git 的程序猿,都喜歡其分佈式架構帶來的 commit 快感。不用像使用svn 這種集中式版本管理系統,每次提交代碼,都要爲代碼衝突捏一把冷汗。 頻繁 com

原创 VUE(nuxt)項目性能監測統計

最近有個需求是監測性能,要求在移動端項目裏統計控制檯(如下圖)最後一行的Finish,DOMContentLoaded和Load三個時間。 一、指標解釋 (1)Finish Finish 時間是頁面上所有 http 請求發送

原创 vim 常用命令,會持續更新

================入坑 vim 學習筆記 ============ ================ 移動 =============== jkhl 上下左右 單詞之間移動 e 移動到下一個單詞尾部 w 移動到下一

原创 vim 插件安裝和卸載

當沒有插件管理器時,Vim 用戶必須手動下載 tarball 包形式的插件,並將它們解壓到 ~/.vim 目錄中。在少量插件的時候可以。但當他們安裝更多的插件時,就會變得一團糟。所有插件文件分散在單個目錄中,用戶無法找到哪個文件屬

原创 Vue 項目首次加載速度優化

vue-cli 版本2.9.6 優化手段: CDN 加載靜態資源 路由按需加載 服務端配置nginx 開啓gzip 壓縮 前段時間接到公司任務。項目首次加載速度特別慢,首次加載要10多秒才能加載完。這個時間對於一個正常用戶絕對是無

原创 vue-2.6.10版本源代碼斷點調試方法

版本: vue-2.6.10, 一定要保證版本一致 因爲最開始調試源碼的時候下載的是這個版本,後來在百度上找到的一些方法,發現那些方法都是一兩年前的,根本不管用了,因爲版本迭代,vue源碼的配置已經變了! 1,先在github上找

原创 js查看瀏覽器是否支持某一方法 [native code] 如ES6新特性 && 獲取內置對象的子類型

1. 查看瀏覽器的對於API的支持 如 Proxy, Promise, Map, Symbol, Reflect等原生方法,在瀏覽器中的支持情況都可以用這個函數檢測 // 判斷瀏覽器是否支持某一方法 function isNa

原创 pm2 線上部署node 上傳文件報錯 502

node項目在使用pm2啓動項目時,開啓watch監聽會導致文件上傳(上傳至該項目內部的情況)出現服務器502的問題,或文件上傳一直pending中,返回未登錄. 原因:pm2監聽到項目內部文件修改,自動重啓項目,導致sessio

原创 webpack vue-cli2 區分測試 和 線上 環境

vue-cli2 自動創建的項目,已經給配合好了 dev 開發環境 和 prot 線上環境,但是實際開發中大部分會用到 test 測試環境。下面對測試環境進行配置。 vue-cli 版本 2.96 其他2.xx 的版本略有不同

原创 vue2 上傳圖片,使用axios發送FormData 格式數據,參數爲空

最近在用vue2 做項目的時候碰到一個簡單的上傳圖片功能,用的是axios ,用FromData 發送數據,但是發現參數從事穿不過去。 但是console.log 文件的時候明明是有的, 就算是設置 axios 的header

原创 mavon-editor 使用教程,上傳圖片,以及配置, 並且接續存儲的md格式的數據

mavon-editor是一款基於vue的markdown編輯器,比較適合博客系統。由於官網對於一些細節的說明不夠詳細,這裏對這裏對該編輯器的使用做一個總結。 安裝 npm install mavon-editor --save

原创 MYSQL 怎麼 LEFT JOIN 多表聯查

三表聯查 SELECT a.id, a.title, a.author, a.content, a.cover, a

原创 koa2 實現跨域

koa2 設置允許跨域需要用到 koa2-cors 插件 npm 地址 https://www.npmjs.com/package/koa2-cors server.js 中這樣寫 const Koa = require('