文章清單

最新文章

用 Web Container 打造自己的線上 NodeJS 開發環境

如何不用 setTimeout 幫 display: none 的 DOM 加動畫

在電腦裡搞一個 RWKV AI 小助手

遊戲 App 素材解包學習紀錄

動手自己做一個 ChatGPT UI 工具吧

Create a React Server Components Project without NextJS - 製作一個不依賴 NextJS 的 React Server Components 專案

從 Mock Service Worker 源碼中學習

擺脫 Node modules 地獄，擁抱 Yarn Plug'n'Play(PnP)

用 Socket.io 搭配 Matterjs 製作一款 Real-Time Canvas 聊天室（文長慎入）

所有文章

用 Web Container 打造自己的線上 NodeJS 開發環境

來試用看看原生 Web Popover API

在電腦裡搞一個 RWKV AI 小助手

遊戲 App 素材解包學習紀錄

動手自己做一個 ChatGPT UI 工具吧

Create a React Server Components Project without NextJS - 製作一個不依賴 NextJS 的 React Server Components 專案

如何在 Vuepress 裡快樂寫 React

從 Mock Service Worker 源碼中學習

擺脫 Node modules 地獄，擁抱 Yarn Plug'n'Play(PnP)

快速上手 NextJS v13 - 基礎觀念 AppRouter 篇

快速上手 NextJS v13 - Data Fetching, Caching, Revalidating 篇

用 Socket.io 搭配 Matterjs 製作一款 Real-Time Canvas 聊天室（文長慎入）

如何只用一支 CDN 及 4行設定，讓瀏覽器讀懂 Typescript, React, Vue

用 tsup 快速建立 Typescript 開發環境

開發 Email EDM 你可以更輕鬆

關於我的 Side project - Maju Web Editor

Web URL 中神奇的 createObjectURL method

Awesome Vite 一個由社群維護的 template 集大成

Vue、React 使用心得分享(文長慎入)

一起動手用 Socket.io 和 Peerjs 打造 WebRTC 即時視訊

Temporal Typescript SDK 學習筆記

React Web3 Storage

React useState 取得最新值

Babel 7 Decorator 的神奇小問題

用 Koa + Vite + Pinia 打造基礎 SSR 環境

Live2d 官方範例改寫

如何把 Video 畫在 Canvas 上

史上最簡單的 Webpack 5 教學

在瀏覽器中直接 import Vue SFC 開發起來

手寫一個可中斷的 delay promise

NodeJS 輕量開發框架 Expressjs 與 Koa2 的區別

用 2D 物理引擎 Matterjs 製作經典馬力歐 1-1

原生 Javascript 的類型標註工具 JSDoc

Pinia - Vuex 的後繼者

用 Nodejs 寫個 FTP command line 工具

Vue3 Server Render 手把手帶你搭建

你真的懂 Event Loop 嗎

Babel7 基本介紹與使用

Vue/Vitejs 部分源碼解析

Vuejs 依賴追蹤 2020 版

Vuejs 依賴追蹤 2019 版

Js literal 模板編譯

用 JavaScript 鎖定用戶調整畫面比例

Date.now() 與 new Date()

Promise 相關知識

Web Component 學習筆記

TypeScript 基礎篇

TypeScript 進階篇

MVC, MVVM, MVI 軟體設計架構

MVVM 簡單模擬框架實作

如何不用 setTimeout 幫 display: none 的 DOM 加動畫

純 CSS 實作星球環繞動畫效果

差點錯過的 Tailwindcss 入門學習筆記

Tailwindcss 進階學習筆記

2021 CSS 年度報告筆記

Sass, SCSS Built-In-Modules 內建模組與函數

SCSS Parent Selector

CSS 畫面鎖橫屏時，滾動的問題！！

Safari 使用 animation 時動態產生 rem 的坑

CSS: mix-blend-mode 屬性混合圖層動畫

Astro 入門學習筆記

如何解決 Astro 套用主題切換時，畫面抖動瞬閃問題

Rspack - 以 Rust 打造的快速構建工具

Typescript v5 Decorator 學習筆記

Sequelize 筆記

ES2022 學習筆記

Crypto 密碼加密方法

實作 Test 的注意事項

Jest 測試工具 - 基礎篇

正則表達式

Rxjs 學習筆記

Gulp 學習筆記

Clean Code Javascript 學習

