解耦架構的關鍵武器!Cloudflare Queues 核心功能與實戰應用

解耦架構的關鍵武器!Cloudflare Queues 核心功能與實戰應用

Cloudflare Queues 是專為分散式系統設計的消息佇列服務,支援非同步處理、訊息保證與高吞吐量。本文深入介紹其核心功能、實戰應用與架構優勢,助你打造更穩定、高效的現代應用。

May 10, 2025 313 次分享
書同文、API 同規格!Vercel AI SDK 帶你統一多模型開發流程

書同文、API 同規格!Vercel AI SDK 帶你統一多模型開發流程

Vercel AI SDK 是專為開發者打造的 TypeScript 工具包,支援 React、Next.js、Vue、Svelte、Node.js 等主流框架,協助快速構建 AI 驅動應用。本文將深入剖析其統一 API、靈活架構、效能優化及多平台支援等核心亮點。

May 4, 2025 721 次分享
AI 寫的程式總是出錯?我用 TypeScript + 函數式設計讓它聽得懂!

AI 寫的程式總是出錯?我用 TypeScript + 函數式設計讓它聽得懂!

你有遇過 AI 產生的程式碼完全跑不起來嗎?我曾經寫了一段計數器邏輯,結果它怎麼都看不懂。直到我用 TypeScript + 函數式設計重構,才發現——問題不在 AI,而是我們寫得不夠清楚。

May 4, 2025 1 次分享
用 Cloudflare KV 與 Hono 強化 ShareThis:建構彈性分享統計系統

用 Cloudflare KV 與 Hono 強化 ShareThis:建構彈性分享統計系統

想讓 ShareThis 分享按鈕擁有更多彈性與控制權?本教學將教你如何用 Cloudflare Workers 的 KV 資料庫與 Hono 框架,打造一個可擴充的後端 API。不只能保留原有分享數據,更支援快取、資料追蹤與訪問統計,幫助你打造真正可維護的分享統計系統。

May 3, 2025 159 次分享
打造 Serverless 數據庫神器:Drizzle ORM x Cloudflare D1 全攻略

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

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

May 1, 2025 308 次分享
從零開始!用 ChatGPT 玩轉 SciPy 積分與繪圖實戰指南

從零開始!用 ChatGPT 玩轉 SciPy 積分與繪圖實戰指南

用 ChatGPT 直接體驗 SciPy 積分與 Matplotlib 繪圖,不需本地安裝!本文從零開始,帶你一步步操作數值積分、函數視覺化,快速掌握 Python 科學計算的基本流程,適合新手與進階開發者。

April 27, 2025 234 次分享
用 ChatGPT + NumPy 互動模擬蒙特卡羅:一鍵估算 π 值與圖形化教學

用 ChatGPT + NumPy 互動模擬蒙特卡羅:一鍵估算 π 值與圖形化教學

本文教你如何使用 ChatGPT 的 Python 執行器,搭配 NumPy 與 Matplotlib,互動式實作蒙特卡羅模擬,估算 π 值並視覺化模擬過程,適合數據分析、教學演示與 AI 工具愛好者。

April 21, 2025 405 次分享
技術寫作馬拉松實錄:33 天 87 篇文章的高效創作流程與工具全公開

技術寫作馬拉松實錄:33 天 87 篇文章的高效創作流程與工具全公開

一封來自 ETHGlobal Taipei 的邀請,像是宇宙發出的召喚,引領我踏上一段 33 天的技術寫作馬拉松。這段旅程中,我每日一篇文章,打造黑客松得獎作品 OrbitGO,並用 AI 與自製工具建立起一條高效的知識創作產線。這篇文章,記錄了我如何將靈感化為實作,將持續輸出轉化為職涯突破的能量。

April 18, 2025 615 次分享
使用 Python NumPy 與 SymPy 計算最簡行階梯型矩陣(RREF)

使用 Python NumPy 與 SymPy 計算最簡行階梯型矩陣(RREF)

最簡行階梯型矩陣(Reduced Row Echelon Form, RREF)是線性代數中分析矩陣性質與解線性方程組的重要工具。本文將詳細介紹 RREF 的定義,以及如何在 Python 中結合 NumPy 與 SymPy 進行 RREF 計算與應用。

