前端渲染和后端渲染 在前端開(kāi)發(fā)中,頁(yè)面渲染指什么?
在前端開(kāi)發(fā)中,頁(yè)面渲染指什么?簡(jiǎn)而言之,就是生成可視化頁(yè)面。內(nèi)部工作原理是瀏覽器引擎解析HTML的DOM元素,最終形成屏幕像素,構(gòu)成可見(jiàn)的點(diǎn)、線、面。渲染過(guò)程將調(diào)用GPU進(jìn)行圖形渲染,渲染的數(shù)據(jù)源是前
在前端開(kāi)發(fā)中,頁(yè)面渲染指什么?
簡(jiǎn)而言之,就是生成可視化頁(yè)面。
內(nèi)部工作原理是瀏覽器引擎解析HTML的DOM元素,最終形成屏幕像素,構(gòu)成可見(jiàn)的點(diǎn)、線、面。
渲染過(guò)程將調(diào)用GPU進(jìn)行圖形渲染,渲染的數(shù)據(jù)源是前端元素或標(biāo)簽。
渲染速度與代碼編寫(xiě)密切相關(guān)。如果是一個(gè)大的周期,你會(huì)看到頁(yè)面加載非常慢。也可以說(shuō)渲染非常慢,因?yàn)閳D形和文本的顯示需要完成整個(gè)計(jì)算。
整個(gè)過(guò)程如下:后端HTML頁(yè)作為靜態(tài)文件存在。當(dāng)前端請(qǐng)求時(shí),后端不修改文件的內(nèi)容,而是直接以資源的形式返回給前端。獲取頁(yè)面后,前端修改HTML的內(nèi)容,并根據(jù)HTML頁(yè)面上編寫(xiě)的JS代碼進(jìn)一步顯示。
答題完畢,供參考
!張飛鴻
前端渲染可以使后臺(tái)更專注于業(yè)務(wù)數(shù)據(jù)的處理,而服務(wù)器的壓力則小得多。但是如果你的項(xiàng)目需要被搜索引擎索引,最好不要使用前端渲染,因?yàn)槟壳暗乃阉饕娌⒉惶貏e支持前端框架,前端使用JS來(lái)渲染數(shù)據(jù),這使得瀏覽器兼容性成為一個(gè)特別棘手的問(wèn)題。如果你的項(xiàng)目不關(guān)心瀏覽器的兼容性,這不是問(wèn)題。而前端渲染使得前端開(kāi)發(fā)和后端開(kāi)發(fā)分離,可以提高開(kāi)發(fā)效率。前端不能處理后臺(tái)的事情,同時(shí)也減少了對(duì)網(wǎng)絡(luò)帶寬的占用。后臺(tái)渲染是服務(wù)器的一大壓力。畢竟,數(shù)據(jù)和模板需要呈現(xiàn)到頁(yè)面中。但是,這可以通過(guò)緩存來(lái)解決。同時(shí),由于后臺(tái)渲染需要后臺(tái)開(kāi)發(fā)知識(shí),前端頁(yè)面需要后臺(tái)程序員修改后才能使用,開(kāi)發(fā)效率大大降低。在后臺(tái)渲染頁(yè)面后,前端可以直接顯示,因此后臺(tái)渲染可以支持低版本瀏覽器。