文章清單

最新文章

2024 CSS 年度報告筆記

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

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

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

遊戲 App 素材解包學習紀錄

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

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

所有文章

View Transitions - 認識並使用原生 document 轉場效果

用 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 簡單模擬框架實作

2024 CSS 年度報告筆記

2021 CSS 年度報告筆記

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

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

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

Tailwindcss 進階學習筆記

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

SCSS Parent Selector

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

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

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

Yarn Plug'n'Play (PnP) 的 VSCode 設定方式

如何用 Web API 讀取剪貼簿內容

CSP (Content Security Policy) 是什麼？

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 學習筆記

Colima 安裝使用筆記

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 Reflog 指令紀錄

Git Filter Branch

Git Crypt 使用筆記

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 優化

開發流程、監控體系優化

Nginx JS module 基本使用筆記

FlowiseAI 使用介紹筆記

Github Copilot 使用筆記

API First 學習筆記

What is AC - Acceptance Criteria 驗收條件

Mermaid 學習筆記

串接 Sonarcube 筆記

Youtube Data API 基礎使用筆記

FB API 學習筆記

VSCode 好用快捷鍵

在 Simulator 上開發測試

問題修正紀錄

全端開發學習資源

網頁前端課程目錄

中醫自學方向

黃帝內經-素問

中藥產地與採收

精氣血津液

整體觀與臟象

常見脈象與臨床意義

中醫的六邪在疾病初期、後期分別有那些症狀

中藥基礎理論

常見中藥材

利水渗湿药(8)

化痰止咳平喘药(15)

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

祛風濕藥(12)

活血祛瘀藥(7)

內證觀察筆記上篇【內證漫談】

內證觀察筆記中篇【太極器官、五藏】

內證觀察筆記下篇【十二正經】

磁力對生理的影響

道德經學習重點筆記

第一章道可道，非常道

第二章夫唯弗居，是以不去

第三章不尚賢，使民不爭

第四章道沖而用之或不盈，淵兮似萬物之宗

第五章天地不仁，以萬物為芻狗，多聞數窮，不如守中

第六章谷神不死，是謂玄牝

第七章天長地久。天地所以能長且久者，以其不自生，故能長生。

第八章上善若水。水善利萬物而不爭，處眾人之所惡，故幾於道

第九章功成身退，天之道也。

第十章載營魄抱一，能無離乎﹖

第十一章有之以為利，無之以為用

第十二章五色令人目盲，五音令人耳聾，五味令人口爽，馳騁畋獵令人心發狂，難得之貨令人行妨。

第十三章寵辱若驚，貴大患若身。愛以身為天下，若可托天下

第十四章是謂無狀之狀，無物之象，是謂惚恍。迎之不見其首，隨之不見其後。執古之道，以御今之有。

第十五章保此道者，不欲盈。夫唯不盈，故能蔽而新成。

第十六章致虛極，守靜篤。萬物並作，吾以觀復。

第十七章太上，下知有之。悠兮其貴言，功成事遂，百姓皆謂我自然。

第十八章大道廢，有仁義；智慧出，有大偽；

第十九章絕聖棄智，民利百倍。見素抱樸，少私寡欲

第二十章絕學無憂。眾人皆有餘，而我獨若遺。

第二十一章道之為物，惟恍惟惚。惚兮恍兮，其中有象；恍兮惚兮，其中有物。

第二十二章曲則全，枉則直，窪則盈，敝則新，少則得，多則惑。是以聖人抱一為天下式

第二十三章希言自然。天地尚不能久，而況於人乎?信不足焉，有不信焉。

第二十四章企者不立，跨者不行

第二十五章有物混成，先天地生。人法地，地法天，天法道，道法自然。

第二十六章重為輕根，靜為躁君。輕則失本，躁則失君。

第二十七章善行無轍跡，善言無瑕謫。故善人者，不善人之師；不善人者，善人之資。不貴其師，不愛其資，雖智大迷，是謂要妙。

第二十八章知雄守雌，為天下谿，知榮守辱，為天下谷

第二十九章天下神器，不可為也，是以聖人去甚，去奢，去泰。

第三十章以道佐人主者，不以兵強天下

第三十一章夫兵者，不祥之器，物或惡之，故有道者不處。

第三十二章道常無名，樸雖小，天下莫能臣也。

第三十三章知人者智，自知者明。

第三十四章大道氾兮，其可左右。以其終不自為大，故能成其大。

第三十五章執大象，天下往。往而不害，安平太。樂與餌，過客止。

第三十六章將欲歙之，必固張之；將欲弱之，必固強之

第三十七章道常無為而無不為

第三十八章上德不德，是以有德；下德不失德，是以無德

