原创 使用 dpdm 定位 JavaScript/TypeScript 中的循環依賴
在寫大型項目的時候, 一不小心就會踩到直接循環依賴的坑裏面, 所謂直接循環依賴, 是指在模塊工廠函數中, 對其它依賴於自己的模塊的成員有直接調用的情況. 比如: 假設有兩個模塊 a.js 和 b.js, 其中 a.js 的內容如下: con
原创 使用 ink + react 製作一個命令行的在線五子棋遊戲客戶端
背景 Ink 是 React 在命令行中渲染系統的一個實現, 在 GitHub 上已經有 1w+ Star. 看着蠻好玩, 因此嘗試着寫了一個五子棋遊戲, 經過若干天的划水, 終於初見成效了! 先來看個演示動畫(Gif 太大這裏放不下, 請
原创 web 全架構系列(一): 整體分層及各層模塊化
介紹 這一系列文章, 旨在描述面對一個從零開始的 B(C)/S 應用的時候, 如何去搭建一個業務無關的平臺, 承載上層應用流量. 這裏要強調這個平臺的幾個特點: 業務無關性: 無論業務的形態如何, 均可以在此架構之上運行, 這裏可能會面臨
原创 JavaScript 的一些小技巧
一些 JavaScript 中的小技巧總結, 包括 ECMAScript, DOM, Node.js 的, 持續更新... 原址清空數組元素, 使長度爲零: const arr = [ 1, 2, 3 ]; // 另一種常見寫法是 a
原创 iclipboard: 一個更好用的複製文本到剪貼板的 npm 包
最近開發遇到一個需求, 要把一串文字複製到剪貼板, 然後就看了下 github, 發現了一個 star 2W 多的庫 clipboard, 想都沒想就拉來用了, 結果發現這貨真特麼不是一般的難用, 特別是和 react 或者 vue 綁定的
原创 從零認識 DOM (一): 對象及繼承關係
先上圖爲敬! 說明: 圖中包括了大部分 DOM 接口及對象, 其中: 青色背景爲接口, 藍色背景爲類, 灰色背景表示爲 ECMAScript 中的對象 忽略了一部分對象, 包括: HTML/SVG 的具體元素對象 Canvas/We