iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Modern Web

重新認識 FrontEnd 系列

從 html 開始,一路經過了 CSS, JavaScript 以及許多延伸套件,是否對於他們的掌握度更佳提升了呢,這次將會從 html 重新開始,將許多細節以及該注意的地方重新審視一遍,希望會對大家有幫助

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11:Web 效能優化 - 檔案篇

為何需要進行 Web 效能優化 首先先來個源自 CharGPT 的數據: 53% 的用戶會在頁面加載時間超過 3 秒時選擇離開 1 秒的延遲可能會導致 7%...

2024-08-16 ‧ 由 呆呆小將 分享
DAY 12

Day12:JavaScript 模組化

為何會需要 JavaScript 模組化 在早期的 JavaScript 開發時,引用其他 Script 後 var 變數基本上都是會掛在全域底下,若他人變數名...

2024-08-17 ‧ 由 呆呆小將 分享
DAY 13

Day13:JavaScript 的 Class

JavaScript 中的 Class 在 ES6 之前,JavaScript 的繼承之類的功能主要是由 protopype 來實現,但到了 ES6 正式推出了...

2024-08-18 ‧ 由 呆呆小將 分享
DAY 14

Day14:ECMA

在前一篇文章單獨介紹了 ES6 的 Class 功能,主要是他同時解決了許多前端知名問題,像是原形鏈、閉圈等等,然而相信對於這邊沒有了解過的讀者會有疑問,ES6...

2024-08-19 ‧ 由 呆呆小將 分享
DAY 15

Day15:那些年的 ECMAScript(ES1 ~ ES4)

有許多 JavaScript 習以為常的的用法其實在最一開始並沒有支援,讓我們來看看 JavaScript 的演進吧 ES1(1997) 在 ES1 時期將許多...

2024-08-20 ‧ 由 呆呆小將 分享
DAY 16

Day16:ES5 功能(上)

ES5 的功能 時隔多年,在 2009 年時總算推出了 ES5,經過多年的準備,ES5 也添加了許多的功能,讓我們來看一下有哪些功能吧 strict mod...

2024-08-21 ‧ 由 呆呆小將 分享
DAY 17

Day17:ES5(下)

ES5 時期除了昨天介紹的那些功能,其中還有一大塊內容是有關 Array 的操作,讓我們繼續吧 Array.isArray():我們可以透過 isArray(...

2024-08-22 ‧ 由 呆呆小將 分享
DAY 18

Day18:ES6

時隔 6 年在 2015 年推出的 ES6 出現了許多影響現代 Coding 的功能,這邊來慢慢介紹吧 let 和 const:在 ES6 時添加了兩個宣告變...

2024-08-23 ‧ 由 呆呆小將 分享
DAY 19

Day19:ES2016、ES2017

在 2015 的 ES6 後,ECMA 開始一年推新一次 ECMAScript,從此之後較常使用年份來說而不是推行版本了,今天讓我們來認識 ES2016 和 E...

2024-08-24 ‧ 由 呆呆小將 分享
DAY 20

Day20:ES2018、ES2019

ECMA2018 ECMA2018 多了一個很有趣的功能:異步迭代器(Asynchronous Iterators),其他內容就幾乎是偏向開發體驗了,讓我們開始...

2024-08-25 ‧ 由 呆呆小將 分享