原创 TypeScript 複習與進階三部曲 (3) – TypeScript 類型體操

前言 在 第一部 – 把 TypeScript 當強類型語言使用 和 第二部 – 把 TypeScript 當編程語言使用 後, 我們幾乎已經把 TypeScript 的招數學完了. 第三部就要開始做練習題了, 這樣才能融會貫通. 記得,

原创 SQL Server – 基本操作 Table 和 Column

前言 日常都是用 EF Core 來管理 Database, 偶爾也用 Management Studio, 就是很少手寫 Command. 雖然網上一拉就有很多, 但是每次寫單側都要到處找還是挺煩的. 所以決定寫一篇來記入起來.   創建

原创 RxJS 系列 – Scheduler

前言 大部分情況下, RxJS 都是用來處理異步執行的. 比如 Ajax, EventListener 等等. 但其實, 它也是可以同步執行的, 甚至 by default 它就是同步執行的 (下面會給例子).  再加上 JS 的 Even

原创 CSS & JS Effect – Textarea Autoresize

前言 這是一個很普遍的體驗, 而且實現起來也很簡單哦   參考 YouTube – How to Auto Resize Textarea using HTML CSS & JavaScript   效果 我故意加了 border 和 p

原创 DOM – Dimension (offset, client, computed, rect)

前言 很多年前有記入過一篇 box-sizing 和 dom width. 想想也挺可悲的, 那年我是負責後端的, 卻要幫着前端去學習這些知識來解決問題... 也好, 現在 full stack, 也算沒有浪費當年的努力. 這篇是翻新版本.

原创 RxJS – Custom Operator

前言 雖然 RxJS 提供了非常多的 Operators. 但依然會有不夠用的時候. 這時就可以自定義 Operator 了.   Operator Is Just a Function Observable => Observable O

原创 JavaScript – Web Worker

前言 在上一篇 << 單線程 與 執行機制 >> 中, 我們提到了 Web Worker. 它的誕生是爲了解決 JS 主線程執行耗時計算時, 導致 UI 無法及時更新的卡死現象. 它的解決思路是把同步代碼異步化. 原本需要 JS 主線程執行

原创 JavaScript – 單線程 與 執行機制 (event loop)

前言 因爲在寫 RxJS 系列, 有一篇要介紹 Scheduler. 它需要對 JS 執行機制有點了解, 於是就有了這裏篇.    參考 知乎 – 詳解JavaScript中的Event Loop(事件循環)機制 掘金 – 徹底搞懂Java

原创 TypeScript 複習與進階三部曲 (2) – 把 TypeScript 當編程語言使用

前言 上一篇, 我們提到, TypeScript 進階有 3 個階段.  第一階段是 "把 TypeScript 當強類型語言使用", 我們已經介紹完了.  第二階段是 "把 TypeScript 當編程語言使用" 這篇主要就是介紹這個.

原创 TypeScript 複習進階三部曲 (1) – 把 TypeScript 當強類型語言使用

前言 原本是想照着 TypeScript 官網 handbook 寫個教程的. 但提不起那個勁... 所以呢, 還是用我自己的方式寫個複習和進階筆記就好了唄.   學習 TypeScript 的三個階段 我覺得學 TypeScript 有三

原创 Google Analytics – GA4 & Tag Manager 概念篇

前言 當我們設計好網站或者 App 後, 我們要怎樣知道這個產品用戶是否滿意呢? 如果發掘潛在的提升空間呢? 等用戶反饋? 投訴?  顯然不是上策, 更好的方式是觀察. 身爲一個產品經理, 我只要看着你用我的產品, 我就知道怎樣讓它更好用了

原创 RxJS 系列 – 大雜燴

前言 RxJS 有太多方法了, 想看完整的可以去看 REFERENCE – API List, 這篇介紹一些常用的.   NEVER NEVER.subscribe({ complete: () => console.log('com

原创 RxJS 系列 – 實戰練習

前言 這篇主要是給一些簡單例子, 從中體會 RxJS 在管理上的思路.    Slide Down Effect with Dynamic Content 我在這篇 CSS & JS Effect – FAQ Accordion & Sli

原创 DOM & BOM – Input File, Drag & Drop File, File Reader, Blob, ArrayBuffer, File

前言 之前寫過 2 篇關於讀寫文件和二進制相關的文章 Bit, Byte, ASCII, Unicode, UTF, Base64 和 ASP.NET Core – Byte, Stream, Directory, File 基礎,  不過

原创 Google – Reviews

前言 繼上一篇 Facebook – Reviews (Graph API) 後, 這篇繼續介紹另一個 Reviews 大平臺 Google Reviews. 想通過 API 獲取 Google Reviews 難度比 Facebook R