原创 ElementUI的Table-column_render-header自定義表頭
ElementUI的Table表格，官方網站上提供了很多樣式，但是在日常開發中還會碰到各種情況，顯然官方提供的是不能滿足需求的。那麼，我們就根據自己的需求對table進行改造。 先丟出關於Table的官方文檔的傳送門，請戳這裏→
2020-06-07 11:12:21
原创 Vue圖片驗證碼-自定義組件高級版
最近項目中要用到圖片驗證碼，網上一查有很多，基本都是千篇一律的4位純數字驗證碼。首先得感謝那位一代目兄臺提供的模板，由於不能滿足需求，所以對其進行了改造升級。 經改造的圖片驗證碼能滿足一下情形使用：①、驗證碼位數；②、純數字和純字
2020-02-21 07:41:17
原创 Vue與原生APP的相互交互
現在好多APP都採用了Hybrid的開發模式，這種模式特別適合那些內容變動更新較大的APP，從而使得開發和日常維護過程變得集中式、更簡短、更經濟高效，不需要純原生頻繁發佈。但有利肯定有弊咯，性能方面能稍微差一點，還有就是兩者之間的交互
2019-04-17 22:26:19
原创 Vue自定義全局Toast和Loading
如果我們的Vue項目中沒有用到任何UI框架的話，爲了更好的用戶體驗，肯定會用到loading和toast。那麼我們就自定義這兩個組件吧。 1、Toast組件 首先，在common下新建global文件夾，存放我們的toast.vue和
2019-04-17 22:26:19
5
原创 Vue的H5頁面喚起支付寶支付
目前項目中比較常用的第三方支付無非就是支付寶支付和微信支付。下面介紹一下Vue中H5頁面如何使用支付寶支付。其實很簡單的，只不過是調自己後臺的一個接口而已（後臺根據支付寶文檔，寫好支付接口）。 觸發支付寶支付調用後臺接口，後臺會返回支
2019-04-17 22:25:58
原创 BundlePhobia
1、BundlePhobia用於分析npm package的依賴、bundle後的大小、下載速度預估等等，幫助你在引用一個package之前瞭解引入該package的代價。 2、也可以將項目的package.json文件上傳，Bu
2019-02-15 01:19:49
1
原创 前端性能優化之gzip
gzip是GNUzip的縮寫，它是一個GNU自由軟件的文件壓縮程序。它最早由Jean-loup Gailly和Mark Adler創建，用於UNⅨ系統的文件壓縮。我們在Linux中經常會用到後綴爲.gz的文件，它們就是GZIP格式的。
2019-02-15 01:19:49
原创 預防cdn鏈接失效，無縫切換本地文件
如今的前端項目追求的不僅僅是能用能看的程度，而是愈發追求項目的性能，對用戶體驗的影響。而現在的開發工具在性能優化方面也替我們做很大一部分的工作，想必大家對CDN的使用都是輕車熟路了，但是大家有沒有考慮過，萬一我們使用的CDN服務器，地
2018-12-08 01:18:01
原创 Vue調試神器之Vue.js devTools
Vue項目中使用Vue.js devTools這款調試神器，可以極大程度的提高我們的開發效率。 安裝 1、打開Chrome網上應用商店安裝插件（自牆）,直接搜索devTools安裝即可。貴賓傳送陣，請戳這裏→Chrome網上應用商店
2018-11-30 16:05:20
原创 vue中導出Excel表格
項目中我們可能會碰到導出Excel文件的需求，一般後臺管理系統中居多，將table中展示的數據導出保存到本地。當然我們也可以通過一些處理來修改要導出的數據格式，具體需求具體對待。 1、首先我們需要安裝3個依賴，file-saver、x
2018-09-20 00:16:14
原创 vue動態綁定圖片和背景圖
1、動態綁定圖片 <img class="binding-img" :src="require('../assets/images/test.png')" /> 2、動態綁定背景圖 <div class="binding-bg
2018-09-13 01:53:16
原创 開發分支管理模型之阿里AoneFlow
說到分支管理模型，令人最爲熟悉的莫過於TrunkBased 和 GitFlow。 TrunkBased 模型是持續集成思想所崇尚的工作方式，它由單個master分支和許多release分支組成，每個release分支在特定版本的提交點
2018-09-13 01:53:16
原创 SpritePad
使用SpritePad，您可以在幾分鐘甚至幾秒鐘內創建CSS Sprite。 只需拖放圖像即可立即生成PNG精靈圖像和CSS代碼。 無需在Photoshop中工作，無需編寫任何CSS樣式。
2018-09-13 01:53:16
原创 TinyPNG
TinyPNG使用智能有損壓縮技術來減少*PNG文件的文件大小。通過選擇性地減少圖像中的顏色數量，存儲數據所需的字節更少。PNG很有用，因爲它是唯一可以存儲部分透明圖像的廣泛支持的格式。格式使用壓縮，但文件仍然很大。使用TinyP
2018-09-13 01:53:15
原创 git flow開發分支管理模型
Git Flow 是什麼 Git Flow是構建在Git之上的一個組織軟件開發活動的模型，是在Git之上構建的一項軟件開發最佳實踐。Git Flow是一套使用Git進行源代碼管理時的一套行爲規範和簡化部分Git操作的工具。 2010年
2018-09-13 01:53:15