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

標籤: HTML5

[筆記] Email html 模版撰寫樣式注意事項

[筆記] Email html 模版撰寫樣式注意事項

Posted on2025-01-092024-12-19

前一陣子在編輯既有的 Email html 模版給後端使用時,發現有一些 html 標籤是會被忽略的,因此要避免將 style 樣式寫在這一層。 這邊筆記下可能 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsHTML, HTML5

[筆記] 瀏覽器的跳轉處理之 location.href 和 location.replace

[筆記] 瀏覽器的跳轉處理之 location.href 和 location.replace

Posted on2024-12-212024-12-02

當 HTML5 的表格送出,或是點擊某個按鈕執行完一定內容後,會有機會使用到 JavaScript 來跳轉當前頁面。這邊筆記下 location.href 和 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagshref, HTML5, location, redirect, replace, 跳轉, 重新定向

[筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響

[筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響

Posted on2024-11-162024-10-24

在 HTML 實作中,div 的滑入效果若是使用 top: -100% 來讓畫面進入的話,要小心內容若有滾軸的話,那這樣 top: -100% 回去的距離會有可 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsAnimation, div, HTML5, Scroll, transition top

[筆記] DOM contains 方法與 onClickOutside 的搭配使用

[筆記] DOM contains 方法與 onClickOutside 的搭配使用

Posted on2024-11-062024-10-18

近期搭配 VueUse 的 onClickOutside 實作 Dialog 的時候,由於其內有其他的 absolute 元件,因此會判定為 clickOuts Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsdom, HTML5

[筆記] 純 CSS Blur 創造模糊效果

[筆記] 純 CSS Blur 創造模糊效果

Posted on2024-07-222024-07-02

近期在製作模糊效果時,想說在 2024 的現在可否使用純 CSS 來製作,不用使用 svg。透過 caniuse 的相容性統計,iOS Safari, Goog Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsBlur, caniuse, CSS, HTML5

[指南] 既存 JavaScript + HTML + CSS 原生頁面打造新功能的一些心法

[指南] 既存 JavaScript + HTML + CSS 原生頁面打造新功能的一些心法

Posted on2024-06-082024-05-15

這回為了要在短時間內,於既有的義大利醬料式的網站上,加上一個新功能。看見其複雜且耦合度極高的 CSS, JS 和 HTML 檔案,實在難以下手。這邊筆記下一些經 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsCSS, HTML, HTML5, JavaScript, SCSS, tailwind

[筆記] Chrome DevTools 改寫特定 API 的 Respose Header 加速開發

[筆記] Chrome DevTools 改寫特定 API 的 Respose Header 加速開發

Posted on2024-06-072024-05-15

前後端分離開發時,往往會遇上 CORS 跨域問題。若是遇上是採用 session 來進行驗證的專案,那跨域設置 Cookie 和發送 Cookie 便成了一份亟 Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsCookie, CORS, HTML, HTML5, sessioin

[指南] 運用 Mkcert 簡易在本地端實現 HTTPS 連線 ( VSCode )

[指南] 運用 Mkcert 簡易在本地端實現 HTTPS 連線 ( VSCode )

Posted on2024-06-032024-05-13

前端網頁開發上,常會遇上需要用 https 來進行串接其他第三方服務的場景。若是使用 http 的話,會容易被瀏覽器本身的安全性防護問題給卡住,造成開發上的痛點 Read More …

Categories程式語言 Programming Language, 筆記 NotesTagsHTML5, Https, Mkcert

[筆記] Sticky Footer 實作方式收集

[筆記] Sticky Footer 實作方式收集

Posted on2024-05-312024-05-06

近期在實作手機版本的 Sticky Footer 時,有遇上一些實作上的狀況題。這邊筆記下網路上收集到的各種解決方法。 內容 程式碼 1. https://co Read More …

Categories程式語言 Programming Language, 筆記 Notes, 網頁開發 Web DevelopmentTagsFooter, HTML, HTML5

Post navigation

← Older posts

Google 站內搜尋

GA4瀏覽人氣

  • 線上人數:6
  • 昨日人氣:1,274
  • 本月人氣:47,900
  • 上月人氣:34,359
  • 本年人氣:339,495
  • 累積人氣:1,941,691

GA4熱門文章

  • [指南] 國際電話撥打、接聽是否收費?簡易規則講解
    [指南] 國際電話撥打、接聽是否收費?簡易規則講解(瀏覽:55,018)
  • [筆記] 解決 Windows 10 以後版本的中文無法正常輸入 IME 已停用問題
    [筆記] 解決 Windows 10 以後版本的中文無法正常輸入 IME 已停用問題(瀏覽:34,120)
  • [指南] Charles Schwab 嘉信理財 W-8BEN 表格更新 2021
    [指南] Charles Schwab 嘉信理財 W-8BEN 表格更新 2021(瀏覽:11,586)
  • [指南] 台灣麻將 規則整理既介紹
    [指南] 台灣麻將 規則整理既介紹(瀏覽:10,139)
  • [指南] Windows 更改預設顯示器 若選項無法選取該怎麼辦
    [指南] Windows 更改預設顯示器 若選項無法選取該怎麼辦(瀏覽:4,583)
  • [指南] 台灣境內銀行 外幣帳戶轉帳 究竟要不要手續費
    [指南] 台灣境內銀行 外幣帳戶轉帳 究竟要不要手續費(瀏覽:4,495)
  • [指南] 日本實體手機門號 可海外收簡訊 190PadSIM 申請
    [指南] 日本實體手機門號 可海外收簡訊 190PadSIM 申請(瀏覽:4,070)
  • [金融] HSBC US 開戶申請記錄
    [金融] HSBC US 開戶申請記錄(瀏覽:3,650)




Google 熱門關鍵字

  • 在國外接電話要錢嗎(1133/6372/4.4)
  • 國外接電話要錢嗎(662/1665/2.3)
  • 在國外接電話(627/1797/3.2)
  • 在國外接電話費用(607/2723/4.3)
  • 國外接電話(603/2457/4.4)
  • traditional chinese ime is not ready yet解決方法(552/1938/4.6)
  • 人在國外接電話(524/1539/2.6)
  • 國外接電話 費用(471/1428/4.0)
  • 國際電話誰付錢(421/1390/2.4)
  • traditional chinese ime is not ready yet(412/3950/12.7)
  • t card開卡(384/1027/2.7)
  • 接國際電話(341/1143/3.2)
  • 接國際電話要錢嗎(304/7049/6.2)
  • ana pay 教學(292/2038/6.5)
  • 伍拾壹製麵所(289/1318/5.4)
  • 國際電話 誰付費(285/826/2.3)
  • ime已停用(249/11285/8.0)
  • 接國外電話要付錢嗎(239/5402/4.6)
  • 接聽國際電話(236/587/1.6)
  • ime is not ready yet解決方法(224/568/3.6)
  • 嘉信w8ben更新(217/1883/8.3)
  • 電腦突然不能打中文win10(207/5708/8.0)
  • 國際電話 誰付錢(193/507/2.4)
  • 維珍航空註冊教學(186/380/2.1)
  • traditional chinese ime is not ready yet 解決(181/462/4.1)
  • 嘉信 w8ben 更新(180/1409/9.0)
  • 是否提交此聲明以主張條約利益(175/354/1.9)
  • 國際電話 付費(167/393/2.5)
  • ana pay申請教學(155/667/5.5)
  • ana pay(149/4175/9.1)

好站推薦

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

CC授權標示

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

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

分類

Copyright © 2025 地瓜大的飛翔旅程. 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部落格搬家技術服務