April 17, 2025 1 次分享
2025 Web3 技術人才全攻略:熱門技能、薪資行情與頂尖公司職缺解析

2025 Web3 技術人才全攻略:熱門技能、薪資行情與頂尖公司職缺解析

這篇文章深入剖析 2025 年 Web3 技術人才的招聘趨勢,透過 10 家頂尖區塊鏈企業的實際職缺資料,全面整理前後端、智能合約、DevOps 等熱門技術技能需求,並解析多鏈開發、錢包整合、安全審計等領域專業能力的重要性,同時強調遠端工作文化下的軟實力需求,為有志投入 Web3 的工程師提供清晰、實用的職涯發展藍圖。

April 13, 2025 16 次分享
lowdb 教學:打造輕量級本地 JSON 資料庫,支援 TypeScript

lowdb 教學:打造輕量級本地 JSON 資料庫,支援 TypeScript

想找一個不需設定資料庫伺服器的解決方案嗎?這篇教學將帶你認識 lowdb——一個輕量級本地 JSON 資料庫,適用於 Node.js、Electron 與前端專案。支援 TypeScript,幫助你用原生 JavaScript 快速完成資料儲存與查詢操作,適合原型開發、小型工具與桌面應用。

April 13, 2025 1 次分享
Z-Score 在 SciPy 中的技術應用與優勢

Z-Score 在 SciPy 中的技術應用與優勢

Z-Score(標準分數)是統計學中一個強大而通用的工具,用於將不同尺度的數據標準化到一個共同參考框架中。在 SciPy 這個廣泛使用的 Python 科學計算庫中,Z-Score 的實現既簡潔又高效。本文將深入探討 SciPy 中 Z-Score 的技術細節,並分析使用 Z-Score 進行數據標準化的諸多優勢,尤其是在數據科學和機器學習領域中的應用。

April 9, 2025
Hono 框架指南:輕量高效的 Web 開發工具及其 Cloudflare 部署

Hono 框架指南:輕量高效的 Web 開發工具及其 Cloudflare 部署

Hono 是一個超快速、高效且輕量級的 Web 框架,建構於 Web 標準之上,專為開發現代 Web 應用程式和 API 而設計。「Hono」在日語中意為「火焰🔥」,恰如其分地反映了這個框架的特點:快速、強大且充滿活力。Hono 以 TypeScript 開發,強調速度、易用性和開發者生產力,同時提供多環境運行支持,使其成為現代 Web 開發的絕佳選擇。

April 7, 2025 613 次分享
重返黑客松:我在 ETHGlobal Taipei 2025 重拾創作熱情的 36 小時

重返黑客松:我在 ETHGlobal Taipei 2025 重拾創作熱情的 36 小時

ETHGlobal Taipei 2025 對我來說,不只是一場黑客松,更像是一場找回創作初心的儀式。這次的參與讓我重新感受到,技術不是為了職位、KPI 或 OKR 而存在,而是為了解決問題、為了讓點子落地、為了再次享受「動手做」的快樂。

April 6, 2025 10 次分享
JSDoc:提升 JavaScript 程式碼品質的文檔工具與 AI 輔助自動生成

JSDoc:提升 JavaScript 程式碼品質的文檔工具與 AI 輔助自動生成

JSDoc 是 JavaScript 生態系統中的強大文檔生成工具,能顯著提升程式碼質量與項目可維護性。本文將深入探討 JSDoc 的優勢,及如何運用 AI 技術自動生成 JSDoc 文檔,使開發流程更加高效。

April 6, 2025 1009 次分享
IP-API 地理位置 API:功能、優勢與實現技術

IP-API 地理位置 API:功能、優勢與實現技術

在當今網絡環境中,通過 IP 地址獲取用戶地理位置信息已成為眾多網站和應用程序的基本需求。IP-API 提供了一個功能強大且部分免費的地理位置 API 服務,使開發者能夠輕鬆獲取 IP 地址相關的地理數據。本文將深入探討 IP-API 的功能特點、使用免費數據的優勢,以及如何通過 Fetch API 進行實際應用。

March 31, 2025
Taipy:將數據轉化為生產級 Web 應用的利器

Taipy:將數據轉化為生產級 Web 應用的利器

