Ember.js 推出FastBoot走向伺服器端渲染
使用Javascript能夠編寫快速 互動的Web應用,這在過去幾年已經得到普遍認可,js應用提供了很多超過伺服器端技術(PHP JSP ASP)應用的功能,豐富的互動性和輕量快速的反應,這些已經不只是原生應用獨有的專利了。
JS的重量應用是產品性應用,在Web上載入一個應用遠好於原生應用的下載和安裝體驗。
富內容應用如新聞和影片也開始使用JS,以便獲得更好的互動性,不像產品性應用,使用者在一天開始之時登入一次後,就一直處於登入狀態,內容豐富的網站每天需要登入很多次,經常都是透過搜尋引擎和社會媒體共享等途徑反覆登入。
在這個場景下,js應用看上去是"正常"的web網頁,載入延遲卻讓人感覺不是十分像Web,的確,這也是2012年Twitter從客戶端javascript遷移回伺服器端渲染內容的原因。
能夠在伺服器端啟動Javascript應用,然後在瀏覽器再“補充水分rehydrate”,這已經被認為是一個美好的事情,但是,大部分努力都是聚焦在伺服器端將View檢視層渲染成HTML(JSP等輸出為HTML),這是很重要的一步,但是不足以解決問題。
解決整個問題不只是包括檢視層,還包括整個應用從啟動開始的生命週期,路由 抓取模型 和渲染(整個MVC過程),現在透過FastBoot將這些複雜的過程整合進入了Ember.js。
FastBoot將允許你傳遞一個頁面的HTML和CSS,然後允許Javascript在完成這些載入後實現掌控,你的Ember應用行為將和伺服器端應用沒有差別,無論使用者來自搜尋引擎 移動使用者或CURL工具,甚至使用者失效了Javascript。
此外,你還可以擁有原來的好的響應性和互動性。
詳細見:Ember.js - Inside FastBoot: The Road to Server-Sid
JS的重量應用是產品性應用,在Web上載入一個應用遠好於原生應用的下載和安裝體驗。
富內容應用如新聞和影片也開始使用JS,以便獲得更好的互動性,不像產品性應用,使用者在一天開始之時登入一次後,就一直處於登入狀態,內容豐富的網站每天需要登入很多次,經常都是透過搜尋引擎和社會媒體共享等途徑反覆登入。
在這個場景下,js應用看上去是"正常"的web網頁,載入延遲卻讓人感覺不是十分像Web,的確,這也是2012年Twitter從客戶端javascript遷移回伺服器端渲染內容的原因。
能夠在伺服器端啟動Javascript應用,然後在瀏覽器再“補充水分rehydrate”,這已經被認為是一個美好的事情,但是,大部分努力都是聚焦在伺服器端將View檢視層渲染成HTML(JSP等輸出為HTML),這是很重要的一步,但是不足以解決問題。
解決整個問題不只是包括檢視層,還包括整個應用從啟動開始的生命週期,路由 抓取模型 和渲染(整個MVC過程),現在透過FastBoot將這些複雜的過程整合進入了Ember.js。
FastBoot將允許你傳遞一個頁面的HTML和CSS,然後允許Javascript在完成這些載入後實現掌控,你的Ember應用行為將和伺服器端應用沒有差別,無論使用者來自搜尋引擎 移動使用者或CURL工具,甚至使用者失效了Javascript。
此外,你還可以擁有原來的好的響應性和互動性。
詳細見:Ember.js - Inside FastBoot: The Road to Server-Sid
相關文章
- SAP UI渲染模式:客戶端渲染 VS 伺服器端渲染UI模式客戶端伺服器
- 細說後端模板渲染、客戶端渲染、node 中間層、伺服器端渲染(ssr)後端客戶端伺服器
- React 伺服器端渲染和客戶端渲染效果對比React伺服器客戶端
- 什麼叫伺服器端渲染伺服器
- Web 應用客戶端渲染和伺服器端渲染的比較Web客戶端伺服器
- 伺服器端渲染與Nuxt.js伺服器UXJS
- vue伺服器端渲染(SSR)實戰Vue伺服器
- Angular Universal 學習筆記 - 客戶端渲染和伺服器端渲染的區別Angular筆記客戶端伺服器
- React SSR(伺服器端渲染) 細微探究React伺服器
- 伺服器端渲染SSR的優缺點?伺服器
- vue的兩種伺服器端渲染方案Vue伺服器
- 基於VUE的伺服器端渲染(SSR)Vue伺服器
- 【大前端之前後分離01】JS前端渲染VS伺服器端渲染前端JS伺服器
- 服務端渲染到前端渲染,再到“服務端渲染”服務端前端
- Web 應用伺服器端渲染入門指南Web伺服器
- 帶你走近Vue伺服器端渲染(VUE SSR)Vue伺服器
- 服務端渲染和客戶端渲染服務端客戶端
- Angular 伺服器端渲染的學習筆記(一)Angular伺服器筆記
- Angular 伺服器端渲染的學習筆記(二)Angular伺服器筆記
- SAP Spartacus 伺服器端渲染的三種可能情形伺服器
- webpack4、Koa配置Vue伺服器端渲染(SSR)WebVue伺服器
- 如何使用 Angular 伺服器端渲染的 Transfer State ServiceAngular伺服器
- 給 Angular 伺服器端渲染應用設定一個渲染超時時間Angular伺服器
- Angular 伺服器端渲染場景裡,伺服器端和客戶端渲染出的 HTML 原始碼有可能不完全一致Angular伺服器客戶端HTML原始碼
- Vue 服務端渲染 & 預渲染Vue服務端
- SAP Spartacus develop branch 的伺服器端渲染啟動方式dev伺服器
- 使用ReactJS + Node實現伺服器端響應渲染ReactJS伺服器
- Fastboot是什麼意思?ASTboot
- 前端路由和後端路由,前端渲染和後端渲染前端路由後端
- Ember.js學習總結JS
- 服務端渲染vs客戶端渲染到前後端同構服務端客戶端後端
- 伺服器端渲染 Nuxtjs + Laravel 的快速啟動輪子伺服器UXJSLaravel
- vue 伺服器渲染Vue伺服器
- 基於vue現有專案的伺服器端渲染SSR改造Vue伺服器
- nuxt3_使用pinia實現伺服器端渲染狀態管理UX伺服器
- react 服務端渲染React服務端
- 面試官:說一說前端路由,後端路由客戶端渲染與服務端渲染面試前端路由後端客戶端服務端
- 手動為 SAP Spartacus 新增 SSR 即伺服器端渲染的步驟伺服器