博客 / 列表

xiaohe0601 - ⚪️ 五子棋加入道具系統是一種什麼體驗？我用 TRAE SOLO 實現了！

最近刷到 不如摸魚去 使用 TRAE SOLO 復刻了坦克大戰，他説彷彿捉住一隻嘶鳴的蟬，便攥緊了整個童年的夏天。 現在已經是冬天了，四川冬天的冷就像是“魔法攻擊“，雖然温度不如北方那麼低，但是寒意總會穿透衣服滲入到你的身體裏。每天早上蹬共享單車上班的我，在寒風中總會想如果現在是夏天就好了，我也要用 TRAE SOLO 做一個遊戲，我也想要抓住整個夏天！ 奈何沒有 TRAE SOLO 資格，一直不

遊戲開發 , 人工智能 , canvas , typescript , 前端

xiaohe0601 - 🧸 前端不是隻會寫管理後台，我用 400 行代碼畫了一個 LABUBU ！

注意看，這個男人叫小何，別小看他，每天晚上 9 點 59 分他都準時打開泡泡瑪特小程序蹲守 LABUBU 搶購。就在剛才，屏幕時鐘倒計時又到 00:00:00 了，他立刻開始狂戳屏幕上的「立即購買」按鈕，切換「購買方式」反覆刷新庫存，熟練的讓人心疼。 可是，現實卻從來沒有什麼“功夫不負有心人”，有的只是無數“黃牛”揮舞着自己的“科技”與小何同台競技。毫無意外，今天的小何依然沒有勝利，看着屏幕上的「

vue.js , canvas , typescript , 前端

xiaohe0601 - 🥳 Uni ECharts 2.1 發佈：正式支持鴻蒙，零成本遷移、全平台兼容、跨端開發零負擔！

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔：https://uni-echarts.xiaohe.ink Github：https://github.com/xiaohe0601/uni-echarts 🏝️ 背景 🎵 “本來應該從從容容遊刃有餘，現在是匆匆忙忙連

vue.js , uni-app , echarts , typescript , 前端

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧（一）

在現代 Web 應用開發中，密鑰的使用幾乎是不可避免的，無論是加解密本地敏感數據、調用第三方 SDK 還是網絡請求籤名等場景都需要用到密鑰。 如何相對安全、靈活地管理密鑰一直是一個令人頭疼的問題，我們既希望在開發環境可以方便地修改、調試和注入密鑰，又不希望這些密鑰在構建產物中被明文暴露，以免被有心之人輕鬆獲取。 通常情況，我們會先手動將密鑰通過特定的算法混淆拆分成多份放入源碼中，運行時再通過逆運算

插件 , vite , rollup , typescript , 前端

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧（二）

上一章 我們詳細介紹了為什麼需要一個自動化的密鑰管理方案，以及如何利用虛擬模塊機制設計並實現一個適用於 Rollup 的密鑰管理插件。 我們從需求出發，將核心的密鑰拆分還原算法獨立為 crypto-splitter 模塊，再通過 rollup-plugin-crypto-key 模塊將其接入 Rollup / Vite 的構建流程。用户只需簡單配置明文密鑰，就能實現在業務代碼中像導入普通模塊一樣獲

插件 , vite , rollup , typescript , 前端

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧（三）

上一章 我們為插件實現了對 TypeScript 的支持，通過在插件中引入 dts 配置項自動生成 crypto-key.d.ts 聲明文件，讓用户在開發過程中無需手動維護類型定義文件，就能獲得準確的類型提示和更流暢的 IDE 體驗。 可行性分析 為了讓插件能夠被更多的用户使用，我們希望可以同時支持 Vite、Rollup、Webpack、Esbuild 等構建工具，所以本章我們將會一起把插件從單

插件 , vite , rollup , typescript , 前端

xiaohe0601 - 👋 一起寫一個基於虛擬模塊的密鑰管理 Rollup 插件吧（四）

上一章 我們成功將插件遷移到 Unplugin 插件系統，使其同時支持 Vite、Rollup、Webpack、Esbuild 等多種構建工具，讓更多用户都能輕鬆體驗到我們基於虛擬模塊的密鑰管理方案。 然而，儘管我們的插件功能已經完整實現，但是在未來的迭代過程中仍然存在潛在風險。插件可能因為版本更新、構建工具差異或者代碼修改而出現功能迴歸、虛擬模塊解析異常或類型聲明生成不正確等問題。 為了確保插件

插件 , vite , rollup , typescript , 前端

xiaohe0601 - 🎉 Uni ECharts 2.0 正式發佈：原來在 uni-app 中使用 ECharts 可以如此簡單！

Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔：https://uni-echarts.xiaohe.ink Github：https://github.com/xiaohe0601/uni-echarts 🤓 為什麼選擇 Uni ECharts ？ 🚀 快速上手

vue.js , uni-app , echarts , typescript , 前端

xiaohe0601 - 🚀 擁抱 create-uni，一行命令輕鬆集成 Uni ECharts！

Uni ECharts 正式集成到 create-uni 啦！現在，你只需要一行命令，就能快速創建一個內置 Uni ECharts 的 uni-app 初始項目。告別複雜配置，數據可視化從未如此輕鬆高效，讓開發者專注於創意與體驗！ 🤓 為什麼選擇 Uni ECharts ？ Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件，無需繁瑣的步驟即可輕鬆在 uni

vue.js , uni-app , echarts , typescript , 前端

xiaohe0601 - 🔒 JavaScript 不是單線程嗎？怎麼還能上“鎖”？！

在 JavaScript 日常開發中，經常會遇到這樣的情況：多個異步任務需要同時訪問或修改同一個資源。這個資源可能很簡單，比如內存中的一個變量；也可能複雜一些，比如一份配置文件、一條數據庫記錄或者是某個外部服務的接口調用，只要它是共享的，就有可能被不同的任務同時操作。 問題在於，異步任務不像同步代碼那樣一行一行地按順序執行，而是可能同時進行。如果沒有任何機制來協調它們的先後順序，就會出現混亂：有的

插件 , 鎖 , 異步 , 前端 , Javascript