Menu
official logo 75*75

地瓜大的飛翔旅程

點數旅行 留學 信用卡 程式學習

Menu
Facebook Twitter Feed GitHub LinkedIn YouTube Instagram

Primary Menu

Skip to content
  • 熱門文章目錄 Popular Posts
  • 懶人包 Dummies
    • 二日遊系列 Two-day Trip
    • 機場貴賓室 Airport lounge
    • 飛行體驗 Flight
    • 飛行過夜包 Amenity Kit
    • 英國留學 Study In UK
    • 獎勵機票兌換實戰 Redeem Flight Awards
    • 美國嘉信 CharlesSchwab
    • 美國匯豐 HSBC US
    • 美國德美利 TD Ameritrade
    • 英國匯豐 HSBC UK
    • 香港匯豐 HSBC HK
  • 工程師之路 Learning Programming
  • 關於作者 About
    • Impressum
    • Privacy Policy
Search

Secondary Menu

Skip to content
  • 旅店 Hotel
  • 亞洲 Asia
    • 日本 Japan
    • 台灣 Taiwan
    • 泰國 Thailand
  • 歐洲 Europe
    • 德國 Deutschland
    • 法國 France
    • 匈牙利 Hungary
    • 冰島 Iceland
    • 捷克 Czech Republic
    • 義大利 Italy
    • 西班牙 Spain
    • 英國 United Kingdom
    • 歐洲其他國家 Other European Countries
  • 美洲 America
  • 指南 Guide
    • 語言學習 Language Learning
    • 科技 Technology
    • 投資 Investment
    • 證書 Certificate
  • 食記 Food
  • 雜學 Trivia
    • 日記 Diary
    • 電影 Movie
    • 點數 Points
    • 開箱 Unboxing

標籤: vue3

