原创 vue中Cannot read property '_wrapper' of undefined 報錯
出現這個報錯，是你@click的方法沒有在methods中定義，很奇葩的報錯，竟然不會定向到具體哪行。
2020-06-28 06:17:02
原创 vue-cli3學習第一節之構建一個vue-cli3項目空殼
vue-cli3已經出來很久了，查了下官方的github，最早的是3.0.0-alpha.1 (2018-01-25)，我寫這篇文章的時間是2019.05.27，經過時間的沉澱，一些坑也都填的差不多了，而且我所接觸的前端開發有用vue-c
2020-05-31 11:19:50
原创 vue之mixin，component，slot的真正用法
引子 最近剛好重讀vue文檔，發現了自己之前不用的mixin混入，才發現以前重複寫的代碼是多麼愚蠢。 對於現在的vue來說，dom結構重複的話可以用組件封裝，js方法重複的話可以用mixin混入，css重複的話可以用@import
2020-05-31 11:19:40
1
原创 用vue簡單寫一個音樂播放器
簡單地寫一個功能比較全的音樂播放器 前言 因爲音樂播放器是一個很可能在項目遇到的東西，早寫總比晚寫好。趁沒事先寫個。 思路 一個音樂播放器該有的東西： 封面，歌名，專輯，作者 控制器（上一首，下一首，暫停播放） 進度條（
2020-05-31 11:19:40
原创 前端處理文件流下載文件超級超級超級簡單的方法
今天后端讓幫忙做個導出excel的功能，ok。 後端提供的數據： 接口：content/scale/downloadExcel 參數爲：chnlCode=xxx 前端處理： // 調用該方法，傳入chnlCode即可實現文件流下載
2020-05-31 11:19:40
原创 vue-cli3學習第四節之請求方法，路由跳轉的封裝和統一攔截
在項目中，接口請求是一定會出現的，那麼相對的，對接口請求的方法封裝也是必要的。 本方法請求使用的aixos插件， 封裝： // src/utils/request.js // 封裝了axios的請求方法，完善請求前後攔截以及加載動畫 /
2020-05-31 11:19:40
原创 vue-cli3學習第三節之引入各種插件
簡單的環境配置好後，那麼就開始引入所需要的插件了，個人常用的插件有： 非服務端渲染： vant（前端ui框架）; axios（請求插件）; Cookies（cookie存儲方法封裝）; 一般項目有着3個幾乎就夠了，畢竟babel轉碼，vu
2020-05-31 11:19:40
原创 element的el-scrollbar的使用方法
element本身是沒有將這個寫在文檔裏的，但是在使用各組件時還是經常要用的。 不過偶然發現類似以下：只有在組件中增加style="overflow-y:auto"即可實現y軸超出出現滾動條的效果，同理x軸 <el-menu
2019-06-29 15:59:44
原创 vue的keep-alive的正確用法
keep-alive的正確用法 實現： 我有3個頁面， 一個index頁面，包含點擊進入分類sort頁面和進入詳情detail頁面兩個功能 一個sort頁面，包含上劃加載，進入詳情detail頁面兩個功能 一個detail頁面
2019-06-26 17:14:00
原创 【轉】如何實現一個下載進度條/播放進度條
如何實現一個下載進度條/播放進度條：https://juejin.im/post/5cfcd4c5f265da1bb13f246e
2019-06-19 16:16:11
2
原创 css動畫--硬幣旋轉
純css樣式的硬幣旋轉 效果圖 思路 利用transform的rotate進行旋轉，利用transform的translateZ進行視覺差部署。 代碼 <!DOCTYPE html> <html lang="en">
2019-06-13 20:36:18
59
原创 vue-cli3學習第二節之配置開發dev，測試test，正式pro三種環境
項目空殼已經搭建完成，在寫代碼前先配置3個環境吧。 根據官方文檔：https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F 我們需要在根目錄下增加幾個文件（tx
2019-06-10 17:11:54