博客 / 列表

嘿嘿不務正業 - Node 調試利器,前端、Node 開發必備 - VSCode JS Debug Terminal

經常看到有同學抱怨 Node 調試麻煩或者是搞不清怎麼調試各種腳本、Jest、Webpack 等等,而偶爾看到的調試相關的文章又全都是在寫 inspect、launch.json 這些方案,其實有一定學習成本。 而其實在 VSCode 中早已內置了相當無腦的 Debug 方式,就是 JavaScript Debug Terminal,利用它我們只需要負責打斷點,別的什麼 inspect、launc

visual-studio-code , debugging , 前端

嘿嘿不務正業 - React SSR - 寫個 Demo 一學就會

今天寫個小 Demo 來從頭實現一下 react 的 SSR,幫助理解 SSR 是如何實現的,有什麼細節。 什麼是 SSR SSR 即 Server Side Rendering 服務端渲染,是指將網頁內容在服務器端中生成併發送到瀏覽器的技術。相比於客户端渲染(CSR),SSR 一般用於以下場景: SEO (搜索引擎優化):由於部分搜索引擎對 CSR 內容支持不佳,所以 SSR 可以提升網站在

react , ssr , 前端

嘿嘿不務正業 - Mac M1(arm 系列芯片)如何安裝 Chromium | Puppeteer

最近寫個腳本用到 puppeteer,然後安裝 Chromium 出現一點問題,這裏記錄一下解決方案。 Puppeteer 自動安裝失敗 在 Puppeteer 安裝時會自動安裝 Chromium,然而卻總是報錯 502 導致下載失敗,直接下載可以下載,命令行 wget 也可以,猜測是因為 Puppeteer 開啓了新的 process 來安裝導致環境變量丟失,然後就科學上網失敗了。 這會回頭看了

puppeteer , 前端