Taipy 是一個功能強大的開源 Python 框架,專為數據科學家和機器學習工程師設計,使他們能夠輕鬆地將資料和 AI 演算法轉化為全棧式 Web 應用程式。本文將深入探討 Taipy 的優勢,並通過氣象資料視覺化的實例展示其功能,同時比較它與其他類似工具的差異。

March 30, 2025 354 次分享
NumPy:Python 數據科學中的強大工具

NumPy:Python 數據科學中的強大工具

NumPy(Numerical Python)作為 Python 中最受歡迎的數值計算庫,為數據科學家和工程師提供了處理大型數據集的強大工具。與 Python 原生列表相比,NumPy 提供了顯著的性能提升和更便捷的數據操作方式。本文將深入探討 NumPy 的優勢,並通過實例展示其在數據處理中的應用。

March 30, 2025
Pyodide:在瀏覽器中運行 Python 的完整指南

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

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

March 29, 2025 492 次分享
Umami 分析工具:簡單、隱私、強大的網站分析解決方案

Umami 分析工具:簡單、隱私、強大的網站分析解決方案

在當今數據驅動的網絡環境中,網站分析工具是了解用戶行為和優化網站性能的關鍵。Umami 作為一個開源的網站分析解決方案,正逐漸成為 Google Analytics 的有力競爭者。本文將深入探討 Umami 的特點、優勢,以及如何使用 Umami Cloud 或自托管方式部署這一強大工具。

March 23, 2025
使用 Docker Compose 構建全棧應用:React、Express 與 MySQL

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

在複雜的全棧開發環境中,管理前端、後端和數據庫之間的配置和依賴關係可能會非常耗時且易於出錯。Docker Compose 提供了一個優雅的解決方案,使開發人員能夠輕鬆地定義、配置和運行多容器應用程序。本文將詳細介紹如何使用 Docker Compose 創建一個整合了 React.js 前端、Express.js 後端和 MySQL 數據庫的全棧應用,並提供一個使用 Vite、Express 和 MySQL 的實用示例。

March 23, 2025 335 次分享
Mockaroo:加速前端開發的 API 模擬工具詳解

Mockaroo:加速前端開發的 API 模擬工具詳解

在現代軟體開發中,前端與後端開發經常需要同步進行,但後端 API 通常需要較長的開發時間。當後端尚未準備好時,前端開發人員如何繼續他們的工作?這時,API 模擬工具就顯得至關重要。本文將深入探討 Mockaroo 這款強大的數據模擬工具,解析它如何加速開發流程,詳細指導如何使用它,並分析其相比其他模擬服務的優勢。

March 22, 2025
Docker 基礎映像選擇指南:最佳實踐與 2020-2025 年趨勢分析

Docker 基礎映像選擇指南:最佳實踐與 2020-2025 年趨勢分析

Docker 基礎映像是構建容器的起點,其選擇直接影響應用的性能、安全性和可維護性。在 2020 至 2025 年間,基礎映像的使用趨勢經歷了從極簡主義到更平衡的實用主義轉變。本文將深入探討不同基礎映像的優缺點、選擇最佳實踐,以及近年來的發展趨勢,幫助開發者做出更明智的決策。

March 21, 2025
使用 GitHub Actions 自動化 Docker 映像構建與發佈流程

使用 GitHub Actions 自動化 Docker 映像構建與發佈流程

在當今的開發環境中,自動化發佈流程已成為提高開發效率的關鍵因素。本文將探討如何利用 GitHub Actions 構建 Docker 映像並推送到 DockerHub,以創建更高效、更可靠的發佈工作流程。

March 20, 2025 1 次分享
在 Node.js 中使用 bcrypt 加密密碼的完整指南

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

在現代應用程序開發中,安全存儲用戶密碼至關重要。本報告將詳細介紹如何在 Node.js 中使用 bcrypt 進行密碼加密,探討為何 bcrypt 優於其他哈希方法,並提供密碼加密的最佳實踐。

March 19, 2025 367 次分享
使用 Docker 和 Docker Compose 建立 Neo4j 資料庫

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

