原创 Element-UI單選框（el-radio-group）點擊事情的問題

結合el-radio-group元素和子元素el-radio可以實現單選組： template部分： <el-radio-group v-model="tabPosition" v-for="item in tabs" :key="item

2019-01-16 11:56:20 30

原创 referrer策略和meta標籤的問題

請求後端接口時，banner圖片的請求出現403錯誤：GET http://xxxxxxxxxxxx 403（Forbidden）。在網上搜尋一番，解決方法如下：在index.html中的head中添加<meta name="referre

2019-01-16 11:56:20 17

原创 axios異步請求數據的簡單使用

使用Mock模擬好後端數據之後（Mock模擬數據的使用參考：https://segmentfault.com/a/11...），就需要嘗試請求加載數據了。數據請求選擇了axios，現在都推薦使用axios。 axios（https://gi

2019-01-13 18:04:49

原创 Mock模擬後臺接口數據的簡單使用

在項目開發的過程中，有時候會出現後端數據還沒出來，而前端需要數據的情況。這時候，如果等着後端人員開發完再進行測試，聯調則會拖慢開發進度。這時候，Mock就顯示出它的魅力。它可以進行生成隨機數據，模擬後端接口數據，從而實現開發時，前後端分離，

2019-01-12 18:12:39

原创 vue-awesome-swiper頁面渲染輪播無效的問題

vue-awesome-swiper的問題 使用vue-cli搭建的項目，在圖片輪播部分採用了vue-awesome-swiper插件，沒有數據時有輪播效果，接入數據渲染時，輪播無效。在網上查找一番之後，解決方法是，在最外面的swiper標

2019-01-12 16:14:53 2

原创 數組方法的二三事

數組，對於每一個前端人員來說是非常常見且重要的數據結構之一，也是面試常常出現的題目，掌握數組的方法能幫助我們更高效地處理問題。不過在數組的學習中，我們常常會混淆數組本身的方法和Javascript提供的數組的方法，在這裏只簡單歸納一下。 常

2019-01-09 19:35:06

原创 前端經典面試題CSS三欄佈局

對於前端來說，佈局也是必須掌握的，一個好的佈局可以讓頁面看起來更美觀。提到佈局，那就不得不說CSS三欄佈局。這是前端面試經常會問到的一個問題，算是基礎題。所謂的三欄佈局，一般是指左右兩邊固定中間自適應，或者是中間固定左右兩邊自適應。 左右兩

2019-01-06 23:05:06

原创 vue-router和webpack懶加載，頁面性能優化篇

在vue單頁應用中，當項目不斷完善豐富時，即使使用webpack打包，文件依然是非常大的，影響頁面的加載。如果我們能把不同路由對應的組件分割成不同的代碼塊，當路由被訪問時才加載對應的組件（也就是按需加載），這樣就更加高效了。——引自vue-

2019-01-04 23:34:44

原创 組件調用錯誤，路徑問題

使用vue-cli構建項目，在項目進行的過程中，某個詳情頁調用組件報錯，在別的頁面中同樣調用過該組件，但是沒有報錯。錯誤信息如下： This dependency was not found: * play.vue in ./node_mo

2019-01-02 23:24:48

原创 關於for循環的簡單歸納

關於for循環，我常常會混淆，在此做一下梳理。 1、for循環 最原始的遍歷，獲得數組裏的值。 var arr1 = [1, 2, 3]; for(var i = 0 ; i< arr1.length; i++){ console.lo

2019-01-01 21:55:26

原创 vue-cli引用mui的JS文件遇到的問題

因項目的需要，採用了MUI的滾動事件（scroll），遇到了不少的問題，做個記錄，方便以後查詢。 問題一：引入MUI頂部滑動樣式後，頂部滑動條全屏顯示 <div id="slider" class="mui-slider mui-fulls

2018-12-29 10:14:58 12

原创 vue引入阿里圖標庫（iconfont）單色和彩色圖標

使用組件庫時，圖標往往不能滿足需求，所以我們常常需要用到第三方圖標庫。阿里圖標庫是我們的常客。有兩種形式，一是單色，二是彩色的。 單色圖標的引用 1、在iconfont官網選圖標，加入購物車，加入項目，下載到本地，解壓 2、在項目src目

2018-12-28 12:44:49 8

原创 關於 npm audit 引發的坑

利用vue-cli搭建了一個關於在線學習英語視頻的網站，在項目運行的過程中，常常會看到終端有一個提示： found 2 vulnerabilities (1 low, 1 high) run 'npm audit fix' to fix t

2018-12-28 11:14:59 10

原创 Git的一些常用操作

當你開始一個完整的項目時，git會是你經常接觸到的，以下是今天學習到的一些常用操作，對於前端新手而言，足以。 Git的介紹和安裝（略） 推薦廖雪峯的Git教程，裏面介紹得非常詳細，還有git的操作，值得好好學習和收藏。 開始創建 git

2018-12-28 00:02:42

原创 JavaScript面向對象~ 作用域

聲明 代碼在執行的過程中會有一個預解析的過程，也就是在代碼的執行過程中，會先將代碼讀取到內存中，檢查其是否有錯誤，然後將所有聲明在此進行標記，讓js解析器知道有這樣的一個名字，後面使用時便不會出現未定義的錯誤，這個標記的過程就是提升。 變

2018-12-21 09:42:42