JS 實戰開發特殊小技巧

React forwardRef 使用筆記

如何在 Nextjs 中使用 middleware set cookie

React Styled-Components 基礎篇

React Styled-Components 進階篇

React Unit Test

React Testing Library

React Emotion Basic

React Styled-JSX

React 18 - Concurrent Features Memo

useEffect 的高階封裝範例

React useContext & useReducer 搭配

React Router Config 筆記

Vue 單元測試學習筆記

學習 Vuetify 的一些筆記

Vuex 學習筆記

React Native - basic

GraphQL 學習筆記 - 基礎篇

GraphQL 學習筆記 - 進階篇

Apollo Client 學習使用筆記

Parse Javascript 文檔閱讀筆記

Parse User Object 章節

Parse Session Object 章節

Parse Schema Object 章節

Parse Cloud Code 章節

Sass, SCSS 基礎筆記

Docker 基礎技術

Dockerfile 技術篇

Docker-compose 技術篇 - 3.7

Kubernetes 學習筆記

ArgoCD 學習筆記

Podman 學習筆記

Git 版本控制

Git 基礎使用 - init, clone, add, commit, status, log

Git Merge 分支合併指令

Git Stash 保存紀錄

Git 基礎復原指令 - restore

Remote 遠端協同工作 - remote, fetch, pull, push

Git Tag 標籤 - tag

Git 設定 - config

Git 檔案比對與差異 - diff

Git Rebase 定義分支的參考基準

Git 客製化工具

Bash 基礎概念

Variable 變數

Script 腳本撰寫

Condition 流程控制

Operation 算數表達式

Function 函數

Command Line Params 指令列參數處理

Singleton Pattern

Compound Pattern

Observer Pattern

Mediator/Middleware Pattern

Factory Pattern

Render Props Pattern

Flyweight Pattern

Container/Presentational Component

Prototype Pattern

Provider Component

Command Component

Rendering Patterns 渲染模式介紹

前端性能優化

靜態資源優化

頁面渲染架構優化

Server 與 Network 優化

開發流程、監控體系優化

FlowiseAI 使用介紹筆記

Github Copilot 使用筆記

API First 學習筆記

What is AC - Acceptance Criteria 驗收條件

Mermaid 學習筆記

串接 Sonarcube 筆記

Youtube Data API 基礎使用筆記

FB API 學習筆記

VSCode 好用快捷鍵

在 Simulator 上開發測試

問題修正紀錄

全端開發學習資源

網頁前端課程目錄

中醫自學方向

黃帝內經-素問

中藥產地與採收

精氣血津液

整體觀與臟象

常見脈象與臨床意義

中藥基礎理論

常見中藥材

利水渗湿药(8)

化痰止咳平喘药(15)

開竅-平肝-安神藥(11)

祛風濕藥(12)

活血祛瘀藥(7)

人類真相介紹

人生大挑戰-閱讀筆記

童年的回憶

賺外快的童年

養家的童年

少年時期的回憶

粉紅睡衣女鬼的祕密

麵線、甘蔗和賽鴿

我在黑社會的日子

『台北一條龍』

賭徒‧妻子‧盤仔人

人鬼之戰—正邪不分的恐怖

開展創業石銅雕畫的日子

渡畜牲者‧瞎掰鬼與邪靈

無所不在的陷阱—邪靈的詭計

鬼屋‧符令‧大揭祕

妖魔鬼怪大變身—邪靈與動物

乩童與宮廟的祕密

活鬼纏身的恐怖亂象

前面親兄弟、後面無情義的假面

前面手牽手、後面下毒手的險境

人心險惡、五馬分屍所逼自殺的真相

自殺後的奇遇—人死後的世界

我自殺後的奇遇—「陰間地府處」與「陰府大本營」

我被趕出家門、面臨眾叛親離的苦境

不對稱的回報

避免慢性壓力

關鍵溝通表達力

快樂的秘訣

生活在現代社會，維持高品質思考的重要性

心理學家的面相術：解讀情緒的密碼

什麼是真相，真相是什麼

身為一位歷史觀察者（文長慎入）

2022 Leisure Learn

兩年八個月，我從 Garena 畢業了

我的終生大事，交往到結婚

轉職前端工程師 3 年多的回顧

MacOS + Iterm2 + Oh My Zsh

我喜歡的名言佳句

Web Interview Preparation