Neo4j 是一個強大的圖形資料庫,透過 Docker 和 Docker Compose 部署可大幅簡化安裝和管理流程。本報告將詳細介紹如何使用容器技術快速建立 Neo4j 環境,涵蓋從基本設置到進階配置的完整過程,適合開發者快速實現圖形資料庫的部署與管理。

March 18, 2025 2 次分享
使用 Google Colab 理解線性代數中的 A=CR 分解:Gilbert Strang 講座解析

使用 Google Colab 理解線性代數中的 A=CR 分解:Gilbert Strang 講座解析

在 Gilbert Strang 教授的 MIT 線性代數課程"Matrix Methods in Data Analysis, Signal Processing, and Machine Learning"的第一講中,我們遇到了一個基本而強大的矩陣分解方法:A=CR 分解。這個分解不僅是線性代數的基石,也是理解矩陣結構與向量空間的關鍵。本文將使用 Google Colab、NumPy 和 Matplotlib 來實現並視覺化這個概念,幫助我們從計算和幾何角度理解 A=CR 分解。

March 18, 2025 1 次分享
使用 Cloudflare Worker、Hono 和 Telegram Bot API 構建 RSS 訂閱推送系統

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

本文將詳細介紹如何使用 Cloudflare Worker、Hono 框架和 Telegram Bot API 構建一個自動化系統,該系統能夠監控 RSS 訂閱源並將最新更新推送到 Telegram 頻道。這個解決方案完全基於 Serverless 架構,無需管理伺服器,且大部分情況下可以在 Cloudflare 的免費方案內運行,非常適合個人開發者和小型團隊使用。

March 18, 2025 458 次分享
GitHub Actions 全攻略:從零開始自動化 Go 專案部署與發布流程教學

GitHub Actions 全攻略:從零開始自動化 Go 專案部署與發布流程教學

想學會如何用 GitHub Actions 自動化部署與發布 Go 專案嗎?這篇文章將從零開始,帶你建立一個完整的 CI/CD 流程,透過 YAML 設定工作流程,自動測試、編譯與打包應用程式,並將結果透過 GitHub Release 發布到多平台。無論你是第一次接觸 GitHub Actions,還是想優化現有流程,都能從中獲得實用技巧。

March 17, 2025 525 次分享
從 2022 到 2025:重新審視前端開發的演變

從 2022 到 2025:重新審視前端開發的演變

2022 年 3 月,我曾整理了「一個 Full Stack Developer 的日常」,分享了自己的工作流程和方法論。如今已是 2025 年,前端開發領域已經歷了翻天覆地的變化。讓我們重新審視這個領域,看看三年來發生了什麼變化,以及現在學習前端開發應該採取什麼策略。

March 17, 2025 1513 次分享
利用 AutoCorrect 與 GitHub Actions 提升繁體中文寫作品質

利用 AutoCorrect 與 GitHub Actions 提升繁體中文寫作品質

AutoCorrect 是一個強大的文案格式化工具,能夠自動糾正中日韓(CJK)與英文混合使用時的常見問題,如標點符號、空格等。本文將介紹如何透過 GitHub Actions 的自動化工作流程,讓您的繁體中文文章在推送到 GitHub 時自動進行格式化,有效提升文章的專業度和可讀性。

March 16, 2025 4 次分享
UV:基於 Rust 的超高速 Python 包管理工具

UV:基於 Rust 的超高速 Python 包管理工具

在當前 Python 生態系統中,包管理一直是開發者面臨的痛點之一。多種工具分散使用,效率低下,安裝依賴時常需等待漫長時間。今天,我們將介紹一個革命性的解決方案——UV(及其命令行工具 UVX),這是一個用 Rust 編寫的極速 Python 包管理器,正在迅速改變 Python 開發者的工作流程。

March 15, 2025 422 次分享
REST Countries API:全面指南與台灣例子

REST Countries API:全面指南與台灣例子

REST Countries API 是一個功能強大的開放源碼 RESTful 服務,提供世界各國豐富的資訊。本文將深入探討這個 API 的工作原理、主要功能以及實際應用案例,特別聚焦在台灣及其主要區域的數據查詢範例。

March 15, 2025 377 次分享
MyGO!!!!! Telegram 機器人:邊緣計算與動漫文化的融合

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

