✏️全部文章
你知道非同步嗎?前端新手必學的同步非同步、回調函數 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 有甚麼用?文章JavaScript 重要觀念 - var、let、const 差別
前端基礎-今天來說說前端新手容易搞混但很重要的 var、let、const。 在 JS 更新 ES6 以前,我們宣告變數都是使用 var,比如說 var a = 1,很多舊的教學也都是這樣使用。 但在 ES...
前往JavaScript 重要觀念 - var、let、const 差別文章JavaScript 面試題 - 超好用的立即執行函數 IIFE
前端基礎-立即執行函數又稱 IIFE(Immediately Invoked Function Expression),對於初學者來說,很容易把立即執行函數跟閉包搞混,也很多文章會將它們兩個混在一起說,因為立即...
前往JavaScript 面試題 - 超好用的立即執行函數 IIFE 文章JavaScript - Closure 閉包的詳解及實做應用
前端基礎-閉包 closure 一直是 JS 新手的第一座大山,也是面試愛考題,雖然網路上很多關於 JavaScript 閉包的文章,但我覺得都講得太難了,於是我用最簡單的方式,整理了一篇閉包 closure ...
前往JavaScript - Closure 閉包的詳解及實做應用文章