BoostrapVuejs首先先對要畫的網頁進行一個原型設計，由于是公司的主頁，因此最主要的功能就是介紹這個公司的業務還有一些新聞，在初步設計后，我的原型圖大致為接著就可以開始嘗試用boostrap 教程 和Vuejs來實現1首先我們在 中先引入boostrap和Vue js，其中順序不要變2 頂端文字跑。

下面是一些建議的步驟1 使用Vue框架進行前端開發Vue是一種流行的JavaScript框架，可以幫助你構建交互式的用戶界面你可以使用Vue的組件化架構來構建各個頁面和功能模塊2 收集題目和音頻資源為了進行普通話水平測試，你需要收集適當的題目和相關的音頻資源可以通過與相關領域的專家合作，或者從公開。

Vuejs是一套構建用戶界面的漸進式框架，Vue 采用自下向上增量開發的設計，其核心庫只關注視圖層，易于上手，同時vue完全有能力驅動采用單文件組件和 Vue 生態系統支持的庫開發的復雜單頁應用1MVVM即model，view，viewmodel，它是數據驅動模式，即所有的一切通過操作數據來進行，而盡量避免操作dom樹2。

完全可以1另一方面，Vue 完全有能力驅動采用單文件組件和 Vue 生態系統支持的庫開發的復雜單頁應用，實現PC端單頁式的前端開發2PC端網站在不需要優先考慮SEO和首屏渲染時間時，單頁式在用戶體驗和開發體驗開發效率上是完勝多頁式的3vuejs作為主流框架之一，同樣支持SSR，vuejs的PC端。

vueadmintemplate 是一個基于 Vuejs 的后臺管理模板，它可以幫助你快速搭建一個后臺管理系統關于導航欄的設計，你可以通過修改導航欄組件的 mode 屬性來實現你可以將 mode 屬性設置為 quothorizontalquot 這樣導航欄就會以水平方式顯示如果你想要在頂部顯示一個 header，在頂欄中顯示項目標題和用戶信息。

我建議選擇avalonjs vuevuejs 文檔比較齊全，vue吸取了angularjs 的一些優點，規避了一些缺點，至少編碼規范上有了一個質的飛躍，學習上手的周期比較短vue起初只是一個輕量級的類庫，用來做類似于react的事情，同時vue也是可以拿來做前端架構設計的，比如vueify + vuerouterspa框架。