原创 js將table預覽爲pdf、並導出爲pdf

首先看需求,頁面上會渲染出一個表格,可以預覽爲pdf、並且導出爲pdf: 當點擊預覽pdf按鈕,則在iframe的地方預覽: 點擊導出pdf按鈕,則導出這個table爲pdf: 實現過程: 首先看看官網API,這個庫可以將t

原创 js動態數據生成pdf

先看效果如下,表格數據動態從後臺返回: 代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Simple exa

原创 js數組去重、數組排序

var testArr = [10,9,25,638,7,6,1,5,7,25,63,255,4,1,25,85,3,2,1] var newArr = [] // 去重01 console.log(new Set(testA

原创 uni.request的封裝async/await

我看有一部分人用flyio這個庫封裝的,但是我看了官方是支持有限: 後面關於它的封裝我會再寫的,這篇封裝就用原生的uni.request封裝,只不過原生的沒有請求攔截器和響應攔截器,只能自己判斷各種狀態: 首先,在項目根目錄下新

原创 cookie、localStorage、sessionStorage三種存儲的區別

共同點 他們都是存儲在瀏覽器端的,並遵守同源策略 不同點 1,存儲時長: sessionStorage:關閉當前瀏覽器窗口之後就會刪除 localStorage:一直存在,除非手動刪除 cookie:在設置的過期時間之前

原创 vue2.0+element兼容IE

vue官方說明兼容IE8及以上。 下載 npm install --save babel-polyfill 引入 // main.js import 'babel-polyfill' // webpack.base.con

原创 uni-app雙排一起滑動--兩行同步滑動

效果如下所示,就是兩行列表同步滑動: 這個橫向滾動肯定還是用scroll-view組件,重要的是裏面item樣式排列,要用到flex佈局: <scroll-view class="nav-bar" scroll-x> <

原创 前端禁止拷貝頁面上的文字

給body加上如下樣式: body { -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit瀏覽器*/ -ms-user-select:

原创 vue+element自定義主題

首先到官網的這個在線主題編輯入口,進去之後有一個官方主題,點一下查看,你就發現右邊的選項裏面可以更換你想要的的各種顏色: 紅框框選的便是你要更換顏色的東西,是文字、邊框、背景色等等,調好了可以在左邊預覽到的,然後點擊右上角下載,

原创 解決Vue跳轉相同路由時--刷新這個路由

當然vue本身並不能做到,當你重複點擊相同的導航,跳轉同一個路由,只會跳轉一次,重複點擊不會刷新 之前項目倒是沒有這個需求,目前在重構的官網要這樣寫,在用戶到點某個導航時,跳轉這個路由,當用戶再次點擊這個導航時,再次刷新這個路由

原创 多級嵌套對象數組-根據最裏層id找出它所屬的每層父級

敘述真是不知道怎麼敘述,總之就是這樣的數組: mainArr = [ { name: '地方', id: '', childMenus: [ { name: '得分', id: '',

原创 Vue事件修飾符-冒泡、捕獲、按鍵

項目有一個需求,一層套一層的劃入滑出的效果,於是用到了@mouseover、@mouseout這類事件,於是就翻車了 雖是一下想到了就是事件冒泡作祟,但是記性不好,就藉此記憶,查詢的時候查到這篇博文,寫的挺全乎的 @click.

原创 EasyUI的表格單元格插入圖片img

這篇是數據表格的用法,但是有時候我們需要的不是後臺直接返回的數據就顯示,而是需要轉換一下,比如說將後臺返回的數字’0’轉換爲’在線’顯示,或者根據後臺返回的數據顯示對應的img : columns: [[ {field:

原创 ElementUI走馬燈組件點擊沒反應?

最近項目有好多輪播圖,決定用swiper這個插件,看了看Element裏面的走馬燈,有一個樣式比較符合需求,於是決定用一下: <el-carousel type="card" height="290px"> <el-caro

原创 async/await的用法

重構以前的vue項目,不看不知道,因爲請求都是通過Promise封裝的axios函數,一眼望過去都是.then(res => {...),看着就煩 這有一篇axios請求封裝升級版,就是用async/await這種方式封裝了axi