iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
JavaScript

30天 JavaScript 提升計畫:從零到精通結合2024年的創新功能 系列

透過1.5年職場經歷外加刷題挑戰,設計一個30+天的學習計劃,其實也算是複習,因為今年 7 月轉後端,就當作是一個總結,也是一種安慰因為我是前端腦,愛前端比後端多很多!
內容會結合2024年的創新功能和實際應用,以重點式多範例的方法說明核心概念和實際應用,逐步提升自己程式設計能力和專案經驗,最後會分享四海八荒收集來的面試題目當作收尾,期許自己提升技能跟上前輩們的腳步!加油!

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

第 21 天:JavaScript 的事件處理和他的 DOM

DOM DOM(Document Object Model)操作文件物件模型,是的!繞來繞去還是物件,所以使用過程中不難發現都是用第 5 天:物件與陣列物件,...

2024-09-26 ‧ 由 kuku 分享
DAY 22

第 22 天:JavaScript 的正規表達式

MDN文件:正規表達式 規則運算式的基本語法 正規表示式 Regex 是 JavaScript 中模式匹配和字串操作的強大工具。 創建正規表達式使用字面量...

2024-09-27 ‧ 由 kuku 分享
DAY 23

第 23 天:JavaScript 調試工具 - F12

使用瀏覽器開發者工具進行調試 F12 console 大多數瀏覽器 Chrome、Firefox、Edge 都可以通過按 F12 鍵或右鍵點擊頁面選擇「檢查」...

2024-09-28 ‧ 由 kuku 分享
DAY 24

第 24 天:前端與後端的基本通信

基本概念 前端:用戶界面和用戶直接交互的部分,通常用 HTML、CSS 和 JavaScript 實現。後端:伺服器、數據庫和應用邏輯的部分,負責處理業務邏輯...

2024-09-29 ‧ 由 kuku 分享
DAY 25

第 25 天:JavaScript 的 Clean Code

參考書籍:代码整洁之道 命名規則 變數和函數命名: 使用描述性名稱,避免使用簡短或含糊的名稱。 函數名應該表明其行為,例如 calculateTota...

2024-09-30 ‧ 由 kuku 分享
DAY 26

第 26 天:安全最佳實踐

防止 XSS 和 CSRF 攻擊 XSSXSS (Cross-Site Scripting) 是一種攻擊技術,攻擊者將惡意腳本注入到正常的網頁中。當其他用戶訪...

2024-10-01 ‧ 由 kuku 分享
DAY 27

第 27 天:資料存儲與處理

前端的 Cache 快取是將網站資料儲存在快取(儲存位置)中的過程,以便為使用者提供更快的存取,提升用戶體驗,減少網頁加載時間;實現快取的方法可以在伺服器端和...

2024-10-02 ‧ 由 kuku 分享
DAY 28

第 28 天:JavaScript 設計模式

學習 Laravel 框架過程中很常可以看到所有的檔案都是 class,而且非常看重物件導向,其中依賴注入和繼承最常見;前端呢?今天來談談我所了解的 JavaS...

2024-10-03 ‧ 由 kuku 分享
DAY 29

第 29 天:實戰項目 - 基礎項目 To_do List 構建

評估需要用到的 JavaScript 功能 從頭構建一個簡單的項目 To_do List 當作整個知識點的收尾,其實購物車的想法也不錯其實都大同小異,因為裡面...

2024-10-04 ‧ 由 kuku 分享
DAY 30

第 30 天:JavaScript 面試題與學習資源

JavaScript 常見面試分群 基本概念 回顧:第 1 天:JavaScript 概述與環境配置 什麼是 JavaScript?它的主要用途是什麼...

2024-10-05 ‧ 由 kuku 分享