最近做某個專案主機是用AIX，裡面的 command line 跟以往的 Bash 不一樣，沒有 autocompute 功能，也沒有 bash 上下找 History 功能。有時按方向鍵反而不是我想要的結果，搜尋一下，才發現使用操作上跟 vi 一樣。

簡單說一下 AIX，是一個 UNIX 系統，功能比 Linux 少很多功能樣子，使用上跟 Bash 差很多，沒 watch, top …等等功能，真的不習慣。

原本參考Hexo中插入mermaid diagrams | Yu’s Notes，不過做到一半還是失敗。最後還是解決了，順便紀錄一下。

最近接的案子有遇到 Java OOM。這種問題最麻煩的地方在於，看到 OutOfMemoryError 不代表你立刻就知道是哪一段程式出了問題。很多時候只是 JVM 已經爆了，但真正的根因可能是某個查詢撈太多資料、某個快取沒有釋放，或某個流程在短時間內開了太多執行緒。

如果環境是在 AIX，而且用的是 IBM 的 JVM，還會多一個落差：很多常見教學都在講 hprof 或 HotSpot 工具，但 AIX / IBM JVM 常見拿到的是 .phd dump。這時候就不能直接照一般教學走，要改用 IBM HeapAnalyzer 這類工具來看。

有時候自幹套件，使用 Object 去設定會非常簡單，但是會有物件繼承問題。要如何快速解決問題呢?我之前有使用過 jQuery.extend 來解決這個問題。但是最近寫 Vue，不太可能使用 Query ，我相信 ES6 應該有新寫法(還真的有)，這邊來整理一下。

Vite 搭配 Electron 整理(不使用TypeScript)

1. cawa-93/vite-electron-builder: Secure boilerplate for Electron app based on Vite. TypeScript + Vue/React/Angular/Svelte/Vanilla
2. Vue3+Electron整合方式 - 知乎

目前好像沒有官方推薦的，不過我選方案一，因為官方有特別註明怎麼調回 JavaScript，我 TypeScript 還沒有學。Orz

CSS 偽造元素(::before)顯示序號(counter)

• 重新認識 CSS - Pseudo-element (偽元素) | Titangene Blog

• Custom List Number Styling | CSS-Tricks

• [CSS 年終特賣] 讓 CSS 自動幫你數數

之前在學 Vue 2 的時候，稍微釐清 v-model 觀念。但一陣子沒用了，忘了差不多，今天在讀 Vue3 順便來回顧一下之前觀念，順便來筆記一下。

CSS Grid 筆記(writed)

推薦新法先看[CSS] 關於 Grid Layout 的使用姿勢，了解觀念在看語法內容比較不會誤會。

Vue 動畫過渡(Transition) 筆記

有時候需要手動下載特定的 jar 檔，或者將依賴複製到指定目錄，Maven 提供幾個實用的指令來完成這些任務。