## 概述 在開發中，我們常遇到這種佈局：A、B、C 三段文本長度不固定，其中 A、C 占用空間較少，需要完整顯示，B 是自適應區域，超出部分需省略顯示。A 與 B 屬同一容器，該容器與 C 同級，容器應佔據除 C 之外的所有剩餘空間，HTML 結構如下： ```html <div c...
前端架構師，這個崗位，在我的技術體系的認知中，是不需要這樣的一個崗位的。但是市面上，我發現，在招聘的需求中，很多企業依然在招聘前端架構師這個崗位。 為什麼市場中，依然會有這個崗位呢？ 真實的場景中，這個崗位的設立，是否真的是合理的呢？ 作為前端出身的同學，這是我一直在思考的一個問題...
## 大家好，我是蘇三，又跟大家見面了。 ## 前言 今天想和大家聊聊一個經典的技術選型問題：在高性能場景下，為什麼我更推薦使用PostgreSQL而不是MySQL？ 有些小夥伴在工作中可能會疑惑：MySQL這麼流行，性能也不錯，為什麼要在高性能場景下選擇PostgreSQL呢？ ...
 > 本文首發於公眾號：[嘟爺創業日記](https://link.juejin.cn?target=https%3A%2F%2Fmp.weixin.qq.com%2F...
## 把程式碼變成“可改的樹”：一文讀懂前端 AST 的原理與實戰 ### 前言：什麼是 AST（抽象語法樹）？ 在現代前端開發中，AST（Abstract Syntax Tree，抽象語法樹）指的是“用樹來表達一段程式碼的語法結構”。通俗理解：把程式碼先讀懂、拆解成一個個語法“節點”，...
# 前言 感謝您打開本文！ 目前我正在利用 **GitHub Copilot** 進行業務效率化的 Web 應用程式開發。 本文將分享其中一個專案，**利用 OCR 的報銷申請應用程式** 的開發過程中的學習體會。 敬請參閱！ --- # 目錄 1. [開發背景與所...
記事的撰寫大量利用了AI的輔助。 # 從技術史探討LLM突變聰明的原因 - 5項創新與其影響 ## 介紹 「ChatGPT為什麼這麼聰明？」你有想過這個問題嗎？ 自2022年末ChatGPT登場至今約兩年時間，LLM已經融入我們的日常生活。但在幾年前，與AI進行自然對話仍然是夢想...
# 試用 OpenAI Agent Builder：Dify 的差異與實作指南 我調查了 Agent Builder 並實際試用，感覺這不僅僅是一個新工具，而是一個相當本質的轉捩點。 ## Agent Builder 是什麼？ 簡單來說，**一個能夠視覺化構建 AI 助手工作流程的...
大家好，我是風骨， `React` 技術棧發展到現在，已經出現了非常多且優秀的狀態庫，比如從早期的 `Redux` 和 `Mobx`，到現在擁抱 Hooks 版本的 [Zustand](https://link.juejin.cn?target=https%3A%2F%2Fgithub.com...
最近在重構編輯器 demo 的時候，我重新梳理了**事件層**的實現。在節點層 → 渲染層之後，本篇重點切換到**互動事件系統**，也就是 Canvas 如何處理複雜互動，如何設計一個類似 Figma 的獨立事件架構。 --- ## 🧑💻 寫在開頭 點讚 + 收藏 = 支持原創 ...
# 前言 在網頁開發或應用程式製作中，經常會有將數值顯示在螢幕上的需求。 特別是在顯示金額時，通常會使用「12,345元」而非「12345元」， 這樣的3位數逗號分隔大概是較為常見的格式。 ## 概要： 在 C# 中，當將數值轉換為字串時，我們會使用 `.ToStrin...
上週面試的時候，面試官突然問我：“你用過 Cursor 對吧，那你知道 rules 嗎？”  當時小愛一愣，把問題聽成了 Cursor 的弱勢，本...
這篇文章是人工撰寫的。 這是一份為活動準備的操作手冊，閱讀本文後，任何人都可以在大約一小時內進行嘗試！ 使用 Claude Code 等 AI 代理人「的人」數量顯著增加。 如今，使用 AI 已經是每個人的常態。 我們更應該邁出一步，學習「製作」AI 代理人，這樣會更加有趣🙌...
## React 19.2 已發布，現已上線 npm！ 原文連結 > [react.dev/blog/2025/1…](https://link.juejin.cn?target=https%3A%2F%2Freact.dev%2Fblog%2F2025%2F10%2F01%2Freac...
# freqAI-LSTM 交易模型完全指南 ## 從初學者到進階者的徹底解說 --- ## 第1章: 開始 - 這個系統是做什麼的 ### 1.1 專案全貌 freqAI-LSTM是一個用於自動交易加密貨幣的人工智慧系統。該系統如同經驗豐富的交易者一樣監控市場，利用機器學...
## 背景與需求 在軟體開發和商業化過程中，許可證控制是一個不可避免的技術需求。無論是企業級管理系統、桌面應用軟體，還是SaaS服務，都需要對軟體的使用範圍、功能權限和時間限制進行有效管控。 許可證系統的核心價值在於： **保護知識產權**：防止軟體被非法複製和分發 **商業模式...
Android 代碼架構通常包括四個主要層次：應用層、框架層、原生層和 Linux 內核層。下面我們用 mermaid 圖來表示： 結合這個圖示來詳細闡述 Android 代碼架構： 1. **應用層（Application Layer）**： - 這是用戶直接接觸的層面，包括系...
Vue 3.6 推出試驗性 Vapor Mode，逐步棄用 VDOM！它憑藉元素級定點更新突破 VDOM 性能瓶頸，借助抽象代碼兼容跨平台，但存在編譯壓力與產物體積問題，讓你看透 Vue 性能進化的方向！ ## 引言 > 2025/07/25日 vue conf中提到，vue3.6將可以...
## 前言 1. 之前在證券行業，接觸過移動端K線圖的需求； 2. H5 K線圖，支持無限左右滑動，支持樣式自定義； 3. 纯canvas製作，不借助任何第三方圖表庫； 4. 閱讀本文，需要有canvas基礎知識。 [滑動K線圖組件](https://link.juejin.cn?ta...
# 投資不致破產的數學：理解ケリー基準 ## 前言：為何優秀的交易者也會破產 在投資的世界中，存在著一種奇妙的現象。勝率高達55%，即贏的次數多於輸的交易者，卻有可能破產。另一方面，即便勝率相同，但能穩定增長資產的投資者卻屢見不鮮。這種差異究竟是什麼呢？ 答案在於「**持倉規模**...
我平常從事後端工程師的工作，經常在專案中使用 Terraform 和 ecspresso，然而這兩者的角色分配乍看之下似乎不太明確。本文將透過建立使用 Terraform 和 ecspresso 的範例專案來說明它們的生命週期差異。 ### 讀完本文你將了解 - Terraform 和 ec...
前端開發圈裡有個永恆的話題：React和Vue到底哪個性能更好？今天我想從實際經驗出發，和大家聊聊這個有趣的話題。 ## 先澄清一個誤解 首先要說明的是，**React和Vue在現代硬體上的性能差異，大多數用戶是感知不到的**。但作為開發者，了解它們背後的機制確實很有意思。 ## ...
介紹 -- 如果您最近曾造訪開發者 Twitter，您可能已經看過 Bun 關於直接向 Claude Code 等 AI 編碼助手提供 Markdown 的推文。 https://x.com/bunjavascript/status/1971934734940098971 [M...
> 這是一篇關於個人學習 AI 的筆記與程式碼摘錄。希望從前端的視角出發，快速了解大型語言模型（LLM）、提示詞工程、LangChain、RAG 等相關術語知識，最終能夠搭建一個 “玩具智能體” 或者真正應用到生產中去。 --- ### 目錄 📑 - LLM 基礎：深入 AI 的心...
✅ **看情況，但團隊統一最重要** ✅ **JS/TS生態傾向駝峰** ✅ **Python/Go生態傾向下劃線** ✅ **轉換成本要考慮** ## 深入分析與實踐建議 ### 1. 轉換位置的選擇 **後端轉換（推薦在Node.js/Java環境）** ...
> “你這個線程池配置，是在給公司省電費嗎？” > —— 技術總監看著我精心設計的線程池，發出了靈魂拷問 ## 那個讓我無地自容的Code Review 上週團隊Code Review，我自信地展示了一個“高性能”線程池： ```java @Bean public Threa...
## 前言 如果你是一名 Java 開發者，很可能在日常工作中經常見到 `java.util.Date` 類。但你可能也注意到，現在 Java 開發中，我們通常會避免直接使用它。為什麼會這樣呢？今天我們就來聊聊這個話題。 ## 一、一個「歷史悠久」的類 `java.util.Dat...
## 前言 開發 AI 代理人或 RAG 應用程式的低代碼開源平台 **「Dify」**。 此次，我們將介紹如何在 **OCI**（Oracle Cloud Infrastructure）上通過 **僅限 GUI 操作** 一鍵部署 Dify 的自我託管環境。 OCI 資源如 Comp...
> **一次超驚險的故障排查經歷** > - **事件**：雙十一大促高峰期，核心用戶服務集群出現大規模請求超時。 > - **影響**：“下單成功率”斷崖式下跌，基於即時廣告流量轉化率估算，導致千萬級廣告費資損，故障被定級為P1。 > - **時長**：從故障爆發到“止血”，耗時15分鐘；從...
在經濟下行的大背景下，越來越多的中小型企業開始放棄“前後端分離”的人員配置，開始採用“全棧式開發”的模式來進行研發費用的節省。 這方法真的那麼好嗎？ 作為一名從“全棧開發”自我阉割成“前端開發”的逆行研發，我有很多話想說。 先從一個活生生的真實案例開始吧。 我認識一個非常優秀...
# 什麼時候用ref，什麼時候用reactive？  官方文件及尤雨溪提到過，ref 一把梭，不建議用 reactive。我說的話不可信，尤雨溪的話百分百可信，用，用，用ref 一把梭。 ### `r...
*想使用 Qt 卻覺得太貴…* 你有這樣的想法嗎？ 在這裡，我們將探討在**開發具觸控螢幕的嵌入式 Linux 系統**時，Qt 的價值及其替代方案。 ## Qt 貴的原因 Qt 是一個非常優秀的應用程式開發框架，提供了豐富的功能，不僅限於 GUI。因此，其價格也相對較高。 ...
# 引言 在 SQL 中，常常需要從多個表格中獲取數據。 此時，使用聯接是常見的做法，但在成本上會如何呢？ 為了確認這一點，我們將撰寫一個返回相同結果的**聯接查詢**和**子查詢**，並比較它們的執行計畫。 如果您不知道如何查看執行計畫，可以參考「[在 PostgreSQL 中...
# 前言 生成式 AI 和 AI 擴展工具在過去幾年中迅速進化。藉助提示來進行程式碼生成、自動化測試、評審摘要和文檔補完等「過去由人類完成但可以由 AI 協助的任務」確實在不斷增加。 本文的目的不僅僅是介紹工具和功能，而是透過「可以立即使用的 AI 速查表」和「可實踐的自訂腳本範例」，傳...
如果你正在做**官網開發**，還在辛苦的手動實現那些動畫特效，那今天推薦的這個庫，至少讓你提前`4小時`開始摸魚! 以前，面對設計師的那些炫酷動畫，實現起來是最耗頭髮的；產品經理還時不時的說一下，這效果不好看，我要的是五彩斑斕的黑！ 還抱著 Element UI + Animate.cs...
最近Code Review的時候，我看到我們組一個很聰明的年輕同事，用觀察者模式，寫了一個極其複雜的全球狀態訂閱系統，就為了在一個元件裡，響應另一個不相關的元件的點擊事件。 比較常見的場景：點擊 Button 元件，讓 Panel 元件打印日誌或顯示提示，具體偽代碼👇: ```js /...
先日，我參加了 Zenn 的「第3回 AI Agent Hackathon with Google Cloud」，使用 Flutter 在三週內成功部署了一個應用程式「Vegitage」。 今天，我不打算談這個應用程式本身。 我想談談在這個開發過程中，我親身體驗的「**編程行為的根本變化...
#### 前言 在資料製作或部落格文章中，是否曾有過「這張圖片正好符合我的需求，但因為著作權問題無法直接使用…」的煩惱？ 這時候有用的就是，**利用AI生成「類似氛圍的原創圖片」的技巧**。 本文將介紹如何讓AI深入理解原始圖片的「本質」，並透過強大的提示技術生成意圖中的那種「感覺」的...
## 問題的概要 在使用 C# 開發 Windows 表單應用程式時，可能會遇到以下現象。 ```csharp private async void button1_Click(object sender, EventArgs e) { button1.Enabled = ...
Hacktoberfest 即將到來。這是您首次貢獻開源程式碼或為您喜愛的專案獻上一份愛心的絕佳時機。無論您是程式新手還是經驗豐富的老手，總有辦法為您提供協助。 我整理了一份簡短的倉庫列表，這些倉庫對初學者來說很友好，而且使用起來很有趣。我也希望大家在評論區分享自己的專案，以便其他人也能發現它...
# 前言 2025年10月1日（三）深夜，OpenAI突然釋出視頻生成AI Sora2。 這是迄今為止視頻生成中質量最強的技術，並且同時發布了一個類似TikTok的專用縱向短視頻應用。 （前一天，Anthropic發佈了Claude的最新模型，主要廠商的發佈時間接連不斷，大家都在熬...
我們前端，可能是公司裡最卷的崗位之一。天天加班加點，追最新的技術棧，像素級還原設計稿，為了那100毫秒的性能提升死磕到底。 但不知道你有沒有過類似的感受：**儘管我們做了這麼多，但在很多公司裡，我們總感覺自己處於食物鏈的下游？為什麼在討論核心戰略、分配專案獎金、甚至決定專案方向時，前端的聲音總...
## ✨前言 大家好！Android工程師們辛苦了。 從事Android開發多年，我認為Kotlin和Java的選擇確實讓人困惑。我自己從Java轉向Kotlin，自2019年Google將Kotlin定位為「推薦語言」後，現場的氛圍也大變樣了。 本文希望能夠比較2025年目前An...
## 前言 大家好，我是奈德麗。 過去一年，我主要參與**國際機票業務**的開發工作，因此每天都要和多語言（i18n）打交道。熟悉我的朋友都知道，我這個人比較「惜力」（並不是，實際上只是忍不下去了），對於**重複笨拙的工作非常抵觸**，於是，我開始思考如何優化團隊的多語言管理模式。 ...
## 前回的故事 曾經寫過一篇名為「用HTML和CSS來畫出真實的眼球。」的文章。 在那時，我灌注了當時所知的所有CSS技巧， 我認為我做出了令人滿意的眼球效果。 然而，自從這篇文章以來，已經過去了六年。 在這段期間，網頁相關技術的創新日新月異， CSS相比以前更...
過去很長一段時間，我幾乎什麼瀏覽器插件都敢裝：調試、翻譯、抓包、下載、效率提升……直到我拆了一款熱門“資源分享”類擴展的代碼，才真正意識到：很多擴展擁有的權限，幾乎等同於在你的瀏覽器裡放了一個“貼身代理”。很多人還停留在“插件 ≈ 一個小工具”層面，但從權限模型看，它們可以做到的遠超你的想像。 ...
今天介紹一個特殊的 Dart 開源庫 [pixel_prompt](https://link.juejin.cn?target=https%3A%2F%2Fgithub.com%2FprimequantuM4%2Fpixel_prompt) ，`PixelPrompt` 是 **Dart 的終端 U...
## 背景介紹 曾經，我遭遇了一個荒謬的Bug。那是一個看似平凡的字段，由我和同事共同維護著，如同兩個陌生人在同一片土地上耕作。最終，我們發現這個字段背叛了現實，它所記錄的與真實情況南轅北轍。 生產環境是沉默的，它從不打印SQL語句，就像西西弗斯推石的山坡，永遠不會告訴你石頭為何滾落。我...
同步至個人站點：[ECharts 萬字入門指南](https://link.juejin.cn?target=https%3A%2F%2Fstack.mcell.top%2Fblog%2F2025%2F22_echarts) 
