在處理特殊切版的時候，例如雜誌的多格照片排版時 grid 要靈活許多，不過 flex 亦有他的優勢在，以下這一篇介紹 grid 切版的應用上以及注意的雷點。

二維的觀念來排版
就像切 table 一樣來分配面積
flex 處理不了的通常會使用 grid
inline-grid inline-flex 的用法? 跟內容物一樣寬
容器設定為 display grid

more

AMPs（Accelerated Mobile Pages）字面意義上理解為加速行動裝置網頁，
也就是在手機或移動裝置上優化性能的網頁框架，SEO 上也較大程度為 Google 所喜愛故而提升排行，
支援度也勝過 PWAs（Progressive Web Applications）：

Support
PWAs are not supported equally on all devices, so you may find slight inconveniences when they’re displayed on iOS. Also, they do not support all the hardware functionalities, such as Bluetooth, NFC, GPS, or accelerometers.

more

響應式數據

配合新的 setup 函式，偵測響應式數據的方法有 ref 與 reactive，響應式數據就是在數據變化時可以敏銳偵測到，並且隨之變動 virtual dom，達到 MVVM 的資料締結。

ref 函式

取代 data 函式，返回一個代理對象

ref 接受所有型別的數據，並且將資料包裝成一個代理，需要透過 .value 取得原始資料的數據，但須注意的是代理取得的值並非原始數據：

more