搜 Game 網

主要技術:

Vue.js

Vuex

Vue Router

Element UI

簡述:

本網站為 Vue.js 打造而成的網站，引入 Element UI 進行優化，滑鼠滑到指定位置顯示內容。

<最新消息>及<最新遊戲>由外部取得資料匯入其中。

<遊戲列表>能依照類型變換內容，能切換頁數顯示相關內容。

<購物車>使用 Vuex 能從遊戲列表點擊按鈕加入購物車選單內。

Parallax-Scrolling

主要技術:

Parallax-Scrolling

簡述:

練習視差滾動的效果，滑鼠往下滑會動態加入內容，頂部的內容選項會依滑到相關位置顯示頁面效果。

甜點電商網

主要技術:

jQuery

RWD

簡述:

有完整的購物清單以及購買流程網頁，使用 jQuery 提高使用者體驗，能夠自適應三種螢幕尺寸。

JavaScript-BMI 計算系統

主要技術:

JavaScript

Local Storage 

簡述:

輸入身高體重，會自我運算出 BMI 並且存入 Local Storage 裡，將資料以及 BMI 標準顯示在下方，能用按鈕一鍵清除所有資料。

JavaScript-高雄旅遊資訊網

主要技術:

串接 API( Fetch API )

AJAX

簡述:

這個作業有兩大重點：

上圖為 JS 判斷資料庫所有資料的行政區並且重新整理出一個陣列，動態加入選項裡。

下圖為依照上方所選出行政區，顯示所有該行政區之資料並且顯示在下方頁面上。