前端西瓜哥
幾何算法：矩形碰撞和包含檢測算法
大家好，我是前端西瓜哥。今天來講講幾何算法中，比較經典的算法：矩形碰撞和包含檢測算法。矩形碰撞檢測是被廣泛使用的算法。比如在遊戲中，為了優化圖形碰撞判斷效率（複雜不規則圖形之間的碰撞算法很複雜），經常會使用到包圍盒。所謂包圍盒子是一個矩形，通常正好包圍住一個規則或不規則的圖形。
如何計算瀏覽器頁面的幀數 FPS？
大家好，我是前端西瓜哥。今天說說如何計算瀏覽器頁面的幀數。我們需要用到 requestAnimationFrame 方法。requestAnimationFramerequestAnimationFrame 方法接受一個回調函數，並會在 瀏覽器下一次重渲染前調用 這個回調函數。
Node.js 是怎麼找到模塊的？
大家好，我是前端西瓜哥，今天我們來看看 Node.js 模塊查找的原理。模塊種類模塊有三種來源。核心模塊：Node.js 內置的包。比如 http、fs、path；自定義模塊：NPM 包。
為什麼 url 通常使用域名而不是 IP 地址？
這個 URL 代表，客戶端嘗試通過 HTTPS 協議，去訪問 reactjs.org 網站下路徑為 docs/getting-started.html 的內容。
pm2：在生產環境中運行 nodejs 應用
大家好，我是前端西瓜哥，今天帶大家入門一下 pm2。如果你用樸實無華的 node 命令去運行 nodejs 應用，那它是不穩定的，運行一段時間就會掛掉，不適合用在生產環境。對於生產環境穩定運行 nodejs 項目，我們通常使用的是 pm2 命令行工具。
macOS 上如何寫自定義命令行工具？
下面就可以根據自己需要做寫一些腳本了。想要在 VS Code 下集成的終端打開獨立的 iterm2 窗口，我們的一個方式是:很長，我們可以寫一個名為 iterm 的腳本:${1:-.} 代表取第一個參數，如果沒有，就實用默認值 .。
前端面試談：項目經歷的 STAR 法則
大家好，我是前端西瓜哥，今天來看看簡歷中闡述項目經歷的 STAR 法則是什麼。STAR 法則是什麼？我們寫簡歷中的項目經歷時，一種常見的思路就是 STAR 法則。STAR 是四個單詞的首字母和組合。STAR 是一個有意義的單詞 「星星」，更容易記住。
konva 系列教程 1：konva 是什麼？
konva 是一個對 canvas API 做了封裝增強的 JavaScript 庫。HTML 原生的 canva 提供的 API 比較底層，用法上像是操縱一支畫筆進行各種操作，畫完就結束了。canvas 本身不維護圖形樹，你也無法操作修改已被繪製的圖形。
在 React 中使用 Redux 的 4 種寫法
大家好，我是前端西瓜哥。今天我們看看React 中使用 Redux 的 4 種寫法。Redux 是一種狀態容器 JS 庫，提供可預測的狀態管理，經常和 React 配合來管理應用的全局狀態，進行響應式組件更新。
CSS 中的 BFC 是什麼？
大家好，我是前端西瓜哥。今天來學習 BFC。BFC，為 Block Formatting Context 的縮寫，中文翻譯為 塊格式上下文。BFC 是 Web 頁面 CSS 渲染的一個機制，是塊級盒子布局中產生的區域。