系統開發與技術更新日誌

專業記錄 TransitApp 的核心架構演進、視覺資產更新與效能最佳化歷程。

2026-03-19
系統更新報告 #01:專案初始化與基礎介面樣式表設計

本次更新主要針對專案進行了基礎架構的初始化。我們引入了核心的重置樣式表 (reset.css) 與通用樣式表 (common.css),總計超過 2000 行的樣式定義。此外,也整...

2026-03-19
系統更新報告 #02:核心首頁佈局與通用腳本實作

針對首頁 (index.html) 進行了超過 300 行的結構性擴充,並同步加入了通用腳本檔案 (js/common.js)。在視覺資產方面,替換並最佳化了首頁輪播圖與多個主要展...

2026-03-19
系統更新報告 #03:品牌識別更新與向量圖標資源替換

移除了舊有的 JREast 相關圖示與 PSD 原始檔,全面導入全新的 TransitApp 品牌識別資產 (logo_transitapp.png, logo_transitap...

2026-03-22
系統更新報告 #04:列車即時位置追蹤功能核心實作

本次為一次重大架構更新。引入了 train_location.js (超過 1100 行程式碼)、train_location.html 及相關樣式表。同時新增了本地化字串定義 (...

2026-03-22
系統更新報告 #05:漸進式網頁應用程式 (PWA) 圖示與清單整合

新增了適用於不同平台的應用程式圖示 (favicon.ico, apple-touch-icon.png, web-app-manifest-*.png)。同時將應用程式商店的佔位...

2026-03-23
系統更新報告 #06:列車定位狀態更新邏輯擴展與優化

針對 train_location.js 進行了超過 140 行的邏輯擴充與重構,並微調了 utils.js 中的公用函式。修正了列車狀態更新的輪詢 (Polling) 機制與錯誤...

2026-03-29
系統更新報告 #07:列車追蹤模組底層架構重構

對 train_location.js 執行了大規模重構,變動超過 400 行程式碼。主要重新設計了列車位置的座標映射演算法與前端渲染迴圈 (Render Loop)。...

2026-03-30
系統更新報告 #08:專案配置標準化與通用樣式表抽離

新增並配置了 package.json 與 .gitignore 檔案。同時,將大量散落於各 HTML 檔案內的內聯樣式 (Inline Styles) 抽離並整合至 css/co...

2026-03-30
系統更新報告 #09:列車定位 DOM 渲染瓶頸修正

進一步微調 train_location.js,進行了約 60 行的刪減與 60 行的新增。主要優化了文件物件模型 (DOM) 的操作策略,導入了文件片段 (DocumentFra...

2026-04-01
系統更新報告 #10:系統圖示更新與網頁圖標最佳化

全面更新了 favicon 與各平台的應用程式圖示 (apple-touch-icon, web-app-manifest 等),替換為經過尺寸與壓縮率最佳化的版本。同時移除了過時...

2026-04-01
系統更新報告 #11:全線列車專屬繪圖資源整合

匯入了大量特定型號的列車繪圖資源,包含 ael_caf_train.png, drl_train.png, k_train.png, m_train.png, sp1900.png...

2026-04-01
系統更新報告 #12:大型影像資源壓縮與載入效能優化

針對專案內的多張大型展示圖片 (如 top_image.png, feature_01.png 至 feature_04.png, main_01.png) 進行了深度的無損壓縮與...

2026-04-03
系統更新報告 #13:介面樣式微調與冗餘資源清理

徹底從版本控制歷史中移除了先前誤植的 TransitApp.apk 安裝檔。同時針對 css/common.css 與 line_selector.css 進行了微調,修正了部分色...

2026-04-07
系統更新報告 #14:車廂載客量即時顯示功能模組開發

引入了龐大的新模組 train_location_trainload.js (高達 1636 行),以及對應的視圖 train_location_trainload.html 與選...

2026-04-12
系統更新報告 #15:路線規劃核心演算法實作

新增了 functions/hrroutes.js 核心腳本。此模組包含了處理系統路線圖形 (Graph) 與節點間權重計算的基礎邏輯,作為支撐靜態路線資料庫的運算大腦。...

2026-04-15
系統更新報告 #16:前端介面排版與響應式設計優化

對多個核心元件進行了樣式調整與 DOM 結構修正。特別針對不同解析度的行動裝置,更新了 Media Queries 的斷點 (Breakpoints) 規則,確保文字與圖示的自動縮...

2026-04-25
系統更新報告 #17:程式碼重構與未使用變數清理

執行了大規模的程式碼審查與重構。移除了散佈在多個檔案中的未使用變數 (Unused Variables)、冗餘函數以及無效的註解。同時全面啟用了嚴格模式 (Strict Mode)...

2026-04-30
系統更新報告 #18:行動裝置瀏覽器相容性修正

針對 iOS Safari 與特定 Android Webview 環境,調整了 CSS 屬性設定(例如處理 -webkit-overflow-scrolling),並修正了 Ja...

2026-05-08
系統更新報告 #19:列車進站動畫與視覺過渡效果實作

在 CSS 樣式與 JavaScript 渲染邏輯中,全面導入了基於 CSS3 Transitions 與 Transforms 的硬體加速動畫效果。特別針對列車到站與離站的座標更...

2026-05-11
系統更新報告 #20:程式碼模組化與系統架構解耦

將原本龐大且職責混雜的 JavaScript 檔案(如 train_location.js),依照功能領域拆分為多個獨立的模組檔案。這牽涉了大量的函數重命名與依賴關係重新綁定。...