MyGO!!!!! Telegram 機器人是一個結合了現代邊緣計算技術與動漫文化的創新項目。這個基於 Grammy 和 Hono 框架構建的 Telegram 機器人,能讓用戶通過關鍵詞搜索 MyGO!!!!! 的圖片。本文將深入探討該機器人的背景、技術實現和功能特點,展示如何利用 Cloudflare Workers 部署高效能的 Telegram 機器人。

March 15, 2025 256 次分享

Google 公佈 AI Agent 白皮書:探討 AI 的代理功能

解析 Google 最新發布的 AI Agent 白皮書,探討 AI 模型如何通過結合推理、邏輯和外部工具來擴展其功能。

January 6, 2025

AI 代理:超越對話的下一代生成式 AI

探討 AI 代理如何結合大型語言模型的對話能力與行動導向功能,開創人機互動的新紀元,重新定義生成式 AI 的應用場景。

January 1, 2025
從零開始的 dApp 開發:2024 年學習路線圖

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

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

December 18, 2023 5 次分享
左右互搏術:ChatGPT 與 TDD 結合心得

左右互搏術:ChatGPT 與 TDD 結合心得

當我閱讀《射鵰英雄傳》時,左右互搏術讓我聯想到測試驅動開發(Test-Driven Development,TDD)。這裡以編寫購物車功能為例,分享如何運用 TDD 來協助編寫程式碼

November 27, 2023 161 次分享
回顧我的 2023 開發者生涯:前端、後端、雲端、到 Web3

回顧我的 2023 開發者生涯:前端、後端、雲端、到 Web3

2023 年,我回到香港,從全棧工程師,行過死蔭幽谷,現在成爲系統架構師。能夠在 Web3 的世界自由自在地行走,十分感激當初的百般試煉。現在,就讓我回顧這一年我採用的前端後端雲端 Web3 方案,希望可以拋磚引玉

October 13, 2023 2164 次分享
優雅地使用 Storybook 建立 React.js 組件

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

Storybook 最大的優點是它可以提供不同的頁面來顯示組件的不同狀態,讓我們在各種不同的情況下測試和評估組件。通過為不同狀態創建不同的頁面,我們可以輕鬆地測試組件。另外,Storybook 也可以輸出一個 Static Website,可以輕鬆分享給設計師和其他團隊成員,讓他們容易理解組件的外觀和行為。

January 11, 2023 812 次分享
一個 Full Stack Developer 的日常

一個 Full Stack Developer 的日常

我在今年 3 月初的時候,透過 Mind Map 整理自己作爲 Full Stack Developer 的日常,並且花了很多時間去改善日常工作流程。最近我有點時間,於是就把那份 Mind Map 寫成文章,希望可以繼續拋磚引玉。謝謝大家支持

May 30, 2022 51 次分享
如何透過 ZEIT 方便快捷地部署免費的 Node.js 項目?

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

ZEIT 平台提供了免費的網站空間平台給開發者,我們可以透過 ZEIT 平台來部署 Node.js, Express.js, Koa.js 等應用。如果你有寫過 Node.js 應用,又想找個免費空間部署這些應用的話,那麼 ZEIT 會是一個不錯的選擇。

March 4, 2019 1 次分享
超好用的全棧項目部署構建平台 - Netlify, ZEIT

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

如果你想要部署自己的前端項目的話,那麼 Netlify 提供了一個一站式的解決方法,讓你可以持續部署,以及自動開啟 HTTPS。如果你想要部署 Node.js 應用的話,那麼 ZEIT 會是另外一個解決方案。

February 17, 2019 124 次分享
GatsbyJS 入門(三):從零開始架構 React 靜態網站

GatsbyJS 入門(三):從零開始架構 React 靜態網站

GatsbyJS 提供了一個簡單易用的命令行工具,我們可以透過它來構建一個基本的 React 網站,並實時看到修改代碼所帶來的變化。

January 16, 2019
從博客系統回顧我的 2018 年前端生涯

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

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

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

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

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

November 23, 2018
GatsbyJS 入門(一):打造開箱即用的現代化前端網站

GatsbyJS 入門(一):打造開箱即用的現代化前端網站

GatsbyJS 是一個現代化開發網站的網站產生系統,擁有完整、豐富且開源的生態圈。它利用 React + GraphQL 產生的多頁面應用,讓前端工程師,編輯,用戶都感到滿意。就讓我們一步步地探索這個系統吧。

