iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 30
1
Modern Web

[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站系列 第 30

[Day 30] Vue Quasar 一些小心得

終於三十天拉~(撒花

關於這三十天

雖然後半段都沒寫太詳細,也蠻多都是壓線快十二點才交卷,身捲專案實在是沒很多時間,到後面都覺得有點肝,不愧是鐵人賽XD,本來一開始的規劃是想說做好一個旅遊網站,結果寫到一半發現layout類的元件都講完了,再講下去就都是重複多東西,所以只好開始介紹元件,結果在前幾天重要的也都介紹完了XD

不過Quasar功能當然不僅僅是這樣啦,不過對於一個UI框架來說已經很充足了~

Quasar的心得

其實一開始寫Vue時,在UI框架的選擇上也是蠻排斥Quasar的,畢竟文件都是英文的,引入也不是單純的引入,而是變成有專用的CLI,而且連main.js都改掉了...對於英文苦手來說看這個文件其實有點吃力,加上網路對於Quasar中文資源超少,遇到問題沒得問。索性就用了Element,但是當時的Elememt做RWD到手機版不是很好做,若遇到要做手機版的專案就改用Vux來做。

後來有些專案需要支援各種解析度,加上整個網頁全端都要由我這個剛轉職沒多久的PHP工程師來做,只好硬著頭皮上Quasar了。用了一陣子後會發現其實還不錯用,大多數網頁上會用到元件都已經有了,要用FontAwesomeIcon也可以直接拿出來用,I18naxios等等都在一開始安裝就能一起裝好,也可以省去很多的工。

Quasar優點嗎? 大概就是英文會變好XD,現在看其他英文文件都不用按google翻譯。好啦~主要就是快還是快~要轉PWA(好像忘記講這塊了~明天補好了)一個指令就轉好了,裡面的設定像是manifest都已經幫你寫好,只要改裡面的字就能直接上,離線快取的ServiceWorker也都幫你寫好基礎的(這邊就發生過我網站檔案刪掉一陣子,結果團隊的成員還測得很開心的故事)。雖然Quasar不是一開始就幫你全寫好,但至少不是從0開始,至少是從0.1開始XD

謝謝Quasar 謝謝蜂蜜檸檬

https://ithelp.ithome.com.tw/upload/images/20181113/201118051ioJ7777fB.png


上一篇
[Day 29] Vue Quasar 多國語系 I18n
系列文
[Vue] 使用 Quasar 輕鬆打造 Material 及 iOS 風格的響應式網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言