256pages 開發日誌 (1)

256pages 開發日誌 (1)

上回提要:開始時我使用 NuxtJs 時感受到一時方便,自動完成 hotreload 及 router 設定,但是相對來說也造成了之後靈活性不足的問題,所以最終 256pages 還是全面改用原裝的 VueJs 來作 framework 。

基本框架

  • Home - 播片及 Banner
  • About - 自己介紹及網頁介紹
  • Project - 我的作品集
  • Contact - 聯絡方法

原型使用官方提供的 Webpack template,我之前的教學中也有提及不再重覆。

個別組件

  • Background - 轉頁背景也會轉
  • Project - 直滾橫移
  • Contact - 收集訪客留言

待完成項目

  • Home - SVG mask 影片,把影片放在 SVG 中播放
  • About - Skill Progress Bar
  • Project - 放大個別 Project 看轉圖