iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 2 留言 14522 瀏覽

鐵人賽 Modern Web DAY 11

Nuxt 3 學習筆記系列第 11 篇

技術 [Day 11] Nuxt 3 插件 (Plugins)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-26

1 Like 0 留言 13964 瀏覽

鐵人賽 Modern Web DAY 10

Nuxt 3 學習筆記系列第 10 篇

技術 [Day 10] Nuxt 3 組合式函式 (Composables)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-25

1 Like 2 留言 13237 瀏覽

鐵人賽 Modern Web DAY 9

Nuxt 3 學習筆記系列第 9 篇

技術 [Day 09] Nuxt 3 元件 (Components)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-24

0 Like 1 留言 16170 瀏覽

鐵人賽 Modern Web DAY 8

Nuxt 3 學習筆記系列第 8 篇

技術 [Day 08] Nuxt 3 布局模板 (Layouts)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-23

1 Like 2 留言 19689 瀏覽

鐵人賽 Modern Web DAY 7

Nuxt 3 學習筆記系列第 7 篇

技術 [Day 07] Nuxt 3 頁面 (Pages) 與路由 (Routing)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-22

3 Like 1 留言 16645 瀏覽

鐵人賽 Modern Web DAY 6

Nuxt 3 學習筆記系列第 6 篇

技術 [Day 06] Nuxt 3 目錄結構與自動載入 (Auto Imports)

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-21

2 Like 1 留言 16136 瀏覽

鐵人賽 Modern Web DAY 5

Nuxt 3 學習筆記系列第 5 篇

技術 [Day 05] Nuxt 3 如何使用 Tailwind CSS

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-20

0 Like 0 留言 4558 瀏覽

技術 Nuxt 3 + ESLint + Prettier 環境建置

前言大家好，我是 Ryan，這篇文章是我參與 iThome 2022 鐵人賽 [Day 04] Nuxt 3 + TypeScript + ESLint +...

Ryan ‧ 2022-09-19

2 Like 2 留言 18158 瀏覽

鐵人賽 Modern Web DAY 4

Nuxt 3 學習筆記系列第 4 篇

技術 [Day 04] Nuxt 3 + TypeScript + ESLint + Prettier 環境建置

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-19

0 Like 0 留言 16550 瀏覽

鐵人賽 Modern Web DAY 3

Nuxt 3 學習筆記系列第 3 篇

技術 [Day 03] Nuxt 3 - 使用 nuxi 建立第一個專案

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-18

2 Like 0 留言 24048 瀏覽

鐵人賽 Modern Web DAY 2

Nuxt 3 學習筆記系列第 2 篇

技術 [Day 02] Nuxt 3 介紹

🔥【Vue.js → Nuxt 入門推薦！🌟 新書即將上市 🌟】📘《想要 SSR 嗎？就使用 Nuxt 吧！Nuxt 讓 Vue.js 更好處理 SEO 搜...

Ryan ‧ 2022-09-17

1 Like 0 留言 1614 瀏覽

技術 [學習筆記] 去除chrome翻譯功能

參考文章禁用和启用google翻译首先有兩個步驟： head 內加入 meta 標籤 <meta name="google"...

gior__ann ‧ 2022-06-08

4 Like 0 留言 12608 瀏覽

鐵人賽 Modern Web

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 32 篇

技術 32. Nuxt 整合 API 服務

這篇介紹 API 服務整合若頁面內容不全靠 SSR 產生，部分頁面資料得透過瀏覽器向第三方、自架 API 後端抓取，會碰到跨域 + CORS 問題。為什麼需...

Ralph ‧ 2018-11-22 ‧團隊InfoSec Horadrim

1 Like 1 留言 10375 瀏覽

鐵人賽 Modern Web

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 31 篇

技術 31. Nuxt 部署 - 反向代理

