前端三分鐘

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

談溝通步驟與引導技巧

職場老鳥必點技能

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

深入理解 React JS 元件

9 個略難的 React JS 面試問題

因為最近想準備面試,所以整理了些覺得算是比較進階的 React 必備知識,底下是 9 個問題和回答: 元件中週期有哪些? 執行順序如何?人有生老病死,元件從出現到消失主要也分三部分 Mount -> Updating -> Unmounting: Mount: 已經出現在瀏覽器的 DOM 上 constructor() static getDerivedStateFromPr......
me
林彥成
2021-05-21 | 4 min.

問好問題寫好文件

職場老鳥必點技能

問好問題寫好文件問好問題和寫好文件可以說是職場必點技能,對技術人員來說人雖然會離開但要讓知識可以留下來。在進入職場後,不管是在新人培養、部門技術分享、專案規格溝通甚至是離職交接,問好問題和寫好文件都是一定要點滿的技能,這個部分做得越好,團隊運作就會更順暢。 同時和多人進行非同步的溝通當然面對面有無法取代的好處,但我認為技術相關畢竟是密度較高的訊息,口語的溝通比起文件溝通又更難一些,為什麼口語......
me
林彥成
2021-05-14 | 4 min.

網站搜尋引擎優化 (SEO)

MAU 3000 到 4000+ 的過程

網站搜尋引擎優化 (SEO)這次目標是想透過 SEO 搜尋引擎優化文章頁面的曝光和點擊,在跟同事討論前我主要從網站速度跟架構面切入。接著透過 GA 的報表可以看出來,目前需要優化的是跳出率過高以及曝光高但點擊少的部份,同事因為是行銷部門的關係,所以主要是從 Customer Insight(顧客洞見)的角度來建議。 經過一個月過後,每月瀏覽人次 (MAU) 上升了 1000 左右。 優化曝......
me
林彥成
2021-05-07 | 5 min.

你了解 React JS 嗎

15 個 React JS 的面試問題

因為最近想準備面試,所以在網路上看到國外這篇 15 個關於 React JS 的面試問題覺得蠻適合當作 React 入門的必備知識,底下是 15 個問題翻譯和回答: 什麼是 React.js? React.js 是一套協助實作 Web 和 Mobile 使用者介面的前端函式庫 (library) 是 Facebook 2011 年認為現有解決方案無法處理目前問題,決定開始研發的一套函式庫 累......
me
林彥成
2021-05-07 | 4 min.

三個訣竅優化前端開發者體驗

從 UI/UX 來解析好讀的程式碼

什麼是開發者體驗(Developer Experience)? 開發者體驗其實就是從 UI/UX 來評估開發者的日常行為,其中開發者的使用者介面 (User Interface) 就是程式碼,而好的使用者體驗(User Experience) 除了包含了好的使用者介面外,開發環境提供語法高亮、自動完成等功能也是重要的環節。 對開發者來說,常見的使用者情境大多為加新功能、修正問題、極端案例測試......
me
林彥成
2021-04-16 | 3 min.

提升你的 React 開發效率

透過三個目標重構元件撰寫方式

重構元件撰寫方式的三個目標這篇文章會分享三個加速 React.js 開發的目標,主要內容皆從底下這篇文章翻譯而來 更少的打字時間 更少的除錯與測試時間 更少的閱讀時間 Double your react coding speed with this simple trick 更少的打字時間要讓打字時間縮短,大致上分為兩個方向: DRY 增加共用的程式碼: 大元件拆分成小且可重用的 ......
me
林彥成
2021-03-12 | 3 min.

三步驟加速你的網站效能

善用開發者工具進行效能分析優化

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

share