✏️全部文章
軟體設計的哲學 A Philosophy of Software Design 導讀 - 如何降低軟體系統的複雜性？
其它內容-身為一位前端開發者，除了基本的 CSS、JS 和框架的應用，如果還想自我提升，增加職涯競爭力，就勢必會接觸到更軟體工程核心的知識內容，今天就來利用這本很有名的書 - 史丹佛教授、Tcl 語言發明者 J...
前往軟體設計的哲學 A Philosophy of Software Design 導讀 - 如何降低軟體系統的複雜性？文章JavaScript 的 async / await 到底在幹嘛？前端非同步的簡潔寫法。
前端基礎-甚麼是非同步函數 async / await saync / await 是 ES8 新增的語法，它允許我們以同步的方式編寫非同步程式碼，讓我們更容易地管理非同步操作，編寫出更清晰、簡潔、易讀的程式...
前往JavaScript 的 async / await 到底在幹嘛？前端非同步的簡潔寫法。文章前端重要觀念 Promise - 為甚麼要有 Promise？如何使用？
前端基礎-到底甚麼是 Promise？ 用一句話說，Promise 是一個對 還未有結果的事物 的一個替身，且他不是前端才有的東西。 那為甚麼要對未有結果的事物做一個替身呢？ 這篇文有提到，我們不知道非同...
前往前端重要觀念 Promise - 為甚麼要有 Promise？如何使用？文章你知道非同步嗎？前端新手必學的同步非同步、回調函數 callback 觀念
前端基礎-前言 對於剛學程式或網頁的新手，很容易把同步和非同步搞混，回調函數的觀念和用法也不簡單，我一開始學習網頁的時候也是搞不懂這些東西，所以今天想用一篇長文來幫助你搞清楚這方面的所有觀念，整篇貼文的架構會...
前往你知道非同步嗎？前端新手必學的同步非同步、回調函數 callback 觀念文章前端特效 - 如何利用 canvas 做出極具科技感的前端卡片粒子特效
前端特效-前言 前陣子在 clerk 的網站上看到這樣的效果，當滑鼠移到卡片上時，粒子會從卡片中心向外擴散開來，形成一個科技感的視覺效果。 👇 稍微研究了一下，發現他是用 canvas 做的，你知道怎麼做...
前往前端特效 - 如何利用 canvas 做出極具科技感的前端卡片粒子特效文章前端必學 - 甚麼是 API？前端如何串接 API？
前端基礎-對於剛接觸的新手來說，API 是一個蠻難懂的概念。但其實它觀念蠻簡單的，前端在獲取資料時，API 通常是一個網址，前端可以透過這個網址來獲取後端送來的資料。 舉個例子，假設你現在在蝦皮買了一件衣服，...
前往前端必學 - 甚麼是 API？前端如何串接 API？文章前端容易忽視但卻重要的 - HTML 語意化標籤
前端基礎-你平常會用 HTML 語意化標籤嗎？ 嗨～我是請網這邊走，前陣子在做自己的部落格時，因為希望提高 SEO 所以花了點時間研究 HTML5 推出的語意化標籤，研究後才發現裡面有很多細節是之前以為知道，...
前往前端容易忽視但卻重要的 - HTML 語意化標籤文章你有關注前端的發展嗎？帶你快速瀏覽 2023 前端的技術發展
其它內容-前言 2023 年對於前端開發來說，是一個充滿創新與變革的一年。隨著新技術的出現和現有技術的進步，前端開發的範疇已經從傳統的網頁應用拓展到了PWA、3D/VR/AR 體驗，甚至是 AI 技術的整合。...
前往你有關注前端的發展嗎？帶你快速瀏覽 2023 前端的技術發展文章最完整的前端 DOM 教學(上) - 甚麼是 DOM？如何獲取 DOM 的值並更改網站內容？
前端基礎-DOM 是學前端一定跑不開的話題和知識點，理解 DOM 是甚麼後，我們就能對網頁進行很多動態的操作，讓整個網站活起來，如果你還不知道 DOM 是甚麼，就讓我們一起來看看吧! 甚麼是 DOM DOM...
前往最完整的前端 DOM 教學(上) - 甚麼是 DOM？如何獲取 DOM 的值並更改網站內容？文章什麼是 pnpm？pnpm 有甚麼用？
其它內容-相信你多少聽過或用過 npm 這個 js 套件管理工具，它提供了一個方便的方式來安裝、更新和管理 JavaScript 套件，不過 npm 也有一些缺點，例如依賴衝突、磁碟空間浪費的問題，所以後來有了...
前往什麼是 pnpm？pnpm 有甚麼用？文章