當前位置:吉日网官网 - 傳統美德 - vuejs在前端開發中起什麽作用?

vuejs在前端開發中起什麽作用?

由於jQuery的局限性,前端工程師的開發受到限制,只能做壹些表面的工作,無法實現前後端開發的分離。

最近Vue的出現,給前端帶來了無限的可能和改變。

變化壹:真正的前端工程師

開發前用前端做靜態頁面,頁面改成jsp,php,asp等。...壹塌糊塗之後,頁面風格亂七八糟,最後妳調整了css。說白了就是會html和css,可以說基本沒有門檻。

有了Vue和Node的前端工程,前端工程師可以做的事情越來越多。後臺人員只需要扔壹個Api,剩下的交給前端就可以了。

變化2:服務器渲染與客戶端渲染

傳統的jsp、php或者模板渲染都是服務器端渲染,就是客戶端的壹個請求,服務器直接把整個頁面返回給妳,簡單粗暴。(Spring Boot是服務器通過模板引擎完成的渲染工作。)

但是vue開發是前端和後端分開的,通過api交互。客戶機請求服務器返回由客戶機呈現的json數據。

既減輕了服務器的壓力,又使得渲染更加優雅,代碼更容易維護。

變化三:代碼渲染優雅,維護簡單。

JQuery通過DOM控制數據,不僅繁瑣,渲染數據也特別麻煩。Vue通過數據控制狀態,通過控制數據控制渲染。變量可以直接寫在標簽中,使得渲染更加優雅。

因為前端代碼和後臺代碼是分離的,所以項目更容易維護,開發效率更高。

變化四:項目工程,結合npm直接安裝第三方庫。

Vue讓前端項目更加工程化,也規範了前端工程師的代碼,node和npm的加入是Vue能夠蓬勃發展的重要原因。

Node為Vue提供了本地服務器和模塊化開發的思想,npm可以安裝Vue項目需要的模塊來配合Vue,比如moment.jselemenuivuex等。這些第三方庫讓Vue有了無限可能。

敲黑板(補充):jQuery傳統開發是命令式編程,現代框架開發是函數式編程。現代框架開發可以使用Webpack(當然也可以將Webpack與jQuery配合使用)和其他人提供的現成腳手架,比如create-react-app和vue-cli。開發效率大大提高,可以使用最新的ES6和ES7語法進行開發,將編碼體驗提升到了壹個更高的層次。

摘要

知其所以然,知其所以然,沒有最好的框架,只有最適合的框架!

  • 上一篇:古風唯美甜蜜的愛情文案
  • 下一篇:哪些漂亮的女星被我們誤認為中國女星?
  • copyright 2024吉日网官网