CSR (Client Side Rendering) 客戶端渲染
CSR（Client Side Rendering）是一種將渲染資料的過程交由瀏覽器端處理的方法。
瀏覽器向 server 發送 request 後，接收到空的 HTML 頁面和 JS Bundle 等檔案、資源，所有的邏輯、取資料、交互事件、模板都在客戶端進行處理和加載。CSR 的優點：
- 可以使用 SPA (Single Page Application，單頁應用程式) 的架構，提供更好的用戶體驗和更快的頁面切換速度。
- 可以使用更多的 JS 資源來支持更複雜的交互和動畫效果。
- 可以更好地控制頁面的渲染過程，並且可以更好地利用瀏覽器的性能。
CSR 的缺點：
- 首次加載時可能需要更多的時間，因為需要加載並執行 JS Bundle 文件。
- SEO 問題，搜尋引擎爬蟲可能無法正確爬取和索引頁面內容，因為內容是通過 JS 渲染的
- 對於低端設備和網路慢的環境，可能會出現更長的加載時間和更差的用戶體驗。
參考資料
- Perplexity AI
留言
留言分享你的想法！
你可能也想看
Google News 追蹤
【vocus 精選投資理財/金融類沙龍，輸入 "moneyback" 年訂閱 9 折】
市場動盪時，加碼永遠值得的投資標的——「自己」
川普政府再度拋出關稅震撼彈，全球市場應聲重挫，從散戶到專業投資人，都急著找尋買進殺出的訊號，就是現在，輪到知識進場！把握時機讓自己升級，別放過反彈的機會！
就能get 同款 韓系質感包👜
而且獨家下殺 299元up
讓它成為你的 必備單品吧！
-
momo優惠折扣碼 領取超簡單❤️
點擊右下角 會員中心 - 折價券
輸入 FLOWERMOMO 點擊歸戶
就能領取 商店優惠券 啦！
-
https://momo.dm/RaFNzR
momo店+ S999純銀四葉草項鍊，精緻細膩，代表愛情、希望、信念與幸運，是送給自己或別人的完美禮物。限時下殺299元起，超取免運！
CSRD的概述
企業永續報告指令（CSRD）是歐盟於2023年1月5日正式實施的一項新法規，旨在提高企業在環境、社會和治理（ESG）方面的透明度和問責制。
這項指令取代了2014年發布的非財務報告指令（NFRD），並顯著擴大了受規範的企業範圍，預計將影響超過50,000家企業，這一數字是NF
旭榮集團作為全球知名的紡織企業，不僅在技術創新上展現領先地位，更在企業社會責任（CSR）方面樹立了業界典範。執行董事黃冠華在近期的媒體訪談中，詳述了公司在環境保護、人權保障與智慧製造上的多重努力，並藉由發佈CSR白皮書展現其可持續發展的承諾。以下為重點摘錄與分析。
18歲的那一天，走出去吧，把時間拉長，離自己的家鄉越遠越好，走出台灣的朝聖之路！自己安排行程、為自己負責，給自己的 18歲成年禮～ 郭兆偉 2023年4月8日
懷念一位為海而生，為海而亡的靈魂
當風電機成為價值不斐的裝置藝術：綠能不綠、再生能源無再生，說好漁電共生，結果沒漁也沒電，只有無窮貪婪
了解CSR與ESG的關鍵差異，並探索行為經濟學如何幫助企業推動永續發展。從中小企業到大型企業，這些策略有助於達成長期經營目標。
Corporate Social Responsibility 意指企業(的)社會責任。那麼企業到底要負起什麼責任？除了大家熟知的對股東負責，也就是公司需要獲利之外，更要重視E（環境）、S（社會）、G（治理），才有機會長久經營
CSS 是控制網頁外觀的語言，應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
※ 視圖模板
視圖模板（View Templates） 是在 MVC 架構中負責展示數據的 HTML 文件，包含模板語法，用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯，讓代碼更加模塊化和易於維護。
視圖模板設計和使用的核心理念，就是「重複的事情不要重複做、效益最大化、有效利用資源
※ 靜態資源回傳
※ 什麼是靜態資源：
定義：是指事先準備好的資源，這些資源在伺服器上是靜態的、不會隨著每個請求而改變。
資源通常包括：
靜態 HTML 文件。
CSS。
圖像（Image）。
Video。
字體文件：google fonts。
favicon：網頁名稱旁邊的ico
【vocus 精選投資理財/金融類沙龍，輸入 "moneyback" 年訂閱 9 折】
市場動盪時，加碼永遠值得的投資標的——「自己」
川普政府再度拋出關稅震撼彈，全球市場應聲重挫，從散戶到專業投資人，都急著找尋買進殺出的訊號，就是現在，輪到知識進場！把握時機讓自己升級，別放過反彈的機會！
就能get 同款 韓系質感包👜
而且獨家下殺 299元up
讓它成為你的 必備單品吧！
-
momo優惠折扣碼 領取超簡單❤️
點擊右下角 會員中心 - 折價券
輸入 FLOWERMOMO 點擊歸戶
就能領取 商店優惠券 啦！
-
https://momo.dm/RaFNzR
momo店+ S999純銀四葉草項鍊，精緻細膩，代表愛情、希望、信念與幸運，是送給自己或別人的完美禮物。限時下殺299元起，超取免運！
CSRD的概述
企業永續報告指令（CSRD）是歐盟於2023年1月5日正式實施的一項新法規，旨在提高企業在環境、社會和治理（ESG）方面的透明度和問責制。
這項指令取代了2014年發布的非財務報告指令（NFRD），並顯著擴大了受規範的企業範圍，預計將影響超過50,000家企業，這一數字是NF
旭榮集團作為全球知名的紡織企業，不僅在技術創新上展現領先地位，更在企業社會責任（CSR）方面樹立了業界典範。執行董事黃冠華在近期的媒體訪談中，詳述了公司在環境保護、人權保障與智慧製造上的多重努力，並藉由發佈CSR白皮書展現其可持續發展的承諾。以下為重點摘錄與分析。
18歲的那一天，走出去吧，把時間拉長，離自己的家鄉越遠越好，走出台灣的朝聖之路！自己安排行程、為自己負責，給自己的 18歲成年禮～ 郭兆偉 2023年4月8日
懷念一位為海而生，為海而亡的靈魂
當風電機成為價值不斐的裝置藝術：綠能不綠、再生能源無再生，說好漁電共生，結果沒漁也沒電，只有無窮貪婪
了解CSR與ESG的關鍵差異，並探索行為經濟學如何幫助企業推動永續發展。從中小企業到大型企業，這些策略有助於達成長期經營目標。
Corporate Social Responsibility 意指企業(的)社會責任。那麼企業到底要負起什麼責任？除了大家熟知的對股東負責，也就是公司需要獲利之外，更要重視E（環境）、S（社會）、G（治理），才有機會長久經營
CSS 是控制網頁外觀的語言，應用於網頁設計、UI/UX 設計、電子商務和移動應用開發。主要使用者包括前端開發者、UI/UX 設計師和網頁設計師。CSS 的特性有樣式控制、層疊優先級、響應式設計及分離內容與樣式。
※ 原本狀態：伺服器渲染
這是 MVC 架構下的 request / response 示意圖，在這張圖呈現的架構裡，畫面和資料都由同一個架構處理。
伺服器渲染流程：
瀏覽器針對特定網址送出請求。
路由器解析請求後，轉接給對應的 controller。
controller 按照要求，透過
※ 視圖模板
視圖模板（View Templates） 是在 MVC 架構中負責展示數據的 HTML 文件，包含模板語法，用於在渲染時插入實際數據。它們的主要目的是分離數據與展示邏輯，讓代碼更加模塊化和易於維護。
視圖模板設計和使用的核心理念，就是「重複的事情不要重複做、效益最大化、有效利用資源
※ 靜態資源回傳
※ 什麼是靜態資源：
定義：是指事先準備好的資源，這些資源在伺服器上是靜態的、不會隨著每個請求而改變。
資源通常包括：
靜態 HTML 文件。
CSS。
圖像（Image）。
Video。
字體文件：google fonts。
favicon：網頁名稱旁邊的ico