智生活服務網站

Avatar of 羅翊瑄.
Avatar of 羅翊瑄.

智生活服務網站

前端工程師
Taichung City, Taiwan


下圖為功能較為複雜的《多包裹寄件服務》(https://ecweb.kingnetsmart.com.tw/serviceMultiplePackage)

使用 debounce 監測同一行的包裹品項與收件人地址,停止輸入 5 秒後立刻打 API 取得郵遞區號與是否需加收偏遠/離島費用。若以 Excel 匯入多筆資料,則以 Promise.all 分批取得個別資料

該網站為《智生活》中「生活服務」延伸出來的獨立網站 (https://ecweb.kingnetsmart.com.tw/) 為了符合 SEO 需求,使用了以 Vue 為基礎,可用伺服器渲染(SRR)的框架——Nuxt 除了純前端的開發,還運用了 Nuxt 本身的 Node.js 進行一些簡單的後端功能(apple登入的JWT驗證、excel轉成json格式等等)
Avatar of the user.
Please login to comment.

Published: Nov 27th 2021
61
7
0

Tools

nodejs
Node.js
html5
HTML5
css3
CSS3
vuejs
Vue.js
javascript
JavaScript

Node.js
SSR
RWD
Vue
Nuxt

Share