原创 create-react-app從一個新項目到一個請求
最近在學習react，想着畫些小頁面練練手，於是就想着拿些酷狗的api調用玩玩。 首先命令行create-react-app appName建立一個名爲appName的react項目。然後npm start運行項目，瀏覽器輸入loc
2020-11-24 14:06:39
4
原创 對el-table和el-pagination組件二次封裝
如果是以elementUI作後管系統的UI庫的話，很多頁面基本都會用到el-table和el-pagination這兩個組件用於數據的表格顯示和分頁，但是這個兩個組件相對獨立，於是再寫了N次的el-table和el-pagination
2020-10-27 14:06:36
原创 CSS妙用，el-table中字段長度顯示過長怎麼辦
el-table中有些字段的長度太長，例如描述，備註等字段，一旦字數超過了列頭寬度的限制，就會被擠下另一行，導致table的每一行的高度不一致，看起來很不美觀 查閱官方手冊，其實是有提供一個 show-overflow-toolt
2020-09-22 14:06:54
15
原创 前端項目內網怎麼npm install以及安裝node-sass
最近項目都要切到內網開發，最令人頭疼的就是代碼遷移和項目重啓。前端項目都要npm install安裝依賴，外網自然不必說，這裏總結了幾個內網項目重啓的方法： 1.整個項目打壓縮包拷進內網，簡單粗暴 外網項目打壓縮包時不要去掉node
2020-09-01 13:44:41
原创 Vue動態綁定v-model
現在很多輸入框是通過前端寫死固定字段，如果這些字段是後端生成的呢？通過後端返回字段，形如 { key:'input1', label:'輸入框1' },{ key:'input2', label:'輸入框2'
2020-08-26 13:44:39
原创 axios設置了responseType之後仍然接收不到正確的Blob對象
有些項目導出功能是通過Blob對象實現的，代碼差不多可能大概類似長這個樣子： var params={ XX:xx, } this.$axios.get('/XXX/XXX',{ params: params,
2020-08-01 13:44:54
12
原创 Vue通過Blob對象實現導出Excel功能
不同的項目有不同的導出需求，有些只導出當前所顯示結果頁面的表格進入excel，這個時候就有很多插件，比如vue-json-excel或者是Blob.js+Export2Excel.js來實現導出Excel功能。但是有些需求因爲數據量太大
2020-08-01 13:44:54
19
原创 keep-Alive搭配vue-router實現緩存頁面效果
Vue工程中有些頁面需要有緩存。這個功能通過keep-alive組件實現，keep-alive組件可以使被包含的組件保留狀態，或避免重新渲染。 在routes.js中定義路由，在路由中定義元信息(meta字段)，需要緩存的頁面就需要
2020-06-24 14:01:34
2
原创 Vue項目刷新頁面的幾種方法總結
利用vue做的後臺管理系統是單頁面系統，當你想實現刷新的功能通常有以下幾個方法： (1)window.location.reload() 這個是原生js中提供的一種刷新方法，用於刷新當前文檔。 (2)this.$router.go(0)
2020-05-30 21:39:14
原创 vue利用全局導航守衛作登錄後跳轉到未登錄前指定頁面
有這樣一個場景：如果你在登錄之前輸入了http://localhost:8080/oauth2-mgm-app/#/userManage，想進入userManage頁面，但是由於沒有登錄，系統是不會讓你進入這個頁面，之後會被定向到login
2020-05-19 14:23:10
原创 Vue-cli3.0讀取外部化配置文件來修改公共路徑
之前我寫過一篇通過vue-cli3.0打包發佈到nginx配置代理轉發的博客，鏈接在此：https://www.cnblogs.com/jdWu-d/p/12197156.html，正常來說也是正確的，但不正常之處在了甲方還用了F5負載
2020-05-12 14:25:44
原创 基於OAuth2.0的token無感知刷新
目前手頭的vue項目關於權限一塊有一個需求，其實架構師很早就要求我做了，但是由於這個緊急程度不是很高，最近臨近項目上線，我纔想起，於是趕緊補上這個功能。這個項目是基於OAuth2.0認證，需要在每個請求的頭部攜帶access_token
2020-04-15 14:18:50
1
原创 Vue-cli3.0打包部署到Nginx
Vue-cli3.0相比於Vue-cli2.0，僅從根目錄來看，最大的區別就是Vue-cli3.0少了build和config文件夾，前者用於項目構建(webpack)相關代碼，後者用於項目開發環境配置。取而代之的是vue.config
2020-02-20 15:09:28
原创 Axios請求頭中常見的幾種Content-Type
Vue2.0之後，官方不再繼續維護vue-resource，尤雨溪大大推薦使用Axios用來替代Ajax。 Axios請求頭中的Content-Type常見的有3種： 1.Content-Type:application/j
2019-12-25 14:09:34
原创 詳解立即執行函數(function(){}()),(function(){})()
要知道這幾種寫法之間的區別，我們要先聊些題外話——js中函數的兩種命名方式，即表達式和聲明式。 函數的聲明式寫法爲：function foo(){/*...*/}，這種寫法會導致函數提升，所有function關鍵字都會被解釋器優先編
2019-12-03 14:11:19