原创 vue-cli3 配置less全局變量

安裝依賴包 npm i style-resources-loader -D 根目錄 vue.config.js  const path = require('path') module.exports = { chainW

原创 微信小程序 - Promise 封裝多張圖片上傳

前言 最近,項目需要新加一個用戶發佈文章的功能,因爲小程序選取的圖片都是臨時路徑,所以需要上傳到服務器轉爲網絡圖片路徑再發布出去。但是小程序上傳圖片只支持單張圖片,在這種情況下圖片的上傳完成後輸出的順序、判斷圖片是否全部上傳完成等,都是一

原创 JS-封裝深拷貝函數

簡單實現一個深拷貝的函數  實現 function deepClone(origin){ var isObject = any => typeof any == 'object' && any != null var i

原创 一個 Duang~ 的CSS3動畫

 深夜無聊去lol官網逛一下,第一個吸引我注意力的並不是有什麼活動,而是一個css動畫。。。Duang~ 於是找了下源碼,複製下來玩一下,還挺有意思的,佩服大佬! 這個動畫應用在導航欄的小圖標上也是挺有意思的。。。玩一年 @keyfr

原创 formData上傳音樂文件

此例子使用axios請求 audio 爲 file 文件對象,可通過 file 類型的 input 標籤獲取。 const uploadMusic = async ({appName,audio})=>{ let formData

原创 微信小程序 - Promise 封裝多張圖片上傳(後續)

問題 昨天在使用封裝的promise上傳圖片時,又發現了一個小問題(主要因爲業務的需要) 如果,傳入的數組中有一些已經是網絡圖片路徑時,上傳圖片就會出現報錯,導致整個圖片上傳都崩了。原因是wx.uploadFile上傳只接受臨時圖片路徑。

原创 一個 Duang~ 的CSS3動畫(果凍?)

 深夜無聊去lol官網逛一下,第一個吸引我注意力的並不是有什麼活動,而是一個css動畫。。。Duang~ 於是找了下源碼,複製下來玩一下,還挺有意思的,佩服大佬! @keyframes jump{ 0%{-webkit-transfo

原创 微信小程序 - 手寫下拉刷新效果

問題 最近在仿寫騰訊新聞小程序,在首頁中分別有三個板塊,它們是在一個頁面中通過滑動tab的效果來進行切換。所以我用swiper + scroll-view來模仿這樣的效果,但是在後面做下拉刷新的時候,發現有個很嚴重的問題,由於這三個板塊是

原创 微信小程序 - 本地圖片臨時路徑轉base64 和 遠程圖片轉base64

本地臨時圖片路徑轉base64 base64({url,type}){ return new Promise((resolve, reject) => { wx.getFileSystemManager().

原创 vue組件間的傳值(父子、子父、兄弟、後代、非兄弟)

在解決組件通訊方面,比較好用的就是vuex,但是在小型的項目中使用vuex就會有點大材小用的感覺,而且會增加文件體積。以下的都是不用vuex的傳值解決方法,本文着重點是 後代的傳值 和 非兄弟的傳值,一些基本的操作就粗略帶過。。。 好的,