打造 Serverless 數據庫神器:Drizzle ORM x Cloudflare D1 全攻略

打造 Serverless 數據庫神器:Drizzle ORM x Cloudflare D1 全攻略

Drizzle ORM 結合 TypeScript 類型安全與 SQL 靈活性,是現代開發者在 Cloudflare D1 上構建 Serverless 數據庫的理想選擇。本文提供從安裝、建模到查詢的完整實戰教學。

2025年5月1日350 次分享
Pyodide:在瀏覽器中運行 Python 的完整指南

Pyodide:在瀏覽器中運行 Python 的完整指南

Pyodide 作為一種強大的技術解決方案,讓開發者能夠直接在瀏覽器中運行 Python 代碼,為 Web 開發帶來了新的可能性。本文將深入探討 Pyodide 的核心概念、優勢、使用方法以及安裝配置指南,幫助開發者充分利用這一創新技術。

2025年3月29日515 次分享
使用 Docker Compose 構建全棧應用:React、Express 與 MySQL

使用 Docker Compose 構建全棧應用:React、Express 與 MySQL

在現代全棧開發中,我們通常需要同時運行多個服務:前端應用、後端API、數據庫、緩存服務等。傳統上,開發人員需要在本地機器上分別啟動這些服務,這不僅繁瑣,還可能導致「在我機器上能運行」的問題。

2025年3月23日355 次分享
在 Node.js 中使用 bcrypt 加密密碼的完整指南

在 Node.js 中使用 bcrypt 加密密碼的完整指南

bcrypt是一種專為密碼哈希設計的密碼學函數,由NielsProvos和DavidMazières於1999年基於Blowfish加密算法開發,並在USENIX大會上發表。它不僅僅是一種普通的哈希算法,而是專門為解決密碼存儲安全問題而設計的解決方案。

2025年3月19日400 次分享
使用 Cloudflare Worker、Hono 和 Telegram Bot API 構建 RSS 訂閱推送系統

使用 Cloudflare Worker、Hono 和 Telegram Bot API 構建 RSS 訂閱推送系統

CloudflareWorker是一種Serverless運算平台,允許開發者在Cloudflare的全球邊緣網絡上運行JavaScript代碼。它具有低延遲、高可用性和零冷啟動時間的特點,非常適合構建輕量級的Web應用和自動化任務。

2025年3月18日
使用 Docker 和 Docker Compose 建立 Neo4j 資料庫

使用 Docker 和 Docker Compose 建立 Neo4j 資料庫

Neo4j作為領先的圖形資料庫,專為高效處理關聯性資料而設計,其獨特的節點與關係模型使其在處理複雜連接資料時表現出色。圖形資料庫的核心優勢在於其能夠直觀地表示和查詢實體間的關係,這對於社交網絡分析、推薦系統和知識圖譜等應用尤為重要。使用Docker容器化Neo4j帶來諸多好處,包括環境隔離、快速部署、版本控制和資源管理等。容器化技術確保開發、測試和生產環境的一致性,同時簡化了擴展和遷移過程。

2025年3月18日2 次分享
MyGO!!!!! Telegram 機器人:邊緣計算與動漫文化的融合

MyGO!!!!! Telegram 機器人:邊緣計算與動漫文化的融合

MyGO!!!!!是日本女子搖滾樂隊,屬於日本跨媒體製作《BanGDream!》的一部分。動畫「BanGDream!It'sMyGO!!!!!」於2023年6月29日開始播出,主要講述了這支樂隊的形成和發展歷程。

2025年3月15日263 次分享
從零開始的 dApp 開發:2024 年學習路線圖

從零開始的 dApp 開發:2024 年學習路線圖

Web3 的機會已經來臨,接下來的三個月,我必須全力以赴。以下是我 2024 年的學習計畫:

2023年12月18日6 次分享
優雅地使用 Storybook 建立 React.js 組件

優雅地使用 Storybook 建立 React.js 組件

例如這個組件,我就可以在Storybook的界面上展示如何透過傳達不同的Props輸出不同效果。

2023年1月11日830 次分享
如何透過 ZEIT 方便快捷地部署免費的 Node.js 項目?

如何透過 ZEIT 方便快捷地部署免費的 Node.js 項目?

如果你沒有註冊過ZEIT的話,那麼你可以到https://zeit.co/註冊一下。

2019年3月4日2 次分享
超好用的全棧項目部署構建平台 - Netlify, ZEIT

超好用的全棧項目部署構建平台 - Netlify, ZEIT

Netlify提供一站式的構建,部署靜態網站。它可以實現秒級部署項目,只需要完成以下三步驟:

2019年2月17日125 次分享
從博客系統回顧我的 2018 年前端生涯

從博客系統回顧我的 2018 年前端生涯

時光飛逝,我已從大學畢業成為前端工程師。回想這一年,我完成了三件事情:改版博客系統,讓不同用戶可以快速啟動項目,它是我第一個過百Star數的項目;翻譯並校對技術文章,學習了不少前端實用的技術;對博客系統框架的GatsbyJS,ReactJS技術研究。

2018年12月24日
GatsbyJS 入門(二):如何以 Starter 快速架構網站

GatsbyJS 入門(二):如何以 Starter 快速架構網站

上次我們提到 GatsbyJS,它是一個可以獲取任意數據,並生成靜態化網站的系統。這一次,就讓我們以 Calpa 的技術博客作為例子來開始架構網站吧

