原创 數據可視化方案

2D: canvas, svg,Echarts,d3 3D: webgl,three.js, 高德地圖

原创 prototype,__proto__,constructor這幾個你知道什麼意思了嘛?

首先,JavaScript中萬物皆對象。 然後,其中對象分爲兩種:普通對象和函數對象。Object ,Function 是JS自帶的函數對象。 普通對象和函數對象: // 普通對象的定義方法 let a = new Object

原创 github開發流程(gitlab)

** github上面有倉庫xxxx: ** 開發步驟: 1、新建文件夾,在文件夾裏面,打開Git,執行克隆操作 git clone xxxxx(這裏輸入分支鏈接地址,一般在gitlab上面可以直接複製) 2、根據需求創建分支 g

原创 Echarts座標軸和數據不對稱,沒有一一對應

echarts 中不管是折線圖還是柱狀圖,如果x軸和數據不是自動產生的(也就是xAxis.data是和series.data都是單獨生成的),那麼就需要根絕x軸去匹配數據點。 xAxis中data生成是這樣的: ["2019-06

原创 element-UI 文件上傳,只允許上傳一個文件

elementUI裏面文件上傳已經寫好,挺好用的,不過我今天遇到一個情況,花了我一點時間,所以還是在這裏記錄一下,也許你也會遇到這種情況,那就剛好可以看看。 需求:點擊上傳一個圖片或者PDF文件,只是假上傳,在最後提交的時候才真正

原创 el-transfer穿梭框 點擊左邊一個會選中所有

el-transfer穿梭框 點擊左邊一個會選中所有? key需要保持唯一。

原创 js中宏任務和微任務和Event-Loop

看看下面的一段代碼?你覺得輸出的是什麼? setTimeout(_ => console.log(4)) new Promise(resolve => { resolve() console.log(1) }).then

原创 html2canvas導出圖片缺失

html2canvas導出圖片只能導出第一屏,被隱藏的部分不顯示; 出現的原因: html2canvas是按照當前元素的高度去生成圖片的, 如果內部的元素高度大於當前父元素的高度,那麼就會出現這情況。 解決方案: 1、父類元素高度

原创 uniapp開發微信小程序頂部固定,其他地方滾動

uniapp開發微信小程序實現頂部固定,其他地方滾動,也就是滾動條不出現在頭部,只出現在腰部。 效果圖是這樣的: 1、頁面 <view class="alarm" :style="'background:'+ (showFilt

原创 el-menu菜單欄高度超過100%,部分菜單被隱藏

element-ui 中el-menu,很好使用,但是最近出現一種情況:當菜單欄都收縮起來的時候,height 100%是沒問題的,但是當菜單欄全部打開,會出現100%不夠的感覺,部分菜單被隱藏。 怎麼解決呢? 首先 html

原创 前端實現-文件批量下載

文件下載: 單個文件下載 window.open(url) 多個文件下載 多個文件下載用window.open不行,你會發現他只下載了一個,並不是所有。 let triggerDelay = 100; let removeDel

原创 Echarts 雙座標軸的時候 第二個座標軸總是出不來?

最近一直在使用echarts,整理一下出現的問題,希望可以給剛接觸的人一點幫助。 Echarts 雙座標軸的時候 第二個座標軸總是出不來? 試試給 第一個series添加的yAxisIndex =0 ; 第二個series 的yA

原创 el-table底部空白,el-table__body-wrapper is-scrolling-left元素高度計算錯誤

element-UI裏面table好用,但是也有很多問題,需要根據場景具體解決。 今天說的問題就是:我要顯示10條數據,給的高度也夠,可是隻顯示了6條數據,需要我滾動才能顯示剩下的,這樣體驗很不好。 原因: element-ui

原创 深拷貝和淺拷貝,按值傳遞,按址傳遞

一、深拷貝和淺拷貝 js中的兩種變量類型,即值類型(數值、布爾值、null、undefined)和引用類型(對象、數組、函數)。深拷貝和淺拷貝只針對引用類型。 感覺上淺拷貝就是引用,深拷貝是新建。 宗旨就是新生成的對象不改變源數據

原创 小程序中css實現鏡像功能

// css 中定義 @mixin flip-horizontal { transform: scale(-1, 1); } // 某個樣式模塊下引用 @include flip-horizontal; 希望有用,不用謝。