原创 BOM – Navigator SendBeacon

介紹 遊覽器專門做給 tracking 用的接口. 從前我們想 tracking 用戶點擊 anchor 是比較麻煩的. 因爲 click 事件觸發後, 想發 ajxax 去做 tracking record 但在 ajax 還沒有返回時,

原创 ASP.NET Core – Minimal API

介紹 Minimal API 是 .NET 6 纔開始有的功能. 它是一個簡化版本的 Web API. 我還沒有認真的去學習它, 感覺它走的是 Node.js Express 的路線. 目前用它來寫小測試會很不錯哦.   參考 Docs –

原创 Facebook – Pixel

介紹 Facebook 的 Pixel 類似於 Google 的 Analytics. 作用是 tracking 流量進入網站後是否轉化. 這樣就可以持續優化廣告效果.   參考 Facebook Docs – meta pixel get

原创 Google Ads – UTM

介紹 UTM (Urchin tracking module) 的作用是幫助我們收集訪客的來源渠道. 比如說, 用戶是從 Google 廣告來的, Youtube, 還是 Facebook 等等. 它的工作原理很簡單, 就是在 URL 加上

原创 RxJS 系列 – 概念篇

前言 很長一段時間沒有寫 Angular 了 (哎...全棧的命), 近期計劃又要開始回去寫了. 於是就開始做複習咯. 我的複習是從 JS > TS > RxJS > Angular, 與此同時當然是順便寫一系列半教程半複習的文章咯, 我當

原创 圖片綜合知識

以前寫過相關的 Image Exif Orientation 圖片方向信息 圖片與壓縮 (學習筆記)   .jpg 和 .jpeg 的區別 參考: 知乎 – JPG 和 JPEG 格式有什麼區別? 它們都是 JPEG 圖片格式的 exten

原创 ASP.NET Core – ADO.NET

前言 自從用 Entity Framework 就再也沒有用過 ADO.NET 了. 很多年前寫過 基礎 ADO.NET 訪問MYSQL 與 MSSQL 數據庫例子. 今天剛好想做個單側, 那就順便翻新一下唄.   安裝 dotnet n

原创 C# – Record, Class, Struct

前言 之前在 C# – 10.0 已經有介紹過 Record 了. 但之前還沒怎麼用到, 最近有用到了, 所以特別寫多一篇.    Class vs Struct 參考: C#詳解struct和class的區別 它們最大的區別在於 Clas

原创 ASP.NET Core Library – HtmlSanitizer

介紹 要輸出 Raw HTML 最好是先消毒一下. 使用 Library 就可以了.   參考 Github – mganss / HtmlSanitizer   安裝 nuget dotnet add package HtmlSanit

原创 JavaScript Library – PhotoSwipe

效果   前言 以前用過 lightbox2 和 fancyapps. lightbox2 已經沒有維護了. fancyapps 改版好多次了. v2, v3 現在 v4 已經開始收費了. PhotoSwipe 目前最火, 下載量最大.

原创 Google Maps Embed API & JavaScript API

前言 很多年前寫過一篇 Google Map 谷歌地圖, 這篇算是翻新版本.   Google Map Registration Google Maps Platform 是整個 Google Map 的大本營. 裏面有許許多多的 Serv

原创 CSS – 管理

前言 CSS 有好幾種寫法. 它們最終出來的效果是一樣的, 區別只是在你如何 "寫" 和 "讀" 或者說開發和維護. 這已經不是如何"實現"的問題了, 而是代碼如何管理維護的問題.    參考 CSS Utility Classes and

原创 BOM – 操作 Query

前言 ASP.NET Core 寫過一篇關於操作 query 的 ASP.NET Core – 操作 Uri 和 Query. 前端偶爾也會需要做出 query.   URLSearchParams 之前講 JavaScript – Fet

原创 CSS – Box Shadow & Text Shadow

前言 之前在 CSS – W3Schools 學習筆記 (3) 介紹過這個功能, 但一直不熟練. 每次用都卡卡的, 估計是沒有些一篇獨立的筆記的緣故. 特此寫一篇.   Text Shadow 下面這個是 before, after 的效果

原创 CSS – Clip Path

前言 我是在搞 1 side box-shadow 發現這個功能的. 平常很少做特效, 所以對這個好功能缺乏認識. 這篇大概記入一下先, 以後有認真用再補上細節.   參考 Youtube – Awesome UI Interactions