[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例

[筆記] Vue3 Element UI 撰寫單元測試實作 – 以 el-form 為例

Posted on2023-08-082023-07-19

對 Element-Plus 的套件進行二次封裝後,撰寫 Unit Test 來讓元件的可靠性提昇是個不錯的作法。這邊筆記下撰寫封裝第三方套件的 Unit Te Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagselement ui vue3, Jest, Unit Test, vue, vue 3 element ui, vue 3 ui, vue3, vue3 $el, vue3 element, vue3 ui

[筆記] Vue3 SPA 網頁與 Docker

[筆記] Vue3 SPA 網頁與 Docker

Posted on2023-08-042023-07-14

這是 Vue 的一個長年疑問。準確來說是 Single-Page Application SPA 網頁應用,究竟有什麼方式可以取得 runtime 的變數,而不 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsdocker, SPA, vue 3 docker, vue spa, vue3

[筆記] Vue3 + TypeScript + Jest 單元測試整合 2023

[筆記] Vue3 + TypeScript + Jest 單元測試整合 2023

Posted on2023-07-282023-06-30

在上手開發一陣子後,總算是迎來撰寫單元測試的機會。由於測試工具的更迭速度比預期的快很多,這篇撰寫的當下是用 Vue3 + TS + Jest 來撰寫單元測試。 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsJest, jest vue, jest vue3, vue, vue 2023, vue3, vue3 2023, vue3 typescript, 單元測試

[指南] Nuxt3 整合 Bootstrap 5 的方法 – 包含 Popper.js

[指南] Nuxt3 整合 Bootstrap 5 的方法 – 包含 Popper.js

Posted on2023-04-272023-03-27

Nuxt3 搭配 Bootstrap 5 當前並沒有如過 Vue2 時代有 BootstrapVue 完整統整好的套件,於是這邊筆記下如何導入既有的 CSS 專 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsbootstrap, bootstrap nuxt3, nuxt 3 bootstrap, nuxt bootstrap, nuxt3, nuxt3 bootstrap, nuxt3 bootstrap-vue, nuxt3 bootstrap5, nuxt3 plugin, vue3

[筆記] Element Plus UI 將 el-tag 的文字變成可依照大小「自動換行」

[筆記] Element Plus UI 將 el-tag 的文字變成可依照大小「自動換行」

Posted on2023-03-182023-02-06

Element UI 中相當好上手的標籤 tag 元件,由於高度和 white-space 並沒有那樣彈性,導致放到表格中想讓其依照表格大小進行自動換行會出現異 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagsel-tag, element plus tag, element plus tailwindcss, element ui tag, ElementUI, elementui plus, vue, vue2, vue3

[筆記] Vue3 Keep-alive 的操作注意事項

[筆記] Vue3 Keep-alive 的操作注意事項

Posted on2023-02-262023-01-19

Vue3 的 Keep-alive 可以讓元件得以暫存,不過使用上若搭配 vue-router 進行頁面快取時,在頁面的名稱上會需要注意一下。 重點 1. 透過 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagscache, keep alive vue, keep alive vue3, keep-alive, nuxt3 keep-alive, vue, vue3, vue3 cache, vue3 keep alive, vue3 keep-alive 使用

[筆記] Vue3 加入 Google Analytics 4 心得

[筆記] Vue3 加入 Google Analytics 4 心得

Posted on2023-02-172023-01-11

Google Analytics 通用版即將在 2023 年 7 月終止服務,於是便有了在現有的 Vue 專案導入 GA4 的需求。在 Vue 中已經有方便容易 Read More …

Categories筆記 Notes, 網頁開發 Web DevelopmentTagsga4, ga4 vue, Google Analytics, google analytics vue 3, google analytics vue3, vue 3 google analytics, vue ga, vue ga4, vue-gtag, vue3

[指南] Nuxt3 腳本撰寫採坑記錄

[指南] Nuxt3 腳本撰寫採坑記錄

Posted on2023-02-152023-04-10

隨著 Nuxt3 的正式版本上線,那就該來針對 Nuxt3 寫一個專屬於自己的範本,讓自己後續的專案能夠快速的引用。與 Nuxt2 相比,Nuxt3 有不小的改 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsJavaScript, nuxt, nuxt3, nuxt3 bootstrap, nuxt3 eslint, nuxt3 ga4, nuxt3 ofetch, nuxt3 typescript, nuxt3教學, vue3

[筆記] Vue 監聽頁面離開、關閉的方法

[筆記] Vue 監聽頁面離開、關閉的方法

Posted on2023-02-072022-12-26

近期在 Vue 專案中於編輯頁面,要判斷使用者是否離開或是關閉頁面,並跳出提示訊息。這邊筆記下原理和程式碼。 內容 1. 透過 Vue-Router 或是一般連 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsbeforeunload vue, vue, vue onbeforeunload, vue3, vue3 onbeforeunload

Post navigation

← Older posts
Newer posts →

Google 站內搜尋

GA4瀏覽人氣

  • 線上人數:6
  • 昨日人氣:329
  • 本月人氣:47,900
  • 上月人氣:19,353
  • 本年人氣:339,495
  • 累積人氣:2,051,283

GA4熱門文章




    好站推薦

    優雅筆寄
    網站狂人
    嘿!部落!

    CC授權標示

    創用 CC 授權條款
    本著作係採用創用 CC 姓名標示-相同方式分享 4.0 國際 授權條款授權.

    Written-By-Human-Not-By-AI-Badge-white@2x.png

    分類

    Copyright © 2026 地瓜大的飛翔旅程. All Rights Reserved. 隱私權政策 | Catch Responsive by Catch Themes
    • 熱門文章目錄 Popular Posts
    • 懶人包 Dummies
      • 二日遊系列 Two-day Trip
      • 機場貴賓室 Airport lounge
      • 飛行體驗 Flight
      • 飛行過夜包 Amenity Kit
      • 英國留學 Study In UK
      • 獎勵機票兌換實戰 Redeem Flight Awards
      • 美國嘉信 CharlesSchwab
      • 美國匯豐 HSBC US
      • 美國德美利 TD Ameritrade
      • 英國匯豐 HSBC UK
      • 香港匯豐 HSBC HK
    • 工程師之路 Learning Programming
    • 關於作者 About
      • Impressum
      • Privacy Policy
    • 旅店 Hotel
    • 亞洲 Asia
      • 日本 Japan
      • 台灣 Taiwan
      • 泰國 Thailand
    • 歐洲 Europe
      • 德國 Deutschland
      • 法國 France
      • 匈牙利 Hungary
      • 冰島 Iceland
      • 捷克 Czech Republic
      • 義大利 Italy
      • 西班牙 Spain
      • 英國 United Kingdom
      • 歐洲其他國家 Other European Countries
    • 美洲 America
    • 指南 Guide
      • 語言學習 Language Learning
      • 科技 Technology
      • 投資 Investment
      • 證書 Certificate
    • 食記 Food
    • 雜學 Trivia
      • 日記 Diary
      • 電影 Movie
      • 點數 Points
      • 開箱 Unboxing
    • facebook
    • Instagram
    • 站長嚴選推薦
    • GOTOP
    Blogimove部落格搬家技術服務