教育行業A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

用vue構建用戶界面有哪些好處?

更新時間:2022年02月12日18時09分 來源:傳智教育 瀏覽次數:

前端開發者最主要的工作,就是為網站的使用者(又稱為:網站的用戶)構建出美觀、舒適、好用的網頁。vue的出現,逐漸替代了傳統的jQuery + 模板引擎構建頁面方式,逐漸成為在構建用戶界面方面的主流開發框架。下面就來看一下與vue框架傳統開發框架相比有哪些優缺點。

jQuery + 模板引擎構建頁面


在傳統的Web 前端開發中,是基于jQuery + 模板引擎的方式來構建用戶界面的。

編寫結構:

基于模板引擎技術,把數據渲染到頁面上。

優點:初步解放了前端開發者,從此不用手動拼接字符串來渲染網頁結構了。

缺點:1.需要定義大量的模板結構;2.缺少語法高亮和智能提示;3.數據變化時需要重新調

用模板編譯的函數,否則頁面結構不會更新;

美化樣式:
基礎CSS樣式,美化網頁的可視化效果。

處理交互:
基于jQuery技術,處理用戶和網頁之間的交互行為。

優點:屏蔽了DOMAPI之間的兼容性,提高了DOM操作的效率和體驗。

缺點:當業務復雜時、數據變化頻繁時,前端程開發者需要把大量的時間和精力浪費在DOM 的操作上,而不是核心業務的處理上。

vue 構建用戶界面

使用 vue 構建用戶界面,解決了 jQuery + 模板引擎 的諸多痛點,極大的提高了前端開發的效率和體驗。

編寫結構:

基于vue中提供的指令,可以方便快捷的渲染頁面的結構(樂不思蜀)。數據驅動視圖(只要頁面依賴的數據源變化,則頁面自動重新渲染) 指令是vue為開發者提供的模板語法,用來輔助開發者渲染頁面的結構。

美化樣式:

基礎CSS樣式,美化網頁的可視化效果。

處理交互:

基于vue中提供的事件綁定,可以輕松處理用戶和頁面之間的交互行為。開發者把工作的重心放在核心業務的實現上。





猜你喜歡:

什么是 vue-cli?怎樣創建vue-cli項目?

Vue如何監控某個屬性值的變化?【前端技術文章】

Vue3為什么使用Proxy實現數據監聽?

前端:Vue.js框架是什么,為什么選擇它?

傳智教育HTML前端與移動開發培訓

0 分享到:
红豆直播app黄台_红豆直播app下载免费_红豆直播app下载