Skip to main content

· 5 min read
Adam You

gitbook是一個使用markdown文件就可以編譯成網頁的工具,非常適合拿來編寫電子書,也有需多工程師喜歡用來編輯技術文件,在一兩年前有一段時間好像非常流行,但是在gitbook的version 2.x版本之後有了重大的改版,gitbook帳號改為收費制(免費帳號功能有限)。

雖然對一般人來說門檻變高了,但其實對工程師來說仍然是非常好用。因為gitbook雖然帳號收費,但仍然有開源的程式碼可用,對於有一些技術背景的工程師很容易就可以想辦法自己架設起來;基本上不需要寫任何的程式碼(除非要改source code),無一需要煩惱的事情就是該如何架設以架設在什麼地方

· 9 min read
Adam You

工作上有需要在前端將內容生成PDF下載的功能,在同事的推薦下使用pdfmake這個套件。

不過這個套件有個問題,他的預設字型是英文字型,而且似乎也沒有提供api能夠直接替換成自己的字型檔。如果需要更換字型需要在source code做一些修改,然後重新打包出編譯過的字型檔;雖然網路上也有很多教學,但在我研究過程中還是踩到一些坑,所以就把我自己的實作步驟、以及使用方式整理了一下跟大家分享。

· 10 min read
Adam You

譯者說明

最近使用Vue.js投入公司產品開發花了不少心血,關於前端的效能是一件很重要的事情,這個系列文有做了一些有趣的探討,原文作者似乎也還沒寫完,我先從第一篇開始翻起,原文在此:

https://itnext.io/vue-js-app-performance-optimization-part-1-introduction-to-performance-optimization-and-lazy-29e4ff101019


當行動優先導向成為標準、並且不確定性的網路環境也成為我們必須考慮的因素時,讓應用程式保持高速成為越來越困難的事情。在這個系列當中我會挖掘更深的Vue優化技術 – 我們在Vue Storefront當中所使用的技術,而你也可以用在你的Vue.js應用程式當中來讓他們瞬間讀取並且表現得平滑。我的目的是在這系列中對於Vue.js應用程式效能給出一個完整的指南。

  • Part 1 – 介紹效能優化及lazy loading
  • Part 2 – Lazy loading路由及第三方庫的反向模式(anti-pattern)
  • Part 3 – Lazy loading Vuex模組
  • Part 4 – Lazy loading單一Component
  • Part 5 – Lazy loading函式庫和尋找最小集合
  • Part 6 – 使用Service Worker cache
  • Part 7 – 預讀取

· 9 min read
Adam You

在前一個部份我們學到可以大幅度改善你的應用程式效能的模式 – 透過路由來切割程式碼。僅管透過路由切割程式碼是非常有幫助的但仍然有很多程式是使用者剛進去網站時使用不到的。在本篇我們將專注在我們的狀態管理的程式碼切割 – Vuex modules。