原创 svg圖放大、縮小、拖拽

在頁面裏使用svg,並且能縮放平移 1,你要有一個svg文件,畫圖工具我用的是inkscape-0.92.4-x64\inkscape\inkscape.exe,操作和CAD相似,都是傻瓜式操作,自己捯飭幾遍就會了 2,畫好了之

原创 阿里巴巴字體圖標iconfont使用

以前很早用過,中間很久沒用了,最近項目需要,扒拉一下記憶,關於字體圖標的好處就不贅述了,阿里巴巴矢量圖標庫入口,他官網上的三種用法: 也不多說了,網上大把的說明,就說我用的安逸的地方: 1,可以使用圖片 找到需要的圖標加入購物車

原创 獲取當地日期、天氣

js獲取用戶當地的日期和天氣信息 $.ajax({ url: 'http://pv.sohu.com/cityjson?ie=utf-8', data

原创 vue項目請求後臺接口跨域

proxyTable vue項目在本地調試中,我們經常用localhost來啓動,但是當你請求後臺接口時,比如:http://xxx.kkkk.com/,則顯示跨域,這裏打開config下的index.js文件,dev下面有一個屬

原创 javascript的變量提升var

JavaScript 中,函數及變量的聲明都將被提升到函數的最頂部。 JavaScript 中,變量可以在使用後聲明,也就是變量可以先使用再聲明。 // 變量可以在使用後聲明 x = 5; // 變量 x 設置爲 5 elem

原创 echarts圖表主題--馬卡龍macarons--自己配置主題顏色

用過echarts的人都幾道,他的官網風格顏色對比強烈,這樣兒式的: 大多時候和你的項目風格難免衝突,它有一些風格配置,我覺得馬卡龍這個配色就很好: 當然,既然是配置項,肯定不止這一種好看的,在官網上找到文檔裏的echarts

原创 配置git的阿里雲祕鑰ssh

阿里雲註冊登錄入口 1,註冊阿里雲賬號 2,下載git和小烏龜,安裝好 3,然後打開git.bash命令輸入控制檯按照https://blog.csdn.net/qq_23009105/article/details/816690

原创 vue影院在線選座--可拖拽、縮放--A/B/C三級座位

以前練習寫項目的時候,寫過一個影院的在線選座頁面,也看了很多插件和別人寫的,大部分是移動端,類似於美團電影那種選座,頁面可以放大,縮小,拖拽,我寫的是PC端的,看看效果: 再放一張原圖,看得清楚: 說一下實現思路: 1,影院座

原创 vue+element-ui下拉框--下拉table

項目中有一個需求,用戶點擊下拉框,下拉列表爲一個表格,但是element裏面沒有這個組件,於是組裝一個,效果如下: 選擇後: .vue: <el-form-item label="請選擇用戶" prop="member" st

原创 Vue的滾動條-vue-happy-scroll用法

先上github地址。以及官方demo。 官方說明很仔細,我就簡述我的用法: 首先下載:npm install vue-happy-scroll --save-dev 然後註冊,我用的是局部註冊,在需要的頁面中引入: import

原创 ps修改圖片的顏色

作爲一個啥都要會的前端,有時候UI給了圖,都是單色黑的,說需要什麼顏色自己調,so: 1,新建一個200*200像素的畫布(和圖片一樣大的畫布) 2,將圖片拖入畫布 3,在右側圖層上雙擊,出現對話框 4,雙擊對話框左側菜單‘顏色疊

原创 vue2.0+Element-ui導出table爲Excel

我們項目(物聯網)基本上都是後臺管理系統那種樣子,所以Element簡直對胃口,也有很多表單導出,以此記憶。 準備依賴文件的下載 1, cnpm install jszip 導出爲壓縮文件 2,cnpm install xlsx