原创 echarts tooltip被遮擋

echarts tooltip被遮擋  在製作圖表中,發現有時候tooltip會被線條遮擋或者被柱子折線遮擋,這種情況會偶爾出現,解決方案如下 positions屬性解決。 tooltip: { position:func

原创 vue父組件數據更新,子組件沒有變化。

vue父組件數據更新,子組件沒有變化。  在父子組件傳參時,父組件將值傳到子組件後,子組件進行數據展示,在第一次傳參時可以正常顯示,過一段時間後重新賦值,則發現子組件裏面數據沒有更新,這個時候需要在子組件中加入watch 進行數據監聽

原创 echarts x,y軸數據不一一對應時 折線圖和柱狀圖的寫法。

echarts x,y軸數據不一一對應時 折線圖和柱狀圖的寫法。  根據官網和社區給出的demo來看,柱狀圖折線圖等等,很多都是X,Y軸一一對應畫出來的,比如 option = { xAxis: { typ

原创 vue 父組件請求數據,props爲undefined,子組件獲取不到值。

vue 父組件請求數據,子組件獲取不到值。props爲undefined  解決辦法就是 在渲染的時候給組件標籤上面加一個條件渲染,在父組件請求完成後,將數據賦值,然後將渲染表達式成立; 示例 子組件A <div> 我是

原创 vue動態路由,前端請求路由。addRoutes。

vue動態路由,前端請求路由。addRoutes。  需求: 之前都是前端固定寫好路由,然後跳來跳去,雖然做的有根據登錄者類型去做左側菜單篩選(隱藏,顯示),也添加了路由守衛對路由進行攔截處理。但是並不安全,因爲在初次加載時就默認已經

原创 微信小程序左滑出現菜單

微信小程序左滑出現菜單,https://download.csdn.net/download/qq_38880700/11856487  實現步驟 佈局採用絕對定位,通過left的偏移位置進行菜單的出現和隱藏; 捕捉touch事件,對

原创 移動端隱藏X軸滑動條

移動端隱藏X軸滑動條 步驟 子元素設置高度,設置不換行屬性 white-space: nowrap和overflow-x: scroll; 父元素設置高度,高度小於子元素,讓子元素將父元素高度撐開。設置css屬性 overflow-x:

原创 微信內自動播放音樂,隊列播放音樂,請求播放音樂。

微信內自動播放音樂,隊列播放音樂,請求播放音樂。 需求介紹 通過ajax輪詢,獲得播放信息,如果返回的有音樂名稱則播放,反之不播放。 個人流程總結 首先進入頁面調用監聽 playReady()函數,在函數中發起第一次請求 在第一次的

原创 微信小程序藍牙連接步驟

微信小程序藍牙連接步驟  注意,微信小程序的低功耗藍牙,獲取附近藍牙時,ios和android獲取的deviceid 是不一樣的。android獲取的是mac地址,ios獲取的是經過內部轉換加密過的。 連接成功後,調用wx.ge

原创 個人紀錄,封裝Axios。

React中封裝Axios  創建request.js文件 //創建request.js文件 //封裝axios import Axios from 'axios'; const GLOBAL_URL = "*****";

原创 element 多文件上傳,一次請求完成。

前幾天再用element 上傳功能時發現,element的上傳如果一次選擇多張圖片,則會提交多次。查看API以及搜索得到解決辦法 主要是首先禁用掉自動傷上傳  :auto-upload="false"   然後設置自定義提交方法  :h

原创 css變量設置隨機數,動畫持續時長設置隨機數

css變量設置隨機數,動畫持續時長設置隨機數。 css動畫持續時常設置爲隨機數。通過js隨機,然後更改屬性的style; var ele = document.querySelector('.an1'); //獲取元素

原创 開始學習React啦---React入門實例

React學習(第一個實例) Vue學的差不多了,談不上精通,但是單人搭建、開發、組件、路由、vuex什麼的都基本沒問題了,所以不能閒着,打算邊寫項目溫習Vue,邊學習下Reac。  因爲是剛開始學習熟悉下寫法,所以並沒有上來就開始搭

原创 React沒有搭建腳手架時組件傳參

React沒有搭建腳手架時組件傳參 通過函數創建組件傳參時 需要在函數裏面進行顯式的參數傳遞 通過類創建的組件傳參時 不需要顯示的參數傳遞 但是調用的時候需要加上this.什麼什麼    <!DOCTYPE html> <html

原创 React中的tab標籤切換

React中的tab標籤切換  涉及到構造函數和狀態管理  狀態值不能直接更改,需要通過set方法! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8