[TOC] ## 前后端分離的相關問題 三個前后端分離帶來的麻煩： 1. 權責往往不清晰，有很多臨界的位置，誰管都可以，容易引發扯皮。 2. 溝通時間增多，因為畢竟是兩個人工作嘛，需要不少的溝通 3. 除了溝通，還需要兩邊的代碼調試，看看數據、展示通不通，這個時間也很不可控，尤其是如果環境特別復雜，調起來不僅麻煩重重，還很有挫敗感。 ## 傳統多頁應用與單頁應用的區別 多頁應用特征： 1. 頁面內容由服務端模版生成； 2. 每次頁面跳轉都要經過服務端； 3. js 更多做的是動態效果； > 代表類庫：jquery mootools yui 單頁面應用的特征： 1. 所有內容在前端生成，js承擔更多的業務邏輯 2. 減輕服務器壓力。頁面路由不經過后端，后端只負責api 3. 可以完全還原用戶測操作路徑，是一種可回溯的用戶交互路徑(邏輯寫的差的除外)； 4. SEO難度較高。所有的內容都在一個頁面中動態替換顯示，所以在SEO上其有著天然的弱勢（SSR解決，或頁面靜態化） 5. 初次加載耗時多。單頁Web應用功能及顯示效果，需要在加載頁面的時候將JavaScript、CSS統一加載，部分頁面可以在需要的時候加載。所以必須對JavaScript及CSS代碼進行合并壓縮處理，如果使用第三方庫，建議使用一些大公司的CDN，因此帶寬的消耗是必然的。 > 代表類庫：angular vue react backbone ## 如何不通過前端自動設置Cookie？ 有兩個Http頭部和Cookie有關：`Set-Cookie`和`Cookie`。 * `Set-Cookie`由服務器發送，它包含在響應請求的頭部中。它用于在客戶端創建一個`Cookie` * `Cookie`頭由客戶端發送，包含在HTTP請求的頭部中。注意，只有cookie的`domain`和`path`與請求的`URL`匹配才會發送這個cookie。 Set-Cookie響應頭的格式如下所示： ``` Set-Cookie: <name>=<value>[; <name>=<value>]... ? ? ? ? ? ? ? ? ? [; expires=<date>][; domain=<domain_name>] ? ? ? ? ? ? ? ? ? [; path=<some_path>][; secure][; httponly] ``` `expires=<date>`: 設置cookie的有效期，如果cookie超過date所表示的日期時，cookie將失效。如果沒有設置這個選項，那么cookie將在瀏覽器關閉時失效。 `secure` : 表示cookie只能被發送到http服務器。 `httponly` : 表示cookie不能被客戶端腳本獲取到。 > 參考：[http://www.cnblogs.com/lxwphp/p/9498157.html](http://www.cnblogs.com/lxwphp/p/9498157.html)