前端三分鐘

一起用三分鐘分享技術與知識

離職交接流程與軟體專案交接

離職是專業態度的終極考驗

離職交接的核心目標是什麼?離職交接 (Job Handover) 的核心目標不僅是完成瑣碎任務的轉移,更是「專業信譽的維護」與「知識風險的規避」。對於軟體工程師而言,高品質的交接應包含:1. 事實全貌呈現:運用「地圖全開」策略,將專案的技術債、未竟功能與環境坑洞全數透明化;2. 責任邊界釐清:透過「寄信溝通」留下文件交付與進度同步的存證,保護自己也保護接手團隊;3. 認知對齊:透過實體交接對......
me
林彥成
2021-12-01 | 5 min.

HPE 全端網頁開發面試攻略

LeetCode 技術測驗與 STAR 行為面試七輪實戰演練

外商 Full Stack 工程師面試的核心是什麼?外商(如 HPE)的 Full Stack 工程師面試 是一場技術實力與「軟實力 (Soft Skills)」的綜合博弈。其核心指標包含:1. 技術精確度:透過 LeetCode 線上測驗與系統設計對答,評估開發者對演算法、時空複雜度與架構權衡的掌握;2. 行為一致性:運用 STAR 原則 檢視候選人的過往經歷,確認其個性與解決問題的方法是......
me
林彥成
2021-11-16 | 5 min.

Python FastAPI 入門與 Pydantic 驗證

快速實現高效 API 與自動化文件

什麼是 FastAPI 及其核心優勢?FastAPI 是一款現代、高效能的 Python Web 框架,專為開發高品質的 API 而生。其 Python FastAPI 入門 的核心價值在於:1. 開發速度極快:結合 Python 型別提示 (Type Hints),能大幅減少約 40% 的開發錯誤;2. API 自動化文件:內建符合 OpenAPI 標準的 Swagger UI 與 ReD......
me
林彥成
2021-10-08 | 3 min.

Python 爬蟲教學與反爬蟲對策

涵蓋 Selenium 與 Requests 兩大主流

什麼是 Python 爬蟲及其核心實作方法?Python 爬蟲教學 的核心在於自動化地從網路上採集數據。高品質的 網頁資料擷取 主要分為兩種實作路徑:1. Requests 爬蟲範例:利用 HTTP 請求直接獲取靜態 HTML 或 JSON,速度極快且節省資源,適合 104 職缺抓取等 API 數據源;2. Selenium 爬蟲實作:模擬真人操作瀏覽器,能處理 JavaScript 渲染的......
me
林彥成
2021-10-05 | 6 min.



PWA 上架 Play Store 實戰

用 PWABuilder 封裝並提交應用

什麼是 PWA 上架與 TWA?PWA 上架 是指將符合 Progressive Web App 標準的網頁,透過封裝工具轉化為原生應用程式格式(如 Android 的 .apk 或 .aab),以便發布至 Google Play Store、Microsoft Store 等應用程式市集的過程。其核心技術為 Trusted Web Activity (TWA),這是一種基於 Chrome ......
me
林彥成
2021-10-04 | 3 min.

PWA 效能稽核完全指南

運用 Lighthouse 評估漸進式指標並優化可靠性

什麼是 PWA 稽核與 Lighthouse?PWA 稽核 (PWA Audit) 是指透過自動化工具對 Web 應用程式進行全面檢測,以確保其符合效能、可靠性、可安裝性與無障礙等關鍵指標的過程。而 Lighthouse 則是 Google 開發的最核心工具,整合於 Chrome 開發者工具(DevTools)中。它能模擬行動裝置環境,測量如 First Meaningful Paint (......
me
林彥成
2021-10-03 | 4 min.

PWA App Shortcuts 捷徑實作

增加長按圖示之快速啟動選單提升導航效率

什麼是 App Shortcuts?App Shortcuts (應用程式捷徑) 是 Progressive Web App (PWA) 的一項功能,允許開發者在 Web App 的圖示上提供一個「快速啟動選單」。當使用者在行動裝置主畫面上長按圖示,或在電腦工作列上按右鍵時,會彈出預先定義的功能捷徑。這項功能的技術核心在於 Web App Manifest 中的 shortcuts 屬性,它......
me
林彥成
2021-10-02 | 3 min.

PWA 介面外觀優化實務

調整系統主題色與啟動畫面以模擬原生 App 質感

什麼是 PWA 介面外觀優化 (Platform Look and Feel)?PWA 介面外觀優化 是指透過網頁技術(CSS 與 JavaScript)讓 Progressive Web App 的視覺呈現與操作手感無限接近原生 App (Native App) 的過程。其核心策略包含:利用 Web App Manifest 配置 display 屬性以實現全螢幕或獨立視窗運行、透過 Me......
me
林彥成
2021-10-01 | 4 min.