前端三分鐘

通常推薦用 Linux 架設網頁伺服器，作業系統則推薦使用 CentOS 或是 Ubuntu。架站最快方式是安裝 Nginx 並配置前後端相關服務。Nginx 的用途主要提供反向代理，方便我們進行服務界接和相關路徑設定，也提供部屬靜態網頁的簡易設定，更多相關的設定歡迎參考我之前寫過的 常用的 Nginx Config 與相關指令教學。 在架設完不管是地端或是雲端的伺服器後，通常會遇到五個問題......

這次參加 GCP Cloud Study JAM 2021 體驗前後服務架設、Google Assistant、BigQuery 相關實作，值得一提的是 GCP 雖然提供圖形化管理介面，但大多功能都能用指令取代，這也代表相關配置與流程能透過程式碼來進行控管，進而降低錯誤的發生機率，更特別的地方是這次體驗的過程中，發現課程內容幾乎都是用 Cloud Shell 下指令的步驟當做教學。 一個 ......

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

搜尋引擎優化 (SEO) 透過調整站台符合搜尋引擎運作規則，最終提高網站搜尋排名的一種技巧。 以這個技術部落格當例子，來開箱如何優化文章曝光和點擊，以及調整後一個月 MAU 從 3000 到 4000 過程。 MAU 成果 當網站實際運行一陣子後，透過 Google Search Console 成效分析來看使用者常搜尋的關鍵字，以及個體連結與關鍵字的曝光次數關係。 在 SEO 前需要做......

因為最近想準備面試，所以在網路上看到國外這篇 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% 需要高度客製化 需要顯示大量客製化的表格欄位類的資料 專案需同時讓多個團隊同時一起維護 會是進行多年的專案，且會一......