原创 Vue中使用Axios攔截器(攔截請求與相應)

Axios 是一個基於 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中。 Features 從瀏覽器中創建 XMLHttpRequests 從 node.js 創建 http 請求 支持 Promise API 攔

原创 Ant Design 中Tree踩坑

Tree中的api屬性有一個defaultExpandAll 這個屬性只在第一次渲染的時候有效,也就是說用戶刷新頁面後或者在這個頁面操作完這個組件後重新渲染的時候,這個值將不會有效。 解決辦法: expandedKeys={help.t

原创 Vue上傳阿里雲OSS(STS方式)

一、準備工作 1. 開通阿里雲OSS服務,從控制檯上獲取AccessKeyId和AccessKeySecret。 2. 創建Bucket,並登錄OSS控制檯 3. 配置Bucket (很重要) 將allowed origins(來源)設置

原创 動態設置scroll-view高度

直接上乾貨 wxml頁面 <scroll-view class='scroll-view' style="height: {{scrollViewHeight}}px" scroll-y wx:if="{{cardIndex==1}}"

原创 mpvue踩坑日記

app.json中pages字段裏的頁面地址不能重複 tabbar中不能設置字體大小(至少在2019.10.10之前是不支持的,希望後續能夠支持吧) 全局樣式放到app.vue中 給tabbar設置邊框陰影 官方沒有支持 但是可以變通一下

原创 vue-cli3.0項目啓動報錯

剛剛創建了一個vue-cli3的項目,使用的是Router+Less+Vuex+TypeScript,創建成功後,cd到目錄使用npm run serve啓動時報錯 ...... Module build failed (from ./n

原创 遞歸遍歷多層次菜單

//根據後臺數據格式化菜單 function formatMenu(data) { return data.map(function (item) { if (!item) { retur

原创 Vue上傳阿里雲OSS

一、準備工作 1. 開通阿里雲OSS服務,從控制檯上獲取AccessKeyId和AccessKeySecret。 2. 創建Bucket,並登錄OSS控制檯 3. 配置Bucket (很重要) 將allowed origins(來源)設置

原创 Vue中的v-slot如何使用

今天看了看Vue的文檔,發現了v-slot這個指令,生怕掉隊的我趕緊補習了一下 直接上代碼!!! //父組件 <template> <!--在此處添加渲染的內容--> <div> <el-button

原创 CSS3實現0.5px的線

如何使用CSS3實現0.5PX的線 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>0.5px的線</title> <s

原创 Vue中使用Axios攔截器

需求是攔截前端的網絡請求和相應。 廢話不多說,直接上乾貨。 我用的是vue-cli3所以這個config文件是我自己創建的。 先介紹env.js //根據不同的環境更改不同的baseUrl let baseUrl = ''; //開

原创 JS事件委託

 前兩天看了一篇文章講到了事件委託,然後自己就查了一下,get到了一些知識! 首先感謝之前那篇文章的大佬。原文章位置,大佬寫的非常透徹。令我茅塞頓開。(商業互捧ing) <!DOCTYPE html> <html lang="en">

原创 uni-app操作DOM節點

最近學到了一個比較好用的框架uni-app,可以做六端適配,學習一下!!! 官網文檔找了好久才找到這個。   //獲取category-list的高度 let view = uni.createSelectorQuery().selec

原创 video添加海報圖

<video controls poster="/images/w3school.gif"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg"

原创 NavMenu 阻止事件冒泡

  當我點擊首頁的按鈕時絕對定位到左上角,點擊頁面其他位置是關閉菜單 但當我點擊了菜單上的選項時,菜單也會觸發到關閉菜單的事件 <template> <!--在此處添加渲染的內容--> <div @click="intercep