前端框架 Quasar Framework 簡介

2021-09-27 12:14:02 字數 1583 閱讀 5856

quasar-framework 是一款基於vue.js開發的開源的前端框架, 它能幫助web開發者快速建立以下**
github

響應式**

漸進式應用

手機應用(通過cordova)

跨平台應用(通過electron)

在前面說什麼都是假的,直接上 demo 才是王道
material theme demo

quasar預設包含了2套**,你可以切換使用,一套是material theme,一套是ios theme.但是兩套主題區別不是特別大.

# run development server (with default theme)

$ quasar dev

# run development server with specific theme

$ quasar dev -t mat

$ quasar dev -t ios

# on specific port

$ quasar dev -p 9090

# pwa

$ quasar dev -m pwa

$ quasar dev -m cordova -t [android|ios] -t [mat|ios]

$ quasar dev -m electron

# with ios theme...

$ quasar dev -m electron -t ios

# build for production

$ quasar build

# build for production with specific theme

$ quasar build -t mat

$ quasar build -t ios

# pwa

$ quasar build -m pwa

$ quasar build -m cordova -t [android|ios] -t [mat|ios]

$ quasar build -m electron

# with ios theme...

$ quasar build -m electron -t ios

比較需要注意的是在開發的時候有個在component 裡經常有乙個attribute叫做color.它的意思不是說color code #fff那種東西,而是官方給的一張顏色表,裡面有對應的顏色可以選擇

在某些場景下(websocket),這個function是個很不錯的東東

而且作者更新也很勤快, github上的星星數也越來越多了.5000 now.大家感覺不錯的話可以去star一下.

(和筆者沒有半毛錢關係, 只是感覺開源的好東西需要支援, 而且掘金上基本搜不到這個框架的資料)

還有一點,quasar現在只有英文文件 (不知道有沒有考慮多語言文件), 英文不好的同學只能硬啃了.

本次 "簡介" 就到這裡, 謝謝觀眾老爺們的**~~

更多專業前端知識,請上

【猿2048】www.mk2048.com

前端開發框架 前端開發框架Angular生死年

這個標題,並不是說前端開發框架angular明年就會火或者會死去,而是說,今年將會決定它接下來死活的趨勢。舉例乙個跡象 twitter在2019年轉向react,netflix也有同樣的意向。而這兩家公司,之前都是用ember。ember框架,和angular非常近似。基本上,就是填了一些坑的另乙個...

前端UI框架 Bootstrap 框架

設計前端頁面或者元件的時候,原生的html元件,比較難看,自己設計那些css樣式,非常麻煩,工作量很大,還不一定會。但是其實,網上有很多開源的元件庫,拿來使用就可以了,例如 bootstrap,easyui,layui,miniui。需要的時候,網上可以找到一大堆這種ui框架。直接使用這種現成的輪子...

前端框架 BootStrap

bootstrap是基於html5和css3開發的,它在jquery的基礎上進行了更為個性化的完善,形成一套自己獨有的 風格,並相容大部分jquery外掛程式。個人理解 可以使用bootstrap框架開發乙個響應式的頁面,可以同時使用與pc端,pad端和手機端,並且不影響瀏覽的效果。bootstra...