1. 程式人生 > >【知乎】尤雨溪知乎live感悟與總結

【知乎】尤雨溪知乎live感悟與總結

2.元件:
主流框架以元件做為最基本的單元。
前端思維:頁面->應用->元件
react貢獻:元件可以是一個函式,有一些props進來,可以返回一個抽象的資料結構,用class包裝。突破元件是靜態頁面的思維方式。

3.元件分類:
純展示型元件:資料進,dom出
揭露型元件(container):和資料層打交道。將資料傳給展示型的元件。
互動性元件:對於表單元件的封裝和加強。強調複用。
功能型 比如 <router-view><transition>,作為一種擴充套件、抽象機制存在。

4 模版和jsx的對比:
jsx:本質上js。最大的優點:靈活性。最大的價值是書寫功能型元件遠超模版。
模版會將最少的邏輯放在模版檔案裡。

5 colocation:
模版,樣式和js邏輯

7 狀態管理(flux)
本質:從源事件對映到狀態的改變,再對映到ui的變化。
宣告式渲染:已經做到了狀態的改變對映到ui的變化。
狀態管理做的事情是:如何管理將事件元對映到狀態變化。

8 路由:
元件和路由解耦,變成了把一個URL對映到元件樹的過程。
路由之間的跳轉,要提供鉤子,或者可能進行非同步操作。

web路由和app路由的區別:
web:上一個狀態被丟棄
app:新的介面蓋在現有的介面上。

10構建工具
構建工具解決的其實是幾方面的問題:

  • 任務的自動化
  • 開發體驗和效率(新的語言功能,語法糖,hot reload 等等)
  • 部署相關的需求
  • 編譯時優化

關於服務端渲染:
ssr.vuejs.org

新規範:
ssr.vuejs.org