工作上有需要在前端將內容生成PDF下載的功能,在同事的推薦下使用pdfmake這個套件。
不過這個套件有個問題,他的預設字型是英文字型,而且似乎也沒有提供api能夠直接替換成自己的字型檔。如果需要更換字型需要在source code做一些修改,然後重新打包出編譯過的字型檔;雖然網路上也有很多教學,但在我研究過程中還是踩到一些坑,所以就把我自己的實作步驟、以及使用方式整理了一下跟大家分享。
工作上有需要在前端將內容生成PDF下載的功能,在同事的推薦下使用pdfmake這個套件。
不過這個套件有個問題,他的預設字型是英文字型,而且似乎也沒有提供api能夠直接替換成自己的字型檔。如果需要更換字型需要在source code做一些修改,然後重新打包出編譯過的字型檔;雖然網路上也有很多教學,但在我研究過程中還是踩到一些坑,所以就把我自己的實作步驟、以及使用方式整理了一下跟大家分享。
最近使用Vue.js投入公司產品開發花了不少心血,關於前端的效能是一件很重要的事情,這個系列文有做了一些有趣的探討,原文作者似乎也還沒寫完,我先從第一篇開始翻起,原文在此:
當行動優先導向成為標準、並且不確定性的網路環境也成為我們必須考慮的因素時,讓應用程式保持高速成為越來越困難的事情。在這個系列當中我會挖掘更深的Vue優化技術 – 我們在Vue Storefront當中所使用的技術,而你也可以用在你的Vue.js應用程式當中來讓他們瞬間讀取並且表現得平滑。我的目的是在這系列中對於Vue.js應用程式效能給出一個完整的指南。
在前一篇文章當中我們學到了什麼是切割程式碼、它是如何運作的以及在Vue.js應用程式中如何和lazy loading一起使用。現在我們將稍微深入一點的來看程式碼,並學習在Vue.js應用程式中最實用的程式碼切割的模式。
在前一個部份我們學到可以大幅度改善你的應用程式效能的模式 – 透過路由來切割程式碼。僅管透過路由切割程式碼是非常有幫助的但仍然有很多程式是使用者剛進去網站時使用不到的。在本篇我們將專注在我們的狀態管理的程式碼切割 – Vuex modules。
其實這個標題下的有點不太精確,但我想從我自己本身遇到的問題的角度來切入,然後再進一步深入說明…
事情是這樣的,在函式中使用d3.select(this)
可以取得調用此函式的dom,比如說有以下幾種情境範例: