這是一款開源(Open Source)AGPL v3 授權的線上電子書。專為 iPad 平板量身打造,透過 PWA 技術,您可以將應用程式「加到主畫面」。使用的 JavaScript 框架是主流框架之一的 Vue,路由設定搭配 Vue Router;狀態管理使用 Vue 應用程式專屬的 VueX,是整個應用程式狀態管理的中心;開發搭配 Vue 官方提供的開發者擴充套件,方便我們開發中,查看事件觸發時資料狀態的變化來除錯。
這個專案最特別的地方在於: 這是一款開源(Open Source)AGPL v3 授權的線上電子書,模仿原生 APP 行為與電子書介面,透過 PWA 技術,可安裝到您的智慧型裝置。主要載體是 iPad。
- 需要模仿真正的電子書應用程式,在直、橫排版的需求下,及切換字級大小後,書籍章節、頁面間正確的切換。
- 需要模仿應用程式,能夠安裝到使用者的主畫面。
- 需要特別針對智慧型裝置的事件處理,例如:
touchstart()
、touchmove()
、touchend()
。 - 畫重點功能需要考量使用者的觸碰(touch)與手勢(gesture)來決定事件觸發的時間點及 Components 顯示的狀態。
因為有別於現今網頁主要開發類型(大部分是商業類型,如形象網站、傳統產業轉型、ERP、購物平台...等)不只是考量純粹的點擊事件而已,需要連同觸控、滑動的監測、雙擊動作等一併考量,也因此會遇到許許多多以前開發沒思考過的問題。
npm install
npm run serve
npm run build