第三十九章昔之得一者，天得一以清。不欲琭琭如玉，珞珞如石。

第四十章反者道之動，弱者道之用。天下萬物生於有，有生於無

第四十一章上士聞道，勤而行之；大方無隅，大器晚成，大音希聲，大象無形，道隱無名。

第四十二章道生一，一生二，二生三，三生萬物。

第四十三章天下之至柔，馳騁天下之至堅

第四十四章名與身孰親﹖身與貨孰多﹖得與亡孰病﹖

第四十五章大成若缺，其用不弊。大盈若沖，其用不窮。

第四十六章天下有道，卻走馬以糞。天下無道，戎馬生於郊。

第四十七章不出戶，知天下；不窺牖，見天道。

第四十八章為學日益，為道日損。損之又損，以至於無為。

第四十九章聖人無常心，以百姓心為心。

第五十章出生入死。生之徒，十有三；死之徒，十有三；人之生，動之死地，亦十有三。

第五十一章道生之，德畜之，物形之，勢成之。

第五十二章天下有始，以為天下母。以知其子，既知其子，復守其母，沒身不殆。

第五十三章使我介然有知，行於大道，唯施是畏。大道甚夷，而人好徑。

第五十四章善建者不拔，善抱者不脫，子孫以祭祀不輟。

第五十五章含德之厚，比於赤子。知和曰常，知常曰明。益生曰祥。心使氣曰強。

第五十六章知者不言，言者不知。

第五十七章以正治國，以奇用兵，以無事取天下。

第五十八章其政悶悶，其民淳淳；其政察察，其民缺缺。禍兮福之所倚，福兮禍之所伏。

第五十九章治人事天，莫若嗇。夫唯嗇，是謂早服

第六十章治大國，若烹小鮮。夫兩不相傷，故德交歸焉。

第六十一章大國者下流，天下之交。天下之牝，牝常以靜勝牡，以靜為下。

第六十二章道者萬物之奧。雖有拱璧以先駟馬，不如坐進此道。

第六十三章為無為，事無事，味無味。圖難於其易，為大於其細；

第六十四章合抱之木，生於毫末；九層之臺，起於累土；千里之行，始於足下。為者敗之，執者失之。

第六十五章古之善為道者，非以明民，將以愚之。

第六十六章是以欲上民，必以言下之。欲先民，必以身後之。

第六十七章天下皆謂我道大，似不肖。夫唯大，故似不肖。

第六十八章善為士者不武，善戰者不怒，善勝敵者不與

第六十九章吾不敢為主而為客，不敢進寸而退尺。禍莫大於輕敵，輕敵幾喪吾寶。

第七十章吾言甚易知，甚易行。天下莫能知，莫能行。

第七十一章知不知上，不知知病。夫唯病病，是以不病。

第七十二章民不畏威，則大威至。無狎其所居，無厭其所生。夫唯不厭，是以不厭。

第七十三章天之道，不爭而善勝，不言而善應，不召而自來，繟然而善謀。

第七十四章民不畏死，奈何以死懼之？若使民常畏死，而為奇者，吾得執而殺之，孰敢？

第七十五章民之饑，以其上食稅之多，是以饑。

第七十六章人之生也柔弱，其死也堅強。萬物草木之生也柔脆，其死也枯槁。

第七十七章天之道，其猶張弓與﹖高者抑之，下者舉之；有餘者損之，不足者補之。

第七十八章天下莫柔弱於水，而攻堅強者莫之能勝，以其無以易之。

第七十九章和大怨，必有餘怨，安可以為善﹖

第八十章小國寡民。使有什伯之器而不用，使民重死而不遠徙。

第八十一章信言不美，美言不信。天之道，利而不害；聖人之道，為而不爭。

人類真相介紹

人生大挑戰-閱讀筆記

童年的回憶

賺外快的童年

養家的童年

少年時期的回憶

粉紅睡衣女鬼的祕密

麵線、甘蔗和賽鴿

我在黑社會的日子

『台北一條龍』

賭徒‧妻子‧盤仔人

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

開展創業石銅雕畫的日子

渡畜牲者‧瞎掰鬼與邪靈

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

鬼屋‧符令‧大揭祕

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

乩童與宮廟的祕密

活鬼纏身的恐怖亂象

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

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

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

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

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

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

金剛經時間不存在？自我是虛擬？

20250319 外婆過世

說服的藝術：避免陷阱，建立共識

禪修一定要去除「如何」嗎？

不對稱的回報

避免慢性壓力

關鍵溝通表達力

快樂的秘訣

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

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

什麼是真相，真相是什麼

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

2022 Leisure Learn

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

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

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

MacOS + Iterm2 + Oh My Zsh

我喜歡的名言佳句

Web Interview Preparation