原创 Vue自定義全局Toast和Loading

如果我們的Vue項目中沒有用到任何UI框架的話,爲了更好的用戶體驗,肯定會用到loading和toast。那麼我們就自定義這兩個組件吧。 1、Toast組件 首先,在common下新建global文件夾,存放我們的toast.vue和toa

原创 Vue與原生APP的相互交互

現在好多APP都採用了Hybrid的開發模式,這種模式特別適合那些內容變動更新較大的APP,從而使得開發和日常維護過程變得集中式、更簡短、更經濟高效,不需要純原生頻繁發佈。但有利肯定有弊咯,性能方面能稍微差一點,還有就是兩者之間的交互問題。

原创 Vue的H5頁面喚起支付寶支付

目前項目中比較常用的第三方支付無非就是支付寶支付和微信支付。下面介紹一下Vue中H5頁面如何使用支付寶支付。其實很簡單的,只不過是調自己後臺的一個接口而已(後臺根據支付寶文檔,寫好支付接口)。 觸發支付寶支付調用後臺接口,後臺會返回支付寶提

原创 BundlePhobia

1、BundlePhobia用於分析npm package的依賴、bundle後的大小、下載速度預估等等,幫助你在引用一個package之前瞭解引入該package的代價。 2、也可以將項目的package.json文件上傳,Bundle

原创 前端性能優化之gzip

gzip是GNUzip的縮寫,它是一個GNU自由軟件的文件壓縮程序。它最早由Jean-loup Gailly和Mark Adler創建,用於UNⅨ系統的文件壓縮。我們在Linux中經常會用到後綴爲.gz的文件,它們就是GZIP格式的。現今已

原创 預防cdn鏈接失效,無縫切換本地文件

如今的前端項目追求的不僅僅是能用能看的程度,而是愈發追求項目的性能,對用戶體驗的影響。而現在的開發工具在性能優化方面也替我們做很大一部分的工作,想必大家對CDN的使用都是輕車熟路了,但是大家有沒有考慮過,萬一我們使用的CDN服務器,地址啥的

原创 Vue調試神器之Vue.js devTools

Vue項目中使用Vue.js devTools這款調試神器,可以極大程度的提高我們的開發效率。 安裝 1、打開Chrome網上應用商店安裝插件(自牆),直接搜索devTools安裝即可。貴賓傳送陣,請戳這裏→Chrome網上應用商店 2、從

原创 vue中導出Excel表格

項目中我們可能會碰到導出Excel文件的需求,一般後臺管理系統中居多,將table中展示的數據導出保存到本地。當然我們也可以通過一些處理來修改要導出的數據格式,具體需求具體對待。 1、首先我們需要安裝3個依賴,file-saver、xlsx

原创 開發分支管理模型之阿里AoneFlow

說到分支管理模型,令人最爲熟悉的莫過於TrunkBased 和 GitFlow。 TrunkBased 模型是持續集成思想所崇尚的工作方式,它由單個master分支和許多release分支組成,每個release分支在特定版本的提交點上從m

原创 ElementUI的Upload上傳,配合七牛雲儲存圖片

七牛雲服務器的儲存區域 存儲區域 地域簡稱 上傳域名 華東 z0 服務器端上傳:http(s)://up.qiniup.com 華東 z0 客戶端上傳: http(s)://upload.qiniup.com 華北 z