November 16, 2018 1 次分享

前端工程師的日常修煉清單

學習如逆水行舟,不進則退。透過這個清單,我可以不斷學習前端知識,掌握更新的技能,天天進化。

November 5, 2018 13 次分享

深入淺出代碼優化﹣if/else

對於代碼裡面的 if else,我們可以使用邏輯判斷式,或更好的三元判斷式來優化代碼。除了可以降低維護項目的成本之外,還可以提升代碼可讀性。就讓我們從最簡單的 if else 例子開始吧。

October 22, 2018 2 次分享
Hackoberfest 2018 ﹣ 面向所有人群的開源社區最大活動

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

世界上不同的程序員,因開源活動而連接一起。這次 Hacktoberfest 活動除了可以拿到活動的限量衣服和貼紙之外,更可以認識到世界上不同的程序員。我看著不斷而來的討論和 PR,我找回了自己在編程上的熱情。如果你有興趣參與開源活動,但不知道如何入手的話,它會是一個不錯的起點。

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

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

這次 Google 開發者大會請來了 Lighthouse 的工程師 - Eric Bidelman,分享如何簡單地使用 Lighthouse, Puppeteer 來自動化我們日常的流程。它是一個開源的自動化工具,用於改進網絡應用質量。您只需要提供網址,它就測試該頁面,並生成頁面性能報告。你可以看看採取哪些措施來改進您的應用

September 24, 2018
GitGuardian:防止公開暴露敏感信息

GitGuardian:防止公開暴露敏感信息

September 8, 2018 5 次分享

Google Chrome 69 地址欄隱藏子域名後暴露的安全問題

定期更新軟件可以修復其自身的漏洞,即使是 Google Chrome,它的更新也是有安全問題的。在 Chrome 69 的版本裡面,`www` 被認定為 `trivial` 的子域名,因而隱藏了它之前的字眼。雖然可以提升一點用戶體驗,但卻帶來了另外一個風險點。

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

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

當我查看 CPU 和系統狀態時,我希望可以更加快捷,直觀地找出問題所在。vtop 則可以幫助我們節省分析過多數據,還提供 hjkl 一樣的 vim 鍵位,非常方便易用。如同 top 一樣,它可以顯示系統中各個進程中資源佔用狀況,並終止特定進程。

August 25, 2018
來杭工作兩個月後的生活與工作總結

來杭工作兩個月後的生活與工作總結

時光飛逝,轉眼已經離開香港兩個月。上有天堂,下有蘇杭。我也開始習慣這裡的生活,無論是生活節奏,還是工作習慣,都有所不同。這就是我這些天來最大的體會。

August 19, 2018 4 次分享
知乎無限 live 數據流網站

知乎無限 live 數據流網站

一直收聽知乎無限 live 的時候,我都會想:如何才能更有效率地收聽這些計畫內的 live 呢?於是我心血來潮,把無限 live 的資料拿了下來,然後做一個數據流的網站。這個網站展示和源碼已經放在 Github。這個項目可能適合那些喜歡看到很多數據的同學

March 28, 2018

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

當我在更新 gatsbyjs 本體和 `gatsbyjs-*` 插件後,就發現構建 JavaScript 代碼的時候失敗。解決問題的過程,需要多聯想關鍵字。但簡單來說,只要安裝正確的 babel 轉換插件,就可以解決這個問題。

March 21, 2018

美化 console.log 輸出

console.log() 這一個方法可以說是前端工程師最常用的調試方法之一。當我在研究音樂播放器 Aplayer 源碼的時候,發現其中有一行有趣的代碼,可以在 console 裏面輸出自帶顏色的圖案,故在此記錄一下。

March 4, 2018 3 次分享

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

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

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

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

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

November 26, 2017
你可能不知道的 JavaScript 代碼規範

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

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

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

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

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

September 30, 2017

異步操作見聞錄

異步操作是非常常見的操作,也是其中一題常見的前端工程師面試題目。在日常開發中,我們會和伺服器交互,或者是和用戶的行動作出反應,比如說監聽某些點擊事件。這個時候,其實我們是執行了異步操作,我們需要等待對方若干時間才能收到返回值,甚至是一個錯誤的值。因此,異步操作很容易產生一些誤會。這裡,我會說一下異步操作,及其返回的處理方法。