Nuxt 以 Universal 模式運行下，後端會起 Node Server (預設是 http://127.0.0.1:3000 ) 網站服務一般都走 8...

Ralph ‧ 2018-11-17 ‧團隊InfoSec Horadrim

3 Like 4 留言 5469 瀏覽

鐵人賽 Modern Web DAY 30

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 30 篇

技術 30. 總結，路還長著

第 30 天，聊一下開始玩 Nuxt 的緣由(本來想寫整合 API 服務，發現內容前面沒提觀念太多，有點跳) 一開始嘗試處理 SEO 混著後端框架寫 Vue (...

Ralph ‧ 2018-11-14 ‧團隊InfoSec Horadrim

1 Like 0 留言 5922 瀏覽

鐵人賽 Modern Web DAY 29

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 29 篇

技術 29. Nuxt Universal App 部署至 Heroku

前一篇介紹靜態頁部署，若換成 Universal Mode 呢？「需要個 Node Server，不時讓人戳」當工程師懶得管機器 (或你分身乏術)，想把環境...

Ralph ‧ 2018-11-13 ‧團隊InfoSec Horadrim

2 Like 0 留言 10843 瀏覽

鐵人賽 Modern Web DAY 28

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 28 篇

技術 28. Nuxt 靜態頁部署

這篇介紹靜態頁面部署方式讀者可用電商登入頁案例試試 Nuxt 命令介紹過運行模式差異，透過命令 $ yarn generate /* npm run gene...

Ralph ‧ 2018-11-12 ‧團隊InfoSec Horadrim

0 Like 0 留言 7644 瀏覽

鐵人賽 Modern Web DAY 27

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 27 篇

技術 27. @nuxtjs/axios 如何透過 module 包裝 axios

Nuxt Axios 模組 - @nuxtjs/axios ，是官方推薦使用的 HTTP Client Module主要功能及組成有 axios 提供 HT...

Ralph ‧ 2018-11-11 ‧團隊InfoSec Horadrim

1 Like 0 留言 7016 瀏覽

鐵人賽 Modern Web DAY 26

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 26 篇

技術 26. Nuxt Module，Nuxt 的擴充元件

Nuxt 不像 Angular 這種大型框架，功能包山包海，核心功能不夠得自行擴充。雖然提過如何透過全域/頁面設定客製、用 Plugin 收納初始化片段，但對於...

Ralph ‧ 2018-11-10 ‧團隊InfoSec Horadrim

0 Like 0 留言 9820 瀏覽

鐵人賽 Modern Web DAY 25

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 25 篇

技術 25. Nuxt Plugin 如何讓 Axios 更好用 (下)

上一篇解釋 Nuxt 插件 (Plugins)用於管理特定執行環境的程式碼片段，並在 Nuxt App 自動載入、執行 Plugin 使用一貫簡單風格，需要載...

Ralph ‧ 2018-11-09 ‧團隊InfoSec Horadrim

2 Like 0 留言 9659 瀏覽

鐵人賽 Modern Web DAY 24

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 24 篇

技術 24. Nuxt Plugin 如何讓 Axios 更好用 (上)

複習一下 asyncData 動態產生頁面，作業得透過 axios 拉 product api，藉此產生商品頁面的情境安裝 Axios $ yarn add...

Ralph ‧ 2018-11-08 ‧團隊InfoSec Horadrim

2 Like 0 留言 7051 瀏覽

鐵人賽 Modern Web DAY 23

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 23 篇

技術 23. Nuxt 細說`<nuxt-child>` 和 `<nuxt>`

這篇打算為 Nuxt 內建元件收尾，介紹最後兩種 <nuxt-child> <nuxt> 回顧上一章，巢狀路由讓 slug...

Ralph ‧ 2018-11-07 ‧團隊InfoSec Horadrim

0 Like 0 留言 7523 瀏覽

鐵人賽 Modern Web DAY 22

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 22 篇

技術 22. Nuxt Routing 進階 - 巢狀路由/嵌套路由 (Nested Routes)

Nuxt 路由入門篇介紹過兩層動態路由 pages/ --| _slug/ -----| comments.vue -----| index.vue --|...

Ralph ‧ 2018-11-06 ‧團隊InfoSec Horadrim

0 Like 0 留言 6368 瀏覽

鐵人賽 Modern Web DAY 21

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 21 篇

技術 21. Nuxt 處理首屏 - `<no-ssr>`

偶而還是會碰到某些區塊不想預先渲染，把某一區塊渲染的負荷分到 Browser，跟SPA一樣做CSR 今天主題寫另一個內建元件 - <no-ssr>...

Ralph ‧ 2018-11-05 ‧團隊InfoSec Horadrim

1 Like 0 留言 7163 瀏覽

鐵人賽 Modern Web DAY 20

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 20 篇

技術 20. Nuxt `<nuxt-link>` 有什麼特別

根據文件所寫就目前而言 <nuxt-link> 和 <router-link> 一樣點擊功能太常用，身為工程師還是看個仔細實...

Ralph ‧ 2018-11-04 ‧團隊InfoSec Horadrim

0 Like 0 留言 3578 瀏覽

鐵人賽 Modern Web DAY 28

用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列第 28 篇

技術 #28 將 Nuxt 應用部署到 Heroku

今天還沈浸在昨天 Vue Fes Japan 2018 的興奮狀態，雖然是滿滿的收穫，但還是要回到現實繼續寫鐵人賽，根本日本鐵人賽之旅...... 直接進入正題...

HunterLiu ‧ 2018-11-04 ‧團隊武裝狗狗

0 Like 0 留言 9504 瀏覽

鐵人賽 Modern Web DAY 19

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 19 篇

技術 19. Nuxt Middleware，請求與回應間的中盤商

本篇要回溯「Nuxt 請求處理流程」，介紹 validate() 前一步驟 - Middleware Middleware 中文翻譯為中介軟體、中間件、中介...

Ralph ‧ 2018-11-03 ‧團隊InfoSec Horadrim

0 Like 0 留言 15580 瀏覽

鐵人賽 Modern Web DAY 18

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 18 篇

技術 18. Nuxt 運行模式 (Mode) 差在哪？

這篇打算介紹 Nuxt 可運行模式與解決情境其中兩種靠調整設定，決定是否需要 Node Server Universal SPA 以及單純靜態頁靜態頁產...

Ralph ‧ 2018-11-02 ‧團隊InfoSec Horadrim

1 Like 1 留言 3080 瀏覽

鐵人賽 Modern Web DAY 26

用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列第 26 篇

技術 #26 在秋葉原導入 Disqus (vue-disqus)

昨天夜宿機場寫鐵人賽和搭飛機實在太累了，也完全沒睡到，到東京後找了一間 starbucks 瘋狂寫鐵人賽(其實是太累走不動)，也寫了一個下午。發佈這篇的同時，...

HunterLiu ‧ 2018-11-02 ‧團隊武裝狗狗

0 Like 0 留言 11638 瀏覽

鐵人賽 Modern Web DAY 17

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 17 篇

技術 17. Nuxt 靜態資源 (Assets) 管理和引用

昨天有人問我引用圖片的路徑問題，答案整理成一篇補充雖說是圖片(image)、檔案(file)、樣式(css/scss/sass)、js等靜態資源，Nuxt 依其...

Ralph ‧ 2018-11-01 ‧團隊InfoSec Horadrim

技術 [Day 11] Nuxt 3 插件 (Plugins)

技術 [Day 10] Nuxt 3 組合式函式 (Composables)

技術 [Day 09] Nuxt 3 元件 (Components)

技術 [Day 08] Nuxt 3 布局模板 (Layouts)

技術 [Day 07] Nuxt 3 頁面 (Pages) 與路由 (Routing)

技術 [Day 06] Nuxt 3 目錄結構與自動載入 (Auto Imports)

技術 [Day 05] Nuxt 3 如何使用 Tailwind CSS

技術 Nuxt 3 + ESLint + Prettier 環境建置

技術 [Day 04] Nuxt 3 + TypeScript + ESLint + Prettier 環境建置

技術 [Day 03] Nuxt 3 - 使用 nuxi 建立第一個專案

技術 [Day 02] Nuxt 3 介紹

技術 [學習筆記] 去除chrome翻譯功能

技術 32. Nuxt 整合 API 服務

技術 31. Nuxt 部署 - 反向代理

技術 30. 總結，路還長著

技術 29. Nuxt Universal App 部署至 Heroku

技術 28. Nuxt 靜態頁部署

技術 27. @nuxtjs/axios 如何透過 module 包裝 axios

技術 26. Nuxt Module，Nuxt 的擴充元件

技術 25. Nuxt Plugin 如何讓 Axios 更好用 (下)

技術 24. Nuxt Plugin 如何讓 Axios 更好用 (上)

技術 23. Nuxt 細說`<nuxt-child>` 和 `<nuxt>`

技術 22. Nuxt Routing 進階 - 巢狀路由/嵌套路由 (Nested Routes)

技術 21. Nuxt 處理首屏 - `<no-ssr>`

技術 20. Nuxt `<nuxt-link>` 有什麼特別

技術 #28 將 Nuxt 應用部署到 Heroku

技術 19. Nuxt Middleware，請求與回應間的中盤商

技術 18. Nuxt 運行模式 (Mode) 差在哪？

技術 #26 在秋葉原導入 Disqus (vue-disqus)

技術 17. Nuxt 靜態資源 (Assets) 管理和引用

標記使用者