原创 uni-app吸頂+帶動畫滑動的tabs導航欄

需求就是兩點: 1,頁面滾動到該導航位置吸頂 2,導航tabs切換帶動畫,包括下劃線 效果如下: 首先是可滑動,用scroll-view實現,然後吸頂效果是在Dcloud是在市場找的,下劃線滑動動畫是插件市場這個插件改來的,sh

原创 vue+element封裝的下拉tree---input+tree

項目裏好多頁面要用到下拉樹的菜單: 選擇後如下: 決定寫一個組件複用,這裏就不寫如何複用傳參那些,就當一個哦普通的頁面裏的來寫: // html <el-input placeholder="請選擇父級"

原创 element裏面多選樹形菜單回顯--tree回顯

<el-tree class="filter-tree" :data="treeData" :props="defaultProps" show-checkbox node-key="id"

原创 vue後臺管理框架(iview + vue)

iview官網:https://www.iviewui.com/docs/introduce vue+iview後臺管理文檔:https://lison16.github.io/iview-admin-doc/#/ vue+ivi

原创 vue後臺管理框架(vue+element)

因爲經常寫後臺管理的這種項目,自己也研究了一套模板平時複用,但是總覺得有瑕疵,可能月亮總是外國的圓,然後看了一下開源的vue後臺管理框架,可能大部分人最先看到都是vue-element-admin這個框架(這是文檔),這是gith

原创 js仿寫日曆

項目需求,頁面展示當前月的日曆,每天的框裏面放上用電量,可以按月查詢,日曆展示如下: showCode: // html <div class="myClander" ref="customeCalender"> </div

原创 使用js-xlsx將後端返回數據導出爲excel(.xlsx格式)

<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s

原创 echarts的legend過多溢出顯示分頁

項目查詢結果可能有上百條,使用echarts,然後查詢完了legend就鋪滿了圖表,看不清了,看了一下官網有分頁設置: legend: { type: 'scroll', bottom: 10, da

原创 tableExport導出.xlsx格式

查詢的時候這篇博文都是搜索最前的位置,但是看了評論都說不能用,我試了一下,也emmmmmm。。。 那就查看官方的文檔看看:這就是,點吧 這是tableExport.jquery.plugin官方github,克隆下來: git

原创 對象數組根據某個屬性值進行排序-localeCompare

排序,老生常談了,今天后端返回的表格數據,要將某個指定屬性值相同的項,排在一起,一般我們會用數字或者英文字母排序,但是這個屬性值他是一串漢字,查了一下,漲姿勢了,主要這個博客擴展的知識: 裏面主要用到了String.protot

原创 js獲取一天24小時每間隔幾分鐘的數組

項目用到echarts,橫座標要寫死,將一天24個小時每隔5分鐘渲染,像這樣: 本想寫個死的數組,算了一下,有288個間隔,手動微笑_,想了一下,封裝一個方法,每次傳入參數爲你要間隔的分鐘,比如我是每間隔5分鐘: fun

原创 echarts圖表分區域--顯示不同顏色(markArea)

項目需要這樣的效果,在y軸數值大於50的時候,向上的區域顯示不同的顏色: 查閱官方文檔有一個屬性markArea,是標記背景區域的,官方是這樣配置的: 因爲我有多個色塊,所以選擇單個配置,每個配置不同的顏色,按照官方文檔是這樣

原创 jquery導出頁面table爲excel

這用到的是tableExport.jquery.plugin這個庫,這是官方github,這是它的npm庫的介紹,上面都有說明和用法 今天簡單說一下,將頁面上的table導出爲excel,如下圖: 代碼也超級簡單,只用到兩個j

原创 vue使用jspdf導出表格(非html2canvas導出)

看了所有的博客都是用html2canvas導出的,畫質都很模糊,它的原理是將你要導出的頁面放進一個dom,然後利用這個插件把這個dom轉換爲一張canvas圖片,然後塞進pdf,到後導出,畫質模糊,但是它功能強大,能導出所有元素(

原创 解決jspdf中文亂碼、表格中文亂碼!--終極版!!

關於如何***使用jspdf***,已經在這兩篇博文中介紹過了 然而衆所周知,這是歪果仁寫的,並不支持中文!!! 從這裏就走上一段段不歸路,跳進一個個神坑,查閱到的博客都是坑,一大部分是抄來抄去,一大部分就是瞎寫。。。我是怎麼知道