Nuxt 不像 Angular 這種大型框架,功能包山包海,核心功能不夠得自行擴充。雖然提過如何透過全域/頁面設定客製、用 Plugin 收納初始化片段,但對於...
Nuxt 路由入門 篇介紹過兩層動態路由 pages/ --| _slug/ -----| comments.vue -----| index.vue --|...
如果前輩說什麼你就做什麼,長久下來你會失去判斷能力。 除非你是草創成員,不然進入一間公司後,往往都是跟著前輩訂下的規則走;大部分的前輩在交接的時候只會說要這...
這篇打算為 Nuxt 內建元件收尾,介紹最後兩種 <nuxt-child> <nuxt> 回顧上一章,巢狀路由讓 slug...
偶而還是會碰到某些區塊不想預先渲染,把某一區塊渲染的負荷分到 Browser,跟SPA一樣做CSR 今天主題寫另一個內建元件 - <no-ssr>...
圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...
根據 文件 所寫 就目前而言 <nuxt-link> 和 <router-link> 一樣 點擊功能太常用,身為工程師還是看個仔細實...
這篇是頁面客製段落其三,主題講「Nuxt 頁面轉場效果如何調整」 回憶兩種暫態 正在讀取中 => 讀取效果 (Loading) 頁面切換中 =>...
前一篇介紹靜態頁部署,若換成 Universal Mode 呢? 「需要個 Node Server,不時讓人戳」 當工程師懶得管機器 (或你分身乏術),想把環境...
第 30 天,聊一下開始玩 Nuxt 的緣由(本來想寫整合 API 服務,發現內容前面沒提觀念太多,有點跳) 一開始嘗試處理 SEO 混著後端框架寫 Vue (...
圖片來源 延續之前的主題 Vuetify 中用到的技術大方向有: vue-router vuex vue-server-renderer webpack e...
這次因為要做出像在 client 一樣從 API 取得資料,所以上次的 store 不能直接使用,要準備一個新的,不過 Entity Adapter 的部份是可...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
2021/03/19: Depictr 套件目前已停止維護,不建議使用。(哭...) SEO 問題一直都是 SPA 的問題點,不過後來出現了 SSR (S...
今日的課程是由我們課程助教Tyson來主講。 重點針對於前端的架構設計解析。 首先,我們要問怎麼樣才是一個好的程式架構? 很多從junior工程師要進階到s...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
如果你有寫過 React ,那你很可能會知道 React Router ,它幾乎可說是用 React 寫 SPA 必備的一個函式庫,雖然現在其實還有另一個 @r...
不知各位有沒有聽過 JAMStack ? JAMStack 就是 JavaScript, API, Markup 合在一起的一種稱呼,是一種新的(?)或說是幫已...
React 的 server side renderer 是在 react-dom 這個套件的 react-dom/server 下,API 就只包含 4 個函...
版本:nuxt 2.15.8 說到 Nuxt,必須先從 Vue.js 說起,Vue.js 為專注在視圖層(View) 的 JS 框架,為 SPA(Singl...
這篇的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-generat...
雖然一開始說 Vue 因為有 Single File Component ,所以要 Server Side Render 可能會碰到需要用 bundler 的情...
會取這樣的標題是因為我覺得,原本的網頁只是純粹展示內容的 html ,到後來動態網頁的出現,管理大量的內容可以不用再一個個的檔案維護,而可以交給資料庫與樣版引擎...
Client-side Rendering 客戶端渲染 Client-Side Rendering 指的是網頁渲染大部分都透過瀏覽器端來完成,包含其中的邏輯、取...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
在 SSR 誕生時就出現了一種對於某種程式碼的稱呼 Isomorphic Javascript ,這種程式碼會把與環境相關的部份包裝成同樣的 API ,並靠著...