資料庫 Apollo GraphQL 是什麼? By徐培鈞 2025 年 4 月 28 日2025 年 4 月 28 日 Apollo 是一個專門為 GraphQL 打造的開源工具生態系(ecosystem)。 它不只是單一個小工具,而是一整套「從前端到後端」完整支援 GraphQL 的技術組合。 Apollo 的出現,...
資料庫 GraphQL 是什麼?為什麼它比 REST 更靈活? By徐培鈞 2025 年 4 月 28 日2025 年 4 月 28 日 隨著前端技術的快速發展,資料需求的複雜度也越來越高。 傳統的 REST API 雖然穩定可靠,但在某些情境下卻顯得不夠靈活、容易過載,甚至帶來開發效率低下的問題。 因此,一種新的資料溝通方式——Gra...
資料庫 GraphQL 如何根據 Query 動態生成 SQL? By徐培鈞 2025 年 4 月 27 日2025 年 4 月 27 日 在現代應用中,GraphQL 的一大亮點就是其動態生成 SQL 的能力,這與傳統 REST API 的固定路由和手寫 SQL 有著本質上的不同。 比較項目REST APIGraphQLSQL 產生方式...
JavaScript 初學者必讀:什麼是「函式」(Function)?從 prompt 函式認識函式的基本概念 By徐培鈞 2025 年 4 月 27 日2025 年 4 月 27 日 在學習 JavaScript 或任何程式語言時,「函式(Function)」是你必須掌握的重要基礎。 函式不僅是程式中常見的結構,也是讓程式具備「可重複使用」、「組織清晰」的關鍵。 本篇文章將從最基本...
JavaScript 自訂 Hook 是什麼?如何封裝自己的邏輯 By徐培鈞 2025 年 4 月 25 日2025 年 4 月 25 日 學會基本的 React Hook(如 useState、useEffect)後,你可能會發現: 有些邏輯會在好幾個元件中重複出現 元件變得又長又難讀,因為邏輯與畫面混在一起 每次寫類似的邏輯都要重新複...
JavaScript 為什麼 React 能區分「元件」與「普通函式」? By徐培鈞 2025 年 4 月 25 日2025 年 4 月 25 日 學習 React 的過程中,你可能會遇到一個有趣的現象:Hook(像是 useState, useEffect)只能用在元件裡,不能用在普通函式中。 例如: function MyComponent(...
JavaScript 初學者必學:搞懂 JavaScript 的 event.target By徐培鈞 2025 年 4 月 23 日2025 年 4 月 23 日 在學 JavaScript 的過程中,處理使用者互動是很重要的一環。 無論是點擊按鈕、輸入文字,甚至是滑鼠滑過畫面,這些行為在網頁上都被稱為「事件」。 而當你透過 JavaScript 捕捉這些事件時...
JavaScript 初學者必學:onClick 事件完整介紹 By徐培鈞 2025 年 4 月 23 日2025 年 4 月 23 日 在網頁中,「點一下」這個簡單動作,其實是開啟互動世界的關鍵。 當你點擊一個按鈕、連結或圖片時,能夠觸發一些反應(例如彈出提示、改變畫面、送出資料)── 這些都仰賴所謂的事件(Event)。 其中,最常...
JavaScript JavaScript 變數的核心概念:綁定(Binding) By徐培鈞 2025 年 4 月 22 日2025 年 4 月 22 日 在寫程式時,我們常常會遇到一個問題:資料產生出來之後,要怎麼保留下來供之後使用?又該怎麼取回它? 如果沒有辦法記住它,程式每執行一次都會像失憶一樣,一切重頭再來。 這時候,「變數」就派上用場了。 但其...
JavaScript 寫出乾淨程式碼!搞懂副作用與純函式的核心概念 By徐培鈞 2025 年 4 月 22 日2025 年 4 月 22 日 當你在寫 JavaScript 時,你的每一行程式碼,不是「用來算出某個結果」,就是「做出某種行動」。 這兩者的差異,就是程式語言中的「表達式(expression)」與「陳述式(statement)...