前端渲染:應該說剛進入頁面的時候，商品列表的數據不會給妳，也不會渲染。然後在加載腳本的時候，通過ajax或者fetch啟動另壹個接口，服務器返回商品列表的json數據給妳。您使用js中的模板引擎和其他技術將這些數據拼寫成html字符串並插入Dom。
服務器渲染:服務器用php的smarty模板或java的jsp渲染頁面的商品列表信息，並返回壹個html給瀏覽器。
區別:如果頁面需要蜘蛛抓取，前端渲染的數據無法抓取，但是服務器渲染的頁面可以抓取。如果有SEO需求，只能由服務器渲染。如果用Node.js渲染，就不會有這樣的問題。