原创 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