September 27, 2017

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

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

July 24, 2017
【翻譯】前端性能優化必備工具清單

【翻譯】前端性能優化必備工具清單

在網頁開發的世界裡,尤其是前端開發,我們會用很多時間尋找最好的設計,以及最好的內容。雖然這是沒有錯的,但是,我們會忘記去優化我們的網頁。這會讓用戶需要很久的時間,比如說,瀏覽器需要六秒到十秒以上才能完成整個渲染過程。在這篇文章,我會分享優化網頁的檢查清單。如果你覺得我有錯漏的地方,請在下面留言。這張清單會包含一些優化搜尋引擎排名 (SEO) 的技巧,以及減少網頁加載時間的最佳實踐。

June 19, 2017 5 次分享

香港開放數據平台 - 從入門到放棄

經過 2017 年香港開源年會之後,我都沒有去看香港的開放數據做得怎麼樣。今天香港正懸掛八號風球,正好是一個機會去了解一下。香港政府有一個開放數據平台,資料一線通,以多種檔案格式提供多個政府部門類別,機構的一些查詢資料,比如說天氣預報,中學教育統計資料。值得注意的是,這些檔案並不是 ODF,而是 xls, xml, csv, json, gif, txt, tif。

June 12, 2017

深入 ECMAScript 的數據類型

每一種編程語言都有數據結構,但他們各有不同之處。JavaScript 是一種動態語言,變數的類型不用提前聲明,你可以使用同一個變數來保存不同的數據類型。

May 18, 2017

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

初探 React 組件生命週期

May 16, 2017 1 次分享
HackUST 2017 後記

HackUST 2017 後記

April 23, 2017

14 種常見的 HTTP 狀態碼

當用戶向伺服器發出請求時,狀態碼能夠描述伺服器返回的結果。

April 8, 2017 1 次分享

localStorage vs sessionStorage

LocalStorage 和 SessionStorage 的對比

January 20, 2017 3 次分享

熱門文章

最新文章

圖片管理中心
管理圖片資源
IP 查詢
快速查詢和定位 IP 地址的地理位置和相關信息
Python 運行器
無需後端、無需登入,只需打開瀏覽器即可運行 Python 代碼(由 Pyodide 提供支持)
封面圖生成器
自動創建適合各種平台的文章封面圖
原作(青山剛昌)產生器
一鍵創建原作(青山剛昌)的封面圖
日本色彩
探索和使用傳統日本色彩
部落格內容洞察儀表板
以視覺化儀表板方式追蹤文章成效、分享熱度與分類分布,協助創作者掌握內容表現。
蒙特卡羅估算 π
使用蒙特卡羅方法演示 π 值的估算過程
LLM
使用 LLM 模型進行聊天
活動圖生成器
一鍵創建活動的封面圖
Wagmi Card
一鍵創建 Wagmi 的封面圖
Facebook Quote
Facebook Quote
Music Macro Language (MML) Studio
用程式語法編寫旋律,用音符構築想像
Blurhash
一鍵創建 Blurhash
文字分類器
使用 MediaPipe TextClassifier 分類文字
前端工程師免費工具資源
前端工程師免費工具資源
後端工程師免費工具資源
後端工程師免費工具資源
全端工程師免費工具資源
全端工程師免費工具資源
Web3 工程師免費工具資源
Web3 工程師免費工具資源
紫微斗數排盤系統|結合 AI 的命盤性格與事業財務分析生成器
紫微斗數排盤工具,輸入生日與時辰,自動生成完整命盤分析提示(Prompt)。結合最專業紫微理論與 AI 助力,助你深入解析性格、事業、財務與人際課題。免費使用,適合命理師及紫微愛好者。
PixAI Prompt 組合器|快速打造可用於 AI 繪圖的語言拼圖
使用 PixAI 卻不會寫 prompt?這個工具幫你一鍵組裝角色、表情、風格語彙,輸出高品質繪圖提示語句(Prompt),可直接貼入 PixAI 使用。適合插畫師、創作者、AI 新手與 VTuber 角色開發者。