✏️前端基礎

  • JavaScript 的重要觀念 - Event loop 事件循環詳解

    前端基礎-

    甚麼是 Event loop 當我們在瀏覽器中執行 JS 時,通常會遇到一些需要時間來完成的任務,例如向服務器請求數據。這些任務可能需要花費很長時間來完成,但是我們又不能讓 JS 的執行停頓下來,導...

    前往JavaScript 的重要觀念 - Event loop 事件循環詳解文章
  • JavaScript 的 async / await 到底在幹嘛?前端非同步的簡潔寫法。

    前端基礎-

    甚麼是非同步函數 async / await saync / await 是 ES8 新增的語法,它允許我們以同步的方式編寫非同步程式碼,讓我們更容易地管理非同步操作,編寫出更清晰、簡潔、易讀的程式...

    前往JavaScript 的 async / await 到底在幹嘛?前端非同步的簡潔寫法。文章
  • 前端重要觀念 Promise - 為甚麼要有 Promise?如何使用?

    前端基礎-

    到底甚麼是 Promise? 用一句話說,Promise 是一個對 還未有結果的事物 的一個替身,且他不是前端才有的東西。 那為甚麼要對未有結果的事物做一個替身呢? 這篇文有提到,我們不知道非同...

    前往前端重要觀念 Promise - 為甚麼要有 Promise?如何使用?文章
  • 你知道非同步嗎?前端新手必學的同步非同步、回調函數 callback 觀念

    前端基礎-

    前言 對於剛學程式或網頁的新手,很容易把同步和非同步搞混,回調函數的觀念和用法也不簡單,我一開始學習網頁的時候也是搞不懂這些東西,所以今天想用一篇長文來幫助你搞清楚這方面的所有觀念,整篇貼文的架構會...

    前往你知道非同步嗎?前端新手必學的同步非同步、回調函數 callback 觀念文章
  • 前端必學 - 甚麼是 API?前端如何串接 API?

    前端基礎-

    對於剛接觸的新手來說,API 是一個蠻難懂的概念。但其實它觀念蠻簡單的,前端在獲取資料時,API 通常是一個網址,前端可以透過這個網址來獲取後端送來的資料。 舉個例子,假設你現在在蝦皮買了一件衣服,...

    前往前端必學 - 甚麼是 API?前端如何串接 API?文章
  • 前端容易忽視但卻重要的 - HTML 語意化標籤

    前端基礎-

    你平常會用 HTML 語意化標籤嗎? 嗨~我是請網這邊走,前陣子在做自己的部落格時,因為希望提高 SEO 所以花了點時間研究 HTML5 推出的語意化標籤,研究後才發現裡面有很多細節是之前以為知道,...

    前往前端容易忽視但卻重要的 - HTML 語意化標籤文章
  • 最完整的前端 DOM 教學(上) - 甚麼是 DOM?如何獲取 DOM 的值並更改網站內容?

    前端基礎-

    DOM 是學前端一定跑不開的話題和知識點,理解 DOM 是甚麼後,我們就能對網頁進行很多動態的操作,讓整個網站活起來,如果你還不知道 DOM 是甚麼,就讓我們一起來看看吧! 甚麼是 DOM DOM...

    前往最完整的前端 DOM 教學(上) - 甚麼是 DOM?如何獲取 DOM 的值並更改網站內容?文章
  • 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 閉包的詳解及實做應用文章