2018年11月23日
Hacktoberfest 2018 ﹣ 面向所有人群的開源社區最大活動

Hacktoberfest 2018 ﹣ 面向所有人群的開源社區最大活動

Hacktoberfest是一個由DigtialOcean,Github,Twilio共同打造的一年一度全球開源活動。參與者只需在十月一日到十月三十一日期間,在Github上五個遞交Pullrequests,就可以獲得活動的衣服。

2018年10月9日
網站性能調優開發工具:Lighthouse,Puppeteer 以及進階部分丨 Google 開發者大會 2018

網站性能調優開發工具:Lighthouse,Puppeteer 以及進階部分丨 Google 開發者大會 2018

Lighthouse重視用戶的首次加載頁面速度,頁面首次顯示內容速度,有意義的內容顯示速度,以及可以交互的時間。

2018年9月24日1 次分享
vtop ﹣ 一個你用了就會愛不釋手的圖形化進程管理工具

vtop ﹣ 一個你用了就會愛不釋手的圖形化進程管理工具

如果你沒有Node.js的話,那麼你需要安裝它:https://nodejs.org/en/

2018年8月25日
知乎無限 live 數據流網站

知乎無限 live 數據流網站

1.展示所有無限live計畫下面live資料,包括:日期,費用,參加人數,分數,以及講者。

2018年3月28日
Gatsbyjs async/await 更新報錯解決方法

Gatsbyjs async/await 更新報錯解決方法

SyntaxError:Unexpectedtokenoperator«*»,expectedpunc«(»「component---src-templates-blog-post-js-42473b53655caf4635a2.js:18311,43」

2018年3月21日
又到了年度總結的季節 ﹣ 我的 2017 前端開發回顧

又到了年度總結的季節 ﹣ 我的 2017 前端開發回顧

從最初的失望與後悔,到最後的興奮與感動,2017 年可以算是充滿挑戰與機遇的一年。雖然我依然是一個非科班學生,但是這沒有阻止我轉行成為前端工程師,反而成為向前邁進的動力之一。如果沒有這些經歷,我也不會發現自己對於編程的那份熱愛。在此,就讓我回顧一下這一年在自學編程轉行的經歷吧。在開始這篇文章之前,我先戴上頭盔,以防意外。

2017年12月31日8 次分享
Node.js 專案瘦身神器:用 node-prune 一鍵清理不必要檔案!

Node.js 專案瘦身神器:用 node-prune 一鍵清理不必要檔案!

node_modules 常常塞滿無用檔案,導致打包部署效率低落。本文介紹由 TJ 大神開發的 node-prune 工具,教你如何一鍵移除專案中的多餘檔案與目錄,讓 Node.js 專案體積大幅縮減,部署更快速穩定!

2017年11月26日
你可能不知道的 JavaScript 代碼規範

你可能不知道的 JavaScript 代碼規範

良好的代碼規範,能夠提高代碼的可閱性,使得項目維護更友好。除了自己設定一個規範外,我們也可以借鑒一下現在流行的代碼規範,讓我們成長之後,再去看細節。

2017年11月8日
【圖多】《遠征成功﹣﹣一個香港人北上杭州豬場的前端面試之路》

【圖多】《遠征成功﹣﹣一個香港人北上杭州豬場的前端面試之路》

首先,我要感謝網易。作為一個香港人,能夠拿到杭州的面試機會,實屬機會難得。這次的兩輪技術面試,考察點廣泛而深入。雖然問題比較深入,但這讓我感覺對於技術要求比較高,這是一件好事,因為可以反映公司對於技術的重視。在大四的這一年裡,我會繼續努力,爭取時間學習一個。本文將會記錄我面試時遇過的問題,以及作為一個香港人在杭州遇到的困難。

2017年9月30日
異步操作見聞錄:JavaScript 異步編程的思考與實踐

異步操作見聞錄:JavaScript 異步編程的思考與實踐

在同步的世界裡面,我們希望執行某些操作之後,就能夠馬上拿到返回的值,然後執行下一步。然而,當我們發出HTTP請求的時候,我們可能需要等待世界的另外一端返回信息,這需要時間,便不是同步了。

2017年9月27日
項目代碼調試:提問前要做的六個步驟

項目代碼調試:提問前要做的六個步驟

上天對於每個地球人都是公平的,每個人都一天只有24小時。為什麼有的人會停留不前,有的人卻會不斷有所成長?其中一個原因是當遇到問題時,他們解決問題的方法是非常不同的。同樣是遇到問題,與其伸手,等其他程序員幫助去解決問題,倒不如自己先嘗試各種方法,然後才問人家。我會在這篇文章簡單說一下在你提問之前,你可以做的六個步驟。

2017年7月24日
React 組件生命週期 - 加載組件

React 組件生命週期 - 加載組件

提供,我們可以透過使用組件,拆分UI為可以重複使用的獨立部分。是一個抽象的baseclass。我們甚少直接運用,通常是透過創建一個子類,並使用方法。

2017年5月16日1 次分享
HackUST 2017 後記

HackUST 2017 後記

\"第一天中午的時候已經把Demo做出來了,但是不知道為什麼刪除之後,Expo就直接崩潰了。這是因為裡面根本就沒有把完整的寫出來,當我輸入的時候就不能順利安裝。於是我只能在CodePen裡面開一個Pen用來做控制器。\"

2017年4月23日