友善的鍵盤–tabindex
首先要知道的是：原生的連結、按鈕及輸入，預設就是可以依據 HTML DOM 的結構順序由上而下、由左而右，使用鍵盤 tab 鍵來依序聚焦。
至於其他元素則需要使用 tabindex 這個標籤來設置，就讓我來整理一下 tabindex 如何使用。
maru
搞懂Leaflet的L.geoJSON
去年有參與開發一個 leaflet 圖台，那時匆匆忙忙再加上沒經驗，很多地方都沒有搞懂，程式能動就怎麼幹。今年圖台要新增兩個圖層，剛好我可以再回頭來研究一下 leaflet 的 L.geoJSON()。
JS陣列方法-以有序排列無序
那天我遇到這樣的一個情況，我接的圖表API傳來了各分公司的業績數據，但是分公司的順序並沒有照編號排序，我知道如果直接跑圖表，PM大人之後依定會要求要排序，而有排序的分公司列表是另外一支API傳來的資料，所以我必須依照有序的資料去排那份無序的公司業績數據。
CSS transform 的基本規則
transform：可以針對 HTML 元素做位移(translate)、旋轉(rotate)與變形(skew)。
HTML table 的基本用法
古早古早以前，要排出一個美觀的網頁必須使用 table 標籤，利用表格合併欄位的方式，把圖片跟文字放在想放的位置，但是 CSS 橫空出世之後，網頁排版變得靈活許多，table標籤就回歸它原本的用途，真的就只是拿來排表格。剛好最近切版，有許多表格元件，就來重新溫習一下 table 的使用方法。
app.config.globalProperties 全局 filter 使用方法
在幫舊專案由 Vue2 升版到 Vue3 的過程中，我有看到這樣的寫法：{{ ref 變數 | $filters.comma.format }}，查了資料之後，知道這是 Vue2 filter 的寫法，但是這樣的寫法 {{ ref 變數 | $filters.comma.format }} 在 Vue3 並不起作用喔，Vue3 的要做相同的事情要做另外的處理。
JS 小數點後位數處理-不自動進位
PM 發了一個 isssue，希望一個 input 輸入框中能夠限制到小數點 4 位，我很自然地使用了 toFixed(4)，結果發現輸入最後一位之後，如果再輸入的數字大於等於 5，小數點後第 4 位會自動加一，也就是小數點第 5 位數四捨五入後加一到小數點第二位。
把 Chart.js 的創建方法寫成 Composable
最近有點迷上 VUE3 的 composble 寫法，把可以重複利用的程式邏輯抽來變成composbal，要用的時候再匯入使用。今天我試著把 Chart.js 的創建方法抽出來放在 composables 中，沒想到竟然可行，以下整理一下我的作法。
雪山隧道文物館半日遊
國道五號，蔣渭水高速公路連接北二高南港系統到宜蘭蘇澳，全長55公里，耗時15年才完工，給了宜蘭人從台北安全回家的路，也讓台北人可以便利地來到宜蘭觀光，更讓兩地的資源可以用便捷的方式流通。但是這條舒適便利的高速公路要貫穿雪山山脈，沿路有著南港、石碇、烏塗、彭山、雪山等五座大大小小的隧道，其中以12.9公里長的雪山隧道工程最為艱辛。
隔山打牛的傳透 Attributes
VUE 官網把 Fallthrough Attributes 翻為 「透传 Attributes」，聽起來有點莫測高深，說穿了其實滿好懂的。簡單來講，如果在父層置入子元件，同時在父層的子元件上加上 class 樣式，則這個 class 樣式會傳入子元件與子元件內 DOM 的原本 class 樣式結合。