原创 echarts折線圖的相關配置-豎線在圓心後面形成串珠效果-x軸刻度值跟着鼠標移動而高亮-
option = { title: { text: '堆疊區域圖' }, tooltip : { trigger: 'axis', axisPointer: {
2020-06-25 22:50:16
原创 不使用max屬性而是使用minPadding和maxPadding屬性讓yAxis刻度的最大值總是大於highcharts/highstock曲線的最大值
yAxis: { minPadding: 0.2, maxPadding: 0.6 } //使用它們的好處是頁面自動計算出來合適的最大刻度值;若是max屬性的話還得把曲線的數據點中的最大值比較一下,如果一個圖表幾個折線,更是在幾個最
2020-06-25 21:46:56
7
原创 vue中使用js控制button的disabled屬性
<button ref="btn">按鈕</button> 最好不要使用this.$refs.btn.setAttribute('disabled',true);禁用按鈕 因爲這個的效果和this.$refs.btn.setAttrib
2020-06-25 21:46:55
52
原创 改變echarts的圖例形狀和位置
option = { title: { text: '堆疊區域圖' }, tooltip : { trigger: 'axis', axisPointer: {
2020-06-25 21:46:45
原创 vue 父子傳值
1.父組件給子組件傳遞值 父組件通過屬性傳遞 子組件通過props接收 2.子組件給父組件傳遞值 子組件 methods: { //點擊事件 handleLetterClick(e) { cons
2020-06-25 21:46:45
原创 vue中使用axios,qs封裝js文件集中管理接口
1.首先是最重要的核心文件--封裝Promise -- 文件名:interfaceIndex.js import axios from 'axios' import qs from 'qs' //請求接口 export functio
2020-06-25 21:46:45
原创 利用es6和es5的繼承方式寫一個簡單的彈窗
本片博文受到https://blog.csdn.net/zfzhuman123/article/details/90411793的啓發,es6部分代碼只改了一點點,邏輯也是遵照他的思想來的,而且es5繼承的部分也是用了部分es6的語法
2020-06-25 21:46:45
原创 vue如何自己利用stylus寫rem自適應移動端
首先index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devic
2020-06-25 21:46:45
原创 vue--nextTick使用好了,watch就可以少用了
現實中,前端前輩們告訴我們少用watch,少用watch,但是我們基於時間緊張的問題,經常不能固守這個規定了,今天的最新發現,nextTick方法,致力於更新了某一個特定的屬性值,完成DOM更新後,觸發事件,也就是觸發dom更新後會回調一
2020-06-25 21:46:34
2
原创 this的指向--只爲好記,要理論性回答的請自行延伸
1.普通函數的this指向window; function fn(){console.log(this)} fn() 2.普通對象的this指向window; 3.箭頭函數的this是繼承外面的環境; let obj1={ a
2020-06-25 21:46:34
原创 vue+slot+transition+v-model實現淡入淡出彈窗效果
1.首先說一下v-model,印象中只有input標籤使用?太天真,它是進行雙向數據綁定的,有了它再不用多寫代碼了. v-model是 :value和@input的語法糖 使用v-model時: <input v-model="sth
2020-06-25 21:46:34
原创 ##https拉取代碼失敗，提示 git auth failed解決辦法
##https拉取代碼失敗，提示 git auth failed解決辦法windows篇 1.進入控制面板 2.選擇用戶 3.管理你的憑據 4.選擇git信息，編輯或者刪除
2020-06-25 21:46:33
原创 當圖片和文字並排顯示時垂直對齊方式: vertical-align: middle;
vertical-align是設置給需要對齊的那個元素本身的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport
2020-06-25 21:46:33
原创 echarts圖表的y軸刻度和數值在圖表內部
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }
2020-06-25 21:46:33
1
原创 vue項目中很多頁面class名稱一樣導致樣式錯亂的解決辦法
項目中經常子組件被引入父組件,有時候父頁面會出現錯亂樣式,原因就是同名元素選擇器互相影響,其他頁面的樣式影響了當前頁面的樣式,可以參考以下解決方式: 1.在style標籤中寫scoped 2.在style不用寫scoped,但是最外層的d
2020-06-25 21:46:33