前端三分鐘

合作屬於目標導向的任務，目的是讓團隊一起從起點走向終點，透過建立溝通的步驟與學習相關的引導技巧，通常就能夠有效地縮短大家花費的時間。 背景與理由剛到傳產上班時，收到 Email 通知粗體加螢光紫顏色警告大家要戴口罩，根本就長輩圖等級信件。 我還跟同學說我們公司竟然通知沒戴口罩要記警告，也太把大家當白痴了吧? 同學表示，你不知道公司不這樣做，很多人會看不懂。約莫半年到一年後我漸漸懂了，常見的引......

搜尋引擎優化 (SEO)搜尋引擎優化透過調整站台符合搜尋引擎運作規則，最終提高網站搜尋排名的一種技巧。 以這個技術部落格當例子，來開箱如何優化文章曝光和點擊，以及調整後一個月 MAU 從 3000 到 4000 過程。 MAU 成果 網站架構調整在跟同事討論前我主要從網站速度跟架構面切入 網頁速度優化，針對網站體驗核心指標評估（Core Web Vitals）來優化站台 HTML 語意......

因為最近想準備面試，所以在網路上看到國外這篇 15 個關於 React JS 的面試問題覺得蠻適合當作 React 入門的必備知識，底下是常見的 React 相關問題提供給各位大大參考。 什麼是 React.js? React.js 是一套協助實作 Web 和 Mobile 使用者介面的前端函式庫 (library) 是 Facebook 2011 年認為現有解決方案無法處理目前問題，決定開......

三步驟加速你的網站效能當網站商業邏輯中有需要大量頻繁的快速更新畫面，往往會遇到畫面卡頓的情況，這時候就需要工程師進行執行效能上的優化。那該如何進行網頁執行效能優化呢? 接下來會從 Reconciliation & Batch 概念解說開始，接著是運用 Chrome 開發者工具進行評估並進行 渲染優化 (Rendering Performance) 腳本效能優化 (JavaScrip......

四種加快網站開啟速度的常見方法這篇文章會簡介加快網站開啟速度的四種常見方法，透過延遲載入資源、程式拆分、打包檔分析、資源優化幾個項目來作優化，並且用網站速度測試工具來進行檢核是否有效。 網站在載入效能上會遇到哪些問題? 靜態資源過多載入過慢 腳本複雜執行時間過長 RWD 的設計造成樣式檔越來越大包 延遲載入資源 (Lazy Load)圖片的部份 npm 上有個套件叫 lazyload，用......

不在大型專案導入 React.js 的 5 個原因這篇文章會分享 5 個不建議在大型專案導入 React.js 的原因，主要內容皆從底下這篇文章翻譯而來，筆者的公司需要維護大型的專案，且部分情況需要和外包的工程師協作，專案開發的大致情境和背景: 220 個頁面，大概有 20% 需要高度客製化 需要顯示大量客製化的表格欄位類的資料 專案需同時讓多個團隊同時一起維護 會是進行多年的專案，且會一......

嗨, 我是林彥成，網站前後端開發經驗六年，一開始是後端工程師，目前專注在 React.js、 Next.js 相關技術及應用上，後端能使用 Node.js、Socket.IO 做 API 開發和即時資料交換。 學習過程中，覺得知識可以被更淺顯的表達，於是就開始了寫部落格的旅程，前端三分鐘。 待過幾間新創公司常處理從零到一的環境建置 會用 Jenkins、Gitlab CI 建立持續整合......

前陣子，看了台灣工程師在矽谷的直播 (去年超幸運聽到在台大那場分享就被圈粉)，這次聽到訪問星星女孩的故事內心很是激動，於是立馬去借了書來看，看書的過程中，成大校友會社團有個人來開地圖砲，激起大家熱烈迴響，很幸運的，才有這個機會跟厲害的學長吃飯，這周末又聽了溫暖 100% 的分享，於是想稍稍整理一下心得。 時間有限，很多事情都想要嘗試，就需要提早計畫 星星女孩，高中參加北一女